.film{color:#f5f5f3;background:#07080b;height:300vh;position:relative}.film-stage{height:100svh;position:sticky;top:0;overflow:hidden}.film[data-clips]:not([data-clips="1"]){height:calc(var(--film-clips) * 170vh + 100vh)}.film-video,.film-poster,.film-poster img{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.film-poster{z-index:0}.film-shade,.film-copy,.film-hint,.film-bar,.film-skip{z-index:20}.film-skip{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;text-shadow:0 1px 12px #07080bb3;border-bottom:1px solid #f5f5f380;padding:.5rem 0;font-size:.6875rem;text-decoration:none;position:absolute;top:5.6rem;right:1.25rem}.film-skip:hover{border-bottom-color:#f5f5f3}.film[data-clips]:not([data-clips="1"]) .film-line{max-width:19ch;font-size:clamp(2rem,5.2vw,4.75rem)}.film-shade{background:linear-gradient(#07080b00 38%,#07080b59 62%,#07080bd1 100%),linear-gradient(#07080bd1 0%,#07080b80 9%,#07080b00 22%);position:absolute;inset:0}.film-copy{display:grid;position:absolute;bottom:4.5rem;left:1.25rem;right:1.25rem}.film-line{text-shadow:0 2px 30px #07080b8c;will-change:opacity, transform;grid-area:1/1;align-self:end;max-width:16ch;font-size:clamp(2.6rem,8vw,7.5rem)}.film-hint{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;font-size:.6875rem;position:absolute;bottom:1.6rem;right:1.25rem}.film-bar{background:#f5f5f338;height:1px;margin-right:6.5rem;position:absolute;bottom:1.25rem;left:1.25rem;right:1.25rem}.film-bar span{transform-origin:0;background:#8be9ff;height:100%;display:block;transform:scaleX(0)}@media (min-width:768px){.film-copy,.film-bar{left:2.5rem;right:2.5rem}.film-hint,.film-skip{right:2.5rem}}@media (max-width:720px){.film{height:260vh}.film[data-clips]:not([data-clips="1"]){height:calc(var(--film-clips) * 150vh + 100vh)}}.film[data-static=true] .film-stage{align-items:flex-end;height:auto;min-height:70vh;padding:9rem 0 4rem;display:flex;position:relative}.film[data-static=true] .film-copy{padding:0 1.25rem;display:block;position:relative;bottom:auto;left:auto;right:auto}.film[data-static=true] .film-line{max-width:22ch;margin-top:.4em;font-size:clamp(2rem,5vw,4rem);opacity:1!important;transform:none!important}.film[data-static=true] .film-hint,.film[data-static=true] .film-bar,.film[data-static=true] .film-skip,.film[data-static=true] .film-video{display:none}.film[data-static=true]{height:auto!important}@media (prefers-reduced-motion:reduce){.film{height:auto}.film-stage{align-items:flex-end;height:auto;min-height:70vh;padding:9rem 0 4rem;display:flex;position:relative}.film-copy{padding:0 1.25rem;display:block;position:relative;bottom:auto;left:auto;right:auto}.film-line{max-width:22ch;margin-top:.4em;font-size:clamp(2rem,5vw,4rem);opacity:1!important;transform:none!important}.film-hint,.film-bar,.film-skip,.film-video{display:none}.film,.film[data-clips]:not([data-clips="1"]){height:auto}}