.hero{height:var(--hero-scroll-mobile);background-color:var(--color-night);position:relative}@media (min-width:60rem){.hero{height:var(--hero-scroll-desktop)}}@media (prefers-reduced-motion:reduce){.hero{height:100svh}}.hero[data-still=true]{height:100svh}.hero__viewport{isolation:isolate;height:100svh;min-height:100dvh;position:sticky;top:0;overflow:hidden}.hero__poster{object-fit:cover;block-size:100%;inline-size:100%;transition:opacity var(--dur-long) var(--ease-cinema);position:absolute;inset:0}.hero__film[data-primed=true] .hero__poster{opacity:0}.hero__film{z-index:var(--z-base);position:absolute;inset:0}.hero__backdrop{background:radial-gradient(72% 56% at 50% 32%, #1f3f38bf 0%, transparent 74%), linear-gradient(180deg, var(--color-night-2) 0%, var(--color-night) 78%);position:absolute;inset:0}@supports (color:lab(0% 0 0)){.hero__backdrop{background:radial-gradient(72% 56% at 50% 32%, lab(23.949% -13.8623 .415838/.75) 0%, transparent 74%), linear-gradient(180deg, var(--color-night-2) 0%, var(--color-night) 78%)}}.hero__canvas{opacity:0;width:100%;height:100%;animation:hero-canvas-in var(--dur-long) var(--ease-cinema) 60ms forwards;display:block;position:absolute;inset:0}.hero__film[data-fallback=true] .hero__canvas{animation:none}@keyframes hero-canvas-in{to{opacity:1}}.hero__vignette{opacity:1;background:linear-gradient(#000503a8 0%,#0000 24%),linear-gradient(#0000 30%,#00020280 56%,#000202db 78%,#000202f5 100%),radial-gradient(130% 100% at 50% 38%,#0000 34%,#0001019e 100%);background:linear-gradient(lab(.963188% -1.49328 -.0121713/.66) 0%,#0000 24%),linear-gradient(#0000 30%,lab(.501013% -.942111 -.00731349/.5) 56%,lab(.501013% -.942111 -.00731349/.86) 78%,lab(.501013% -.942111 -.00731349/.96) 100%),radial-gradient(130% 100% at 50% 38%,#0000 34%,lab(.216967% -.51748 -.00366867/.62) 100%);position:absolute;inset:0}.hero__wipe{background-color:var(--color-night);opacity:0;position:absolute;inset:0}.hero__grid{z-index:var(--z-overlay);pointer-events:none;align-content:end;padding-block-end:clamp(3.25rem,8vh,5.5rem);display:grid;position:absolute;inset:0}.hero__stage-3d{perspective:1200px;perspective-origin:50% 46%;transform-style:preserve-3d;justify-items:center;gap:clamp(1.25rem,3vh,2rem);width:100%;display:grid}@media (min-width:60rem){.hero__stage-3d{perspective:1600px}}.hero__beats{width:100%;transform-style:preserve-3d;grid-template-areas:"beat";place-items:center;display:grid}.hero__beat{opacity:0;visibility:hidden}.hero__beat[data-index="0"]{opacity:1;visibility:visible}.hero__beat{text-align:center;transform-style:preserve-3d;will-change:transform, opacity;grid-area:beat;justify-items:center;gap:clamp(.75rem,1.6vh,1.125rem);display:grid}.hero__eyebrow{margin:0}.hero__eyebrow>span{border-radius:var(--radius-pill);font-family:var(--font-body);letter-spacing:.2em;text-transform:uppercase;color:var(--color-accent-bright);background-color:#000503a8;background-color:lab(.963188% -1.49328 -.0121713/.66);padding:.4375rem .875rem;font-size:.6875rem;font-weight:500;display:inline-block;box-shadow:inset 0 0 0 1px #ffffff29;box-shadow:inset 0 0 0 1px lab(100% 0 0/.16)}.hero__headline{font-family:var(--font-display);letter-spacing:-.042em;color:var(--color-ink-on-night);overflow-wrap:anywhere;text-wrap:balance;text-shadow:0 2px 40px #0002028c;text-shadow:0 2px 40px lab(.501013% -.942111 -.00731349/.55);margin:0;font-size:clamp(2.5rem,7.2vw,6rem);font-weight:600;line-height:.98;display:grid}.hero__headline-accent{color:var(--color-accent-bright)}.hero__support{pointer-events:auto;will-change:transform, opacity;justify-items:center;gap:clamp(1rem,2.4vh,1.5rem);max-width:40rem;display:grid}.hero__lede,.hero__beat-note{text-align:center;max-width:46ch;font-size:var(--text-md);color:var(--color-muted-on-night);text-shadow:0 1px 24px #00020299;text-shadow:0 1px 24px lab(.501013% -.942111 -.00731349/.6);margin:0;line-height:1.5}.hero__beat-note{margin:var(--space-md) auto 0;max-width:40ch}@media (max-height:540px){.hero__beat-note{display:none}}.hero__actions{justify-content:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.cta{white-space:nowrap;border-radius:var(--radius-pill);min-height:52px;font-family:var(--font-body);font-weight:700;font-size:var(--text-sm);color:var(--color-night);background-color:var(--color-accent-mid);transition:background-color var(--dur-mid) var(--ease-cinema), transform var(--dur-short) var(--ease-cinema);align-items:center;gap:.625rem;padding:.5rem .5rem .5rem 1.375rem;display:inline-flex}.cta__pip{border-radius:var(--radius-pill);block-size:36px;inline-size:36px;transition:transform var(--dur-mid) var(--ease-cinema);background-color:#00050329;background-color:lab(.963188% -1.49328 -.0121713/.16);place-items:center;display:grid}.cta--ghost{color:var(--color-ink-on-night);background-color:#ffffff0d;background-color:lab(100% 0 0/.05);padding-inline:1.375rem;box-shadow:inset 0 0 0 1px #ffffff29;box-shadow:inset 0 0 0 1px lab(100% 0 0/.16)}.cta:active{transform:scale(.98)}@media (hover:hover) and (pointer:fine){.cta:hover{background-color:var(--color-accent-bright)}.cta:hover .cta__pip{transform:translate(3px,-1px)scale(1.06)}.cta--ghost:hover{background-color:#ffffff1a;background-color:lab(100% 0 0/.1)}}.hero__cue{justify-items:center;gap:var(--space-xs);font-family:var(--font-body);letter-spacing:.24em;text-transform:uppercase;color:var(--color-faint-on-night);font-size:.625rem;font-weight:500;display:grid}.hero__cue-rail{background:linear-gradient(to bottom, transparent, var(--color-accent-bright));transform-origin:top;block-size:34px;inline-size:1px;animation:hero-cue 2.4s var(--ease-cinema) infinite}@keyframes hero-cue{0%,to{opacity:.4;transform:scaleY(.35)}45%{opacity:1;transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.hero__cue-rail{animation:none;transform:scaleY(1)}.hero__stage-3d{perspective:none}}.hero-debug{z-index:var(--z-toast);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);color:var(--color-accent-bright);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;pointer-events:none;background-color:#000503db;background-color:lab(.963188% -1.49328 -.0121713/.86);gap:2px;display:grid;position:absolute;inset-block-start:5.5rem;inset-inline-start:var(--page-gutter);box-shadow:inset 0 0 0 1px #ffffff1f;box-shadow:inset 0 0 0 1px lab(100% 0 0/.12)}