@supports (animation-timeline:view()){.reveal{opacity:0;transform:translateY(16px);animation:reveal linear both;animation-timeline:view();animation-range:entry 0 cover 30%;animation-delay:var(--reveal-delay,0s)}.reveal--scale{transform:translateY(16px) scale(.97)}@keyframes reveal{to{opacity:1;transform:none}}}.edge-fade-x{--edge:24px;-webkit-mask-image:linear-gradient(to right,transparent,#000 var(--edge),#000 calc(100% - var(--edge)),transparent);mask-image:linear-gradient(to right,transparent,#000 var(--edge),#000 calc(100% - var(--edge)),transparent)}@supports (animation-timeline:scroll()){.header-inner{animation:hdr-shrink linear both;animation-duration:1ms;animation-timeline:scroll();animation-range:0 80px}@keyframes hdr-shrink{to{padding-top:8px;padding-bottom:8px}}.brand img{animation:hdr-logo linear both;animation-duration:1ms;animation-timeline:scroll();animation-range:0 80px;transform-origin:left center}@keyframes hdr-logo{to{transform:scale(.78)}}}.surface-grain{position:relative;isolation:isolate}.surface-grain:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:var(--grain-opacity,.05);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px}