.film{--film-gutter:max(16px, 4vw);height:calc(var(--film-scenes,8) * var(--film-scene-vh,65) * 1vh + 100vh);color:var(--diamond);background:var(--topaz);position:relative}.film-stage{background:var(--topaz-deep) url(/media/film/m/0000.webp) center / cover no-repeat;height:100svh;position:sticky;top:0;overflow:hidden}@media (width>=768px){.film-stage{background-image:url(/media/film/d/0000.webp)}}.film-tilt{transform-origin:50%;will-change:transform;position:absolute;inset:0}.film-tilt canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.film-grade{pointer-events:none;background:linear-gradient(#081f1800 50%,#081f1866 72%,#081f18e0 100%),linear-gradient(#081f18b8 0%,#081f1833 24%,#081f1800 40%),radial-gradient(120% 90%,#0000 62%,#0000004d 100%);position:absolute;inset:0}.film-hero{left:var(--film-gutter);right:var(--film-gutter);max-width:640px;position:absolute;top:max(13vh,76px)}.film-hero:before{content:"";z-index:-1;top:-80px;bottom:-70px;left:calc(var(--film-gutter) * -1);pointer-events:none;background:linear-gradient(90deg,#081f18db 0%,#081f18b3 52%,#081f1800 100%);position:absolute;right:-22vw}@media (width<=767px){.film-hero:before{right:calc(var(--film-gutter) * -1);background:linear-gradient(#081f18e6 0%,#081f18d1 62%,#081f1800 100%)}}.film-hero{text-shadow:0 1px 14px #081f188c}.film-cue{font-family:var(--font-sans);letter-spacing:.2em;text-transform:uppercase;opacity:.85;pointer-events:none;justify-items:center;gap:10px;font-size:11px;display:grid;position:absolute;bottom:112px;left:50%;transform:translate(-50%)}.film-cue i{background:linear-gradient(var(--diamond), transparent);transform-origin:top;width:1px;height:40px;animation:1.8s ease-in-out infinite film-drip}@keyframes film-drip{0%{transform:scaleY(0)}50%{transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.film-caps{margin:0;padding:0;list-style:none}.film-cap{left:var(--film-gutter);right:var(--film-gutter);opacity:0;pointer-events:none;will-change:transform, opacity;max-width:620px;position:absolute;bottom:124px}.film-cap:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 30% 55%,#081f18b8,#081f1800 72%);position:absolute;inset:-32px -28px -24px}.film-cap h2,.film-cap p,.film-n{text-shadow:0 1px 16px #081f18b3,0 0 2px #081f1873}.film-n{font-family:var(--font-sans);letter-spacing:.16em;opacity:.8;font-size:12px}.film-cap h2{font-family:var(--font-display);letter-spacing:-.01em;text-wrap:balance;margin:8px 0 0;font-size:clamp(38px,5.6vw,80px);font-weight:500;line-height:.98}.film-cap p{max-width:44ch;font-family:var(--font-sans);opacity:.9;margin:12px 0 0;font-size:16px;line-height:1.45}.film-load{top:60px;right:var(--film-gutter);font-family:var(--font-sans);letter-spacing:.1em;border:1px solid color-mix(in srgb, var(--diamond) 28%, transparent);background:#081f188c;border-radius:99px;padding:6px 12px;font-size:11px;transition:opacity .6s;position:absolute}.film-load.done{opacity:0}.film-disclosure{right:var(--film-gutter);text-align:right;max-width:46ch;font-family:var(--font-sans);letter-spacing:.08em;text-transform:uppercase;opacity:.88;margin:0;font-size:11px;line-height:1.4;position:absolute;bottom:72px}.film-hud{padding:0 var(--film-gutter) calc(16px + env(safe-area-inset-bottom,0px));font-family:var(--font-sans);letter-spacing:.08em;font-variant-numeric:tabular-nums;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;font-size:11.5px;display:grid;position:absolute;bottom:0;left:0;right:0}.film-ticks{grid-template-columns:repeat(var(--film-scenes,8), 1fr);gap:4px;min-width:0;display:grid}.film-tick{appearance:none;min-width:0;height:44px;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;position:relative}.film-tick:before{content:"";background:color-mix(in srgb, var(--diamond) 28%, transparent);height:2px;margin-top:-1px;position:absolute;top:50%;left:0;right:0}.film-tick span{background:var(--diamond);width:0;height:2px;margin-top:-1px;position:absolute;top:50%;left:0}.film-tick:hover:before{background:color-mix(in srgb, var(--diamond) 55%, transparent)}.film-tick:focus-visible,.film-replay:focus-visible,.film-grid button:focus-visible{outline:2px solid var(--diamond);outline-offset:3px}@media (width<=767px){.film-hero{top:64px}.film-hud{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px));grid-template-columns:1fr auto}.film-tc{display:none}.film-disclosure{left:var(--film-gutter);text-align:left;font-size:10px;bottom:124px}.film-cap{bottom:176px}.film-cue{bottom:150px}}@media (prefers-reduced-motion:reduce){.film-cue i{animation:none}}