.hero{height:520vh;position:relative}.hero-stage{background:radial-gradient(60% 55% at 50% 100%,#a330ef2e,#0000 70%),linear-gradient(#04061d 0%,#070b2e 60%,#0b1146 100%);height:100svh;position:sticky;top:0;overflow:hidden}.hero-poster,.hero-poster-end,.hero-video{background-position:50%;background-size:cover;width:100%;height:100%;position:absolute;inset:0}.hero-poster-end{opacity:0}.hero-video{object-fit:cover;opacity:0;will-change:transform;transition:opacity .6s var(--ease-out);transform:translateZ(0)}.video-ready .hero-video{opacity:1}.video-failed .hero-video{display:none}.hero-scrim{pointer-events:none;background:radial-gradient(120% 90% at 50% 45%,#04061d00 35%,#04061d9e 100%),linear-gradient(#04061d8c 0%,#04061d00 18%);position:absolute;inset:0}.band{z-index:2;text-shadow:var(--tshadow);--k:1;position:absolute}.band:before{content:"";z-index:-1;pointer-events:none;opacity:calc(.25 + .75 * var(--k,1));background:radial-gradient(74% 62%,#040618ad 0%,#04061870 46%,#04061800 76%);position:absolute;inset:-18% -14%}.band .btn{text-shadow:none}.band-kicker{color:#e3d1ff;letter-spacing:0;align-items:center;gap:10px;margin-bottom:10px;font-size:.95rem;font-weight:600;display:inline-flex}.band-kicker:before{content:"";background:var(--violet);width:9px;height:9px;rotate:45deg;box-shadow:0 0 12px #a330efe6}.band-title{font-family:var(--font-display);color:#fff;font-size:clamp(2.8rem,1.6rem + 4.6vw,6rem);font-weight:700;line-height:1.12}.band-title-2{font-size:clamp(2.2rem,1.4rem + 3.2vw,4.4rem)}.band-title-3{font-size:clamp(2rem,1.3rem + 2.6vw,3.6rem)}.band-sub{color:#eceaff;max-width:30ch;margin-top:14px;font-size:clamp(1.05rem,.95rem + .5vw,1.35rem);line-height:1.75}.band-1{inset-inline-start:var(--gutter);width:min(560px,40vw);top:50%;translate:0 -50%}.band-2{inset-inline-end:var(--gutter);text-align:end;width:min(520px,38vw);top:50%;translate:0 -50%}.band-2 .band-sub{margin-inline-start:auto}.band-3{inset-inline:0;text-align:center;width:min(760px,90vw);margin-inline:auto;bottom:clamp(48px,9vh,110px)}.band-3:before{background:radial-gradient(60% 60% at 50% 55%,#0406189e 0%,#04061866 50%,#04061800 76%);inset:-40% -10% -30%}.band-2,.band-3{opacity:0;visibility:hidden}.band-cta{opacity:var(--kb,1);flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px;display:flex}.words .w{white-space:pre;--kc:clamp(0, (var(--k,1) - var(--th,0)) * 2.8, 1);opacity:var(--kc);display:inline-block}.words-drift .w{transform:translateY(calc((1 - var(--kc)) * -26px))}.words-scatter .w{transform:translate(calc((1 - var(--kc)) * var(--jx,0px)), calc((1 - var(--kc)) * var(--jy,0px))) rotate(calc((1 - var(--kc)) * var(--jr,0deg)))}.words-rise .w{transform:translateY(calc((1 - var(--kc)) * 30px))}.band-3 .band-cta{--kb:clamp(0, (var(--k,1) - .7) * 4, 1);transform:translateY(calc((1 - var(--kb)) * 14px))}.hero-ring{z-index:3;inset-inline-end:var(--gutter);width:34px;height:34px;color:var(--violet-light);position:absolute;bottom:28px;rotate:-90deg}.hero-cue{z-index:3;inset-inline:0;width:max-content;color:var(--text-2);text-shadow:var(--tshadow);transition:opacity .5s var(--ease-out);flex-direction:column;align-items:center;gap:4px;margin-inline:auto;font-size:.85rem;display:flex;position:absolute;bottom:26px}.hero-cue svg{animation:cue-bob 2.4s var(--ease-in-out) infinite;animation-delay:-.8s}.hero-cue[data-state=off]{opacity:0}@keyframes cue-bob{0%,to{translate:0}50%{translate:0 5px}}@media (max-height:560px){.hero-cue,.hero-ring{display:none}}@media (max-width:720px),(orientation:portrait) and (max-width:1024px),(orientation:portrait) and (pointer:coarse),(orientation:landscape) and (pointer:coarse) and (max-height:560px),(prefers-reduced-motion:reduce){.hero{height:auto}.hero-stage{height:auto;min-height:100svh;padding:calc(var(--header-h) + 34svh) var(--gutter) 40px;background:linear-gradient(#04061d33 0%,#04061d00 30%,#04061d8c 62%,#070a26fa 100%),url(/hero/hero-ending.jpg) 50% 0/auto max(76svh,56.25vw) no-repeat,#070a26;flex-direction:column;justify-content:flex-end;display:flex;position:relative}.hero-poster,.hero-poster-end,.hero-video,.hero-ring,.hero-cue,.band-2,.band-3 .band-title-3{display:none}.band{width:auto;position:relative;inset:auto;translate:none;opacity:1!important;visibility:visible!important;--k:1!important}.band:before{display:none}.band-1{max-width:34rem}.band-3{text-align:start;margin:0;bottom:auto}.band-cta{justify-content:flex-start;margin-top:20px}.band-title{font-size:clamp(2.6rem,1.6rem + 6vw,4rem)}.band-sub{max-width:34ch}}