.hero{height:var(--hero-h,400vh);position:relative}.hero>#hero-end{left:0;right:0;bottom:calc(100vh - var(--header-h));height:0;position:absolute}.stage{background:var(--color-ink-950);--gutter:20px;height:100vh;position:sticky;top:0;overflow:hidden}@media (min-width:48rem){.stage{--gutter:32px}}@media (min-width:64rem){.stage{--gutter:40px}}.poster,.poster-end{background-position:50%;background-size:cover;position:absolute;inset:0}.poster{opacity:0;transition:opacity .6s var(--ease-out)}.poster.in{opacity:1}.poster-end{opacity:0}.video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .6s var(--ease-out);will-change:transform;position:absolute;inset:0}.stage.video-ready .video{opacity:1}.stage.video-failed .video{display:none}.scrim{pointer-events:none;background:radial-gradient(ellipse 120% 90% at 50% 45%, #0a0a1200 35%, #0a0a129e 100%), linear-gradient(180deg, #0a0c0f00 82%, var(--color-ink-950) 100%);position:absolute;inset:0}.band{pointer-events:none;color:var(--color-ink-100);text-shadow:var(--tshadow);--lane-x:max(var(--gutter), calc((100% - 1360px) / 2 + var(--gutter)));--scrim-x:50%;--scrim-y:52%;--scrim-w:74%;--scrim-h:62%;position:absolute;inset:0}.band[data-lane=left]{--scrim-x:22%;--scrim-y:42%;--scrim-w:52%;--scrim-h:82%}.band[data-lane=right]{--scrim-x:78%;--scrim-y:42%;--scrim-w:52%;--scrim-h:82%}.band:before{content:"";pointer-events:none;opacity:calc(.25 + .75 * var(--k,1));background:radial-gradient(ellipse var(--scrim-w) var(--scrim-h) at var(--scrim-x) var(--scrim-y), rgb(5 5 10/var(--scrim-a,.66)) 0%, rgb(5 5 10/calc(var(--scrim-a,.66) * .667)) 46%, #05050a00 76%);position:absolute;inset:0}.band[data-scrim=upper]:before{background:radial-gradient(ellipse 64% 50% at 50% 32%, rgb(5 5 10/var(--scrim-a,.66)) 0%, rgb(5 5 10/calc(var(--scrim-a,.66) * .667)) 46%, #05050a00 76%)}.band[data-scrim=two-sided]:before{background:radial-gradient(ellipse 34% 70% at 18% 54%, rgb(5 5 10/var(--scrim-a,.66)) 0%, rgb(5 5 10/calc(var(--scrim-a,.66) * .667)) 46%, #05050a00 76%), radial-gradient(ellipse 34% 70% at 82% 54%, rgb(5 5 10/var(--scrim-a,.66)) 0%, rgb(5 5 10/calc(var(--scrim-a,.66) * .667)) 46%, #05050a00 76%)}.band .btn{text-shadow:none}.band[data-live] a{pointer-events:auto}.band-col{top:var(--header-h);width:min(calc(100% - 2 * var(--gutter)), 620px);flex-direction:column;justify-content:center;align-items:flex-start;gap:clamp(14px,2.6vh,24px);padding-bottom:5vh;display:flex;position:absolute;bottom:0}.band[data-lane=left] .band-col{left:var(--lane-x)}.band[data-lane=right] .band-col{right:var(--lane-x);text-align:right;align-items:flex-end}.band[data-lane=center] .band-col{text-align:center;align-items:center;left:50%;transform:translate(-50%)}.chip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-shadow:0 1px 3px #05050ad9;background:#08080f8c;border:1px solid #60607e4d;border-radius:10px}.band .kicker{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:10px;margin:0;padding:7px 12px;font-size:12px;font-weight:500;line-height:1.4;display:inline-flex}.band .kicker-tick{background:var(--color-blue-600);flex-shrink:0;width:8px;height:2px}.band .headline{max-width:580px;font-family:var(--font-display);letter-spacing:-.005em;text-wrap:balance;margin:0;font-size:clamp(44px,min(5.8vw,9.4vh),84px);font-weight:800;line-height:.95;position:relative}.band .subline{max-width:34ch;margin:0;font-size:clamp(17px,min(1.4vw,2.3vh),20px);line-height:1.5}.band .ctas{flex-wrap:wrap;gap:14px;margin-top:clamp(2px,1.4vh,14px);display:flex}.band .w{display:inline-block}.band .kicker{--kk:clamp(0, var(--k,0) * 3, 1);opacity:var(--kk);transform:translateY(calc((1 - var(--kk)) * 10px))}.band .subline{--ks:clamp(0, (var(--k,0) - .66) * 4, 1);opacity:var(--ks);transform:translateY(calc((1 - var(--ks)) * 12px))}.band .ctas{--kb:clamp(0, (var(--k,0) - .78) * 5, 1);opacity:var(--kb);transform:translateY(calc((1 - var(--kb)) * 12px))}.band[data-entrance=drift] .kicker{transform:translateY(calc((1 - var(--kk)) * -10px))}.band[data-entrance=drift] .subline{transform:translateY(calc((1 - var(--ks)) * -12px))}.band[data-entrance=scatter] .headline .c,.band[data-entrance=grid] .headline .c,.band[data-entrance=weave] .headline .c{--kc:clamp(0, (var(--k,0) - var(--th,0)) * 2.6, 1);opacity:var(--kc);transform:translate(calc((1 - var(--kc)) * var(--jx,0px)), calc((1 - var(--kc)) * var(--jy,0px))) rotate(calc((1 - var(--kc)) * var(--jr,0deg)));display:inline-block}.band[data-entrance=grid] .headline .c{transform:translateX(calc((1 - var(--kc)) * var(--jx,0px)))}.band[data-entrance=drift] .headline .w,.band[data-entrance=rise] .headline .w,.band[data-entrance=punch] .headline .w,.band[data-entrance=depth] .headline .w,.band[data-entrance=halves] .headline .w{--kc:clamp(0, (var(--k,0) - var(--th,0)) * 2.8, 1);opacity:var(--kc)}.band[data-entrance=drift] .headline .w{transform:translateY(calc((1 - var(--kc)) * -24px))}.band[data-entrance=rise] .headline .w{transform:translateY(calc((1 - var(--kc)) * 28px))}.band[data-entrance=blur] .headline .vis{opacity:var(--k,0)}.band[data-entrance=blur] .headline .soft{filter:blur(10px);opacity:calc(1 - var(--k,0));position:absolute;inset:0}.cue{width:48px;height:48px;color:var(--color-ink-100);border-radius:9999px;place-items:center;margin-left:-24px;display:grid;position:absolute;bottom:max(18px,3.2vh);left:50%}.cue:hover{color:var(--color-white)}.load-ring{width:100%;height:100%;transition:opacity .6s var(--ease-out);position:absolute;inset:0;transform:rotate(-90deg)}.load-ring circle{fill:none;stroke-width:2px}.load-ring .track{stroke:#e8ecf133}.load-ring .fill{stroke:currentColor;stroke-linecap:round;stroke-dasharray:126;stroke-dashoffset:var(--ld,126)}.stage.video-ready .load-ring{opacity:0}.stage.video-failed .load-ring{display:none}.cue .chevron{filter:drop-shadow(0 1px 2px #05050ae6);width:20px;height:20px}.cue .chevron path{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round}@keyframes cue-nudge{0%,68%,to{transform:translateY(0)}80%{transform:translateY(5px)}90%{transform:translateY(-2px)}}.cue .chevron{animation-name:cue-nudge;animation-duration:4.8s;animation-timing-function:var(--ease-inout);animation-iteration-count:infinite;animation-delay:-1.4s}.cue[data-off]{pointer-events:none;visibility:hidden}.static-hero{clip-path:inset(50%);white-space:nowrap;--gutter:20px;width:1px;height:1px;position:absolute;overflow:hidden}.static-hero picture,.static-hero .static-scrim,.static-copy>:not(h1){display:none}@media (min-width:48rem){.static-hero{--gutter:32px}}@media (min-width:64rem){.static-hero{--gutter:40px}}.static-inner{isolation:isolate;min-height:inherit;flex-direction:column;justify-content:flex-end;display:flex;position:relative;overflow:hidden}.static-img{z-index:-2;object-fit:cover;object-position:62% 50%;width:100%;height:100%;position:absolute;inset:0}.static-copy{position:relative}.static-scrim{z-index:-1;pointer-events:none;--copy-end:calc(max(var(--gutter), (100% - 1360px) / 2 + var(--gutter)) + 580px);background:linear-gradient(90deg, #0a0c0fdb 0, #0a0c0fcc var(--copy-end), #0a0c0f4d calc(var(--copy-end) + 160px), #0a0c0f00 calc(var(--copy-end) + 360px)), linear-gradient(180deg, #0a0c0f00 60%, var(--color-ink-950) 100%);position:absolute;inset:0}@media (max-width:720px),(orientation:portrait){.static-scrim{background:linear-gradient(180deg, #0a0c0f8c 0%, #0a0c0f00 14%, #0a0c0f00 44%, #0a0c0fcc 64%, var(--color-ink-950) 100%)}.static-copy:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#0a0c0f00 0,#0a0c0fb8 180px,#0a0c0fd1 100%);position:absolute;inset:-180px -50vw -40px}}@media (max-width:720px) and (orientation:portrait){.static-img{object-position:50% 28%}}@media (orientation:landscape) and (max-height:560px){.static-copy h1{font-size:48px}.static-copy p{font-size:17px}}@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}.stage{display:none}.static-hero{display:block}.hero>#hero-end{bottom:0}.static-hero{clip-path:none;white-space:normal;width:auto;height:auto;min-height:100svh;position:relative;overflow:visible}.static-hero picture{display:inline}.static-hero .static-scrim,.static-copy>:not(h1){display:block}}@media (scripting:none){.hero{height:auto}.stage{display:none}.static-hero{display:block}.hero>#hero-end{bottom:0}.static-hero{clip-path:none;white-space:normal;width:auto;height:auto;min-height:100svh;position:relative;overflow:visible}.static-hero picture{display:inline}.static-hero .static-scrim,.static-copy>:not(h1){display:block}}@media (max-height:560px){.cue,.hud{display:none}}
