.film-scroll{height:420vh;position:relative;background:#050604;--film-progress:0}.film-stage{position:sticky;top:0;height:100vh;overflow:hidden}.film-scrub,.film-fallback,.film-grade,.film-hud{position:absolute;inset:0}.film-scrub{z-index:1;width:100%;height:100%;object-fit:cover;transform:scale(calc(1.08 - var(--film-progress)*.05));filter:saturate(calc(.45 + var(--film-progress)*.55)) contrast(1.18);will-change:transform,filter}.film-fallback{z-index:0}.film-fallback i{position:absolute;inset:0;background-position:center;background-size:cover;opacity:0;transform:scale(1.08);filter:grayscale(.5) contrast(1.2);transition:opacity .8s,transform 2.2s}.film-fallback i.active{opacity:1;transform:scale(1)}.video-ready .film-fallback{display:none}.film-grade{z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.38),transparent 35%,rgba(0,0,0,.6)),linear-gradient(90deg,rgba(217,255,82,calc((1 - var(--film-progress))*.16)),transparent 50%,rgba(255,106,61,calc(var(--film-progress)*.18)))}.film-hud{z-index:3;padding:28px var(--pad) 34px;display:flex;flex-direction:column;justify-content:space-between}.film-top,.film-bottom{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;font:9px var(--mono);letter-spacing:.12em}.film-top span:nth-child(2){text-align:center}.film-top span:last-child,.film-bottom span:last-child{text-align:right}.film-copy{position:relative;height:clamp(180px,25vw,360px)}.film-copy p{position:absolute;left:0;bottom:0;margin:0;max-width:1150px;font-size:clamp(58px,9vw,138px);font-weight:500;line-height:.87;letter-spacing:-.07em;opacity:0;transform:translateY(55px);transition:opacity .65s,transform .65s}.film-copy p.active{opacity:1;transform:none}.film-progress{height:1px;background:rgba(255,255,255,.35);align-self:center;overflow:hidden}.film-progress i{display:block;width:100%;height:100%;background:var(--acid);transform:scaleX(0);transform-origin:left center;will-change:transform}@media(max-width:800px){.film-scroll{height:340vh}.film-hud{padding-top:22px}.film-top span:nth-child(2),.film-bottom span:first-child{display:none}.film-top,.film-bottom{grid-template-columns:1fr 1fr}.film-copy p{font-size:clamp(49px,16vw,82px)}}@media(prefers-reduced-motion:reduce){.film-scroll{height:100vh}.film-copy p{display:none}.film-copy p:first-child{display:block;opacity:1;transform:none}.film-scrub{display:none}}