.film{position:relative;background:var(--bg-0)}.film-stage{position:sticky;top:0;height:100vh;height:100dvh;overflow:hidden;background:var(--bg-0) url(/film/wayfinding/poster.jpg) center /cover no-repeat}.film-stage canvas{position:absolute;inset:0;width:100%;height:100%}.film-grain{position:absolute;inset:-50%;width:200%;height:200%;pointer-events:none;opacity:.4;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0.55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");animation:film-grain .6s steps(3) infinite}@keyframes film-grain{0%{transform:translate(0)}33%{transform:translate(-3%,2%)}66%{transform:translate(2%,-3%)}to{transform:translate(0)}}.film-vignette{background:radial-gradient(120% 90% at 50% 45%,transparent 55%,rgba(0,0,0,.55) 100%)}.film-shade,.film-vignette{position:absolute;inset:0;pointer-events:none}.film-shade{opacity:0}.film-shade--l{background:linear-gradient(90deg,rgba(5,6,8,.78) 0,rgba(5,6,8,.45) 45%,transparent 75%),linear-gradient(0deg,rgba(5,6,8,.6) 0,transparent 45%)}.film-shade--r{background:linear-gradient(270deg,rgba(5,6,8,.78) 0,rgba(5,6,8,.45) 45%,transparent 75%)}.film--static .film-shade{display:none}.film-fade{position:absolute;inset:0;pointer-events:none;opacity:0;background:linear-gradient(to bottom,transparent 35%,var(--seam) 100%)}.film-loader{position:absolute;left:0;right:0;bottom:0;height:2px;background:hsla(0,0%,100%,.08);transition:opacity .6s var(--ease)}.film-loader i{display:block;height:100%;width:100%;background:var(--teal-2);transform:scaleX(var(--p,0));transform-origin:left}.beat,.film-loader.done{opacity:0}.beat{position:absolute;left:var(--pad);right:var(--pad);max-width:760px;pointer-events:none;text-shadow:0 2px 24px rgba(0,0,0,.55)}.beat,.film-fade,.film-grain,.film-shade{will-change:opacity}.beat>div{will-change:transform}.beat--hero{bottom:clamp(56px,10vh,120px);max-width:1120px}.beat--mid{top:50%}.beat--mid>div{transform:translateY(-50%)}.beat--right{left:auto;right:var(--pad);max-width:720px;text-align:right}.beat--finale{bottom:clamp(56px,10vh,120px);max-width:940px}.beat .eyebrow{display:block;margin-bottom:18px}.beat h1,.beat h2{color:#fff}.beat .lede{margin-top:22px;color:hsla(0,0%,100%,.86)}.beat .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.beat .beat-sub{margin-top:14px;color:hsla(0,0%,100%,.7);font-size:15px;max-width:60ch}.beat--right .beat-sub{margin-left:auto}.film-readout{position:absolute;right:var(--pad);bottom:28px;display:flex;align-items:center;gap:14px;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:hsla(0,0%,100%,.7);pointer-events:none}.film-track{display:block;width:120px;height:1px;background:hsla(0,0%,100%,.25)}.film-track i{display:block;height:100%;background:var(--teal-2);transform:scaleX(0);transform-origin:left}.film-cue{position:absolute;left:var(--pad);bottom:28px;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:hsla(0,0%,100%,.55);pointer-events:none}@media (max-width:860px){.film-readout{bottom:18px}.film-track{width:72px}.beat--right{left:var(--pad);text-align:left}.beat--right .beat-sub{margin-left:0}.film-cue{display:none}}.film--static{height:auto!important}.film--static .film-stage{position:relative;height:auto;background:var(--bg-0)}.film--static canvas{position:relative;height:62vh}.film--static .film-cue,.film--static .film-fade,.film--static .film-grain,.film--static .film-loader,.film--static .film-readout,.film--static .film-vignette{display:none}.film--static .beat{position:relative;inset:auto;opacity:1!important;pointer-events:auto;padding:36px var(--pad) 0;text-shadow:none;max-width:none;text-align:left}.film--static .beat>div{transform:none!important;max-width:760px}.film--static .beat:last-of-type{padding-bottom:48px}