:root{--ease:cubic-bezier(.2, .7, .1, 1);--between:clamp(112px, 9.4vw, 136px);--inside:32px}html{scroll-behavior:smooth}body{overflow-x:hidden}.phero{height:clamp(600px,80svh,800px);color:var(--sr-ink);isolation:isolate;background:#0d1218;position:relative;overflow:hidden}.phero .media{position:absolute;inset:0}.phero .media img,.phero .media video{object-fit:cover;object-position:var(--focus,50% 50%);width:100%;height:100%;position:absolute;inset:0}.phero .media video{opacity:0;transition:opacity .6s}.phero .media video.live{opacity:1}.phero .shade{z-index:2;pointer-events:none;background:linear-gradient(90deg,#060a10c7 0%,#060a106b 36%,#060a1000 64%),linear-gradient(#060a108c 0%,#060a1000 22% 52%,#060a10d1 100%);position:absolute;inset:0}.phero canvas.pixels{z-index:3}.phero .copy{z-index:4;left:max(32px, calc((100% - var(--content)) / 2));width:min(720px,100% - 64px);position:absolute;bottom:136px}.eyebrow{font:8px/1 var(--sr-numeral);color:var(--sr-accent);text-shadow:0 2px #0009;align-items:center;gap:12px;margin:0 0 20px;display:inline-flex}.eyebrow:before{content:"";background:var(--sr-accent);width:8px;height:8px;box-shadow:0 2px #0009}.eyebrow.warn{color:#3a2600;background:var(--sr-warn);text-shadow:none;box-shadow:0 0 0 2px var(--sr-outline), 0 4px 0 #0000004d;padding:7px 9px}.eyebrow.warn:before{box-shadow:none;background:#3a2600}.phero h1{font:800 clamp(52px, 6vw, 88px)/.94 var(--sr-font);letter-spacing:-.035em;text-shadow:0 6px #00000061;text-wrap:balance;margin:0 0 18px}.phero .lede{max-width:560px;font:500 18px/1.5 var(--sr-font);color:#dce6ef;text-shadow:0 2px #00000080;margin:0 0 28px}.phero .lede:last-child{margin-bottom:0}.phero .below{font:500 13px/1.4 var(--sr-font);color:var(--sr-muted);text-shadow:0 1px #0009;margin:14px 0 0}@media (prefers-reduced-motion:no-preference){.phero.drift .media img{transform-origin:62%;animation:28s ease-in-out infinite alternate drift}}@keyframes drift{to{translate:-1.2%;scale:1.07}}@media (prefers-reduced-motion:no-preference){.phero .copy>*{animation:.56s steps(7,end) both step-up}.phero .copy>:nth-child(2){animation-delay:80ms}.phero .copy>:nth-child(3){animation-delay:.16s}.phero .copy>:nth-child(4){animation-delay:.24s}.phero .copy>:nth-child(5){animation-delay:.32s}}@keyframes step-up{0%{opacity:0;translate:0 18px}}.sec{padding:88px 0 var(--between);position:relative}.kicker{font:8px/1 var(--sr-numeral);color:var(--text-2);align-items:center;gap:12px;margin:0 0 26px;display:flex}.kicker:before{content:"";background:var(--sr-ok);width:8px;height:8px;box-shadow:0 0 0 2px var(--sr-outline)}.slab{background:#0e141b;display:grid}.slab>*{min-width:0}.tag{font:8px/1 var(--sr-numeral);color:var(--sr-accent);margin:0}.pix{image-rendering:pixelated;filter:drop-shadow(0 4px #00000073);display:block}@media (prefers-reduced-motion:no-preference){.rise{transition:opacity .45s var(--ease), translate .6s steps(8)}.rise:not(.in){opacity:0;translate:0 28px}.rise[data-stagger]{transition:none}.rise[data-stagger]:not(.in){opacity:1;translate:none}.rise[data-stagger]>*{transition:opacity .45s var(--ease), translate .6s steps(8)}.rise[data-stagger]:not(.in)>*{opacity:0;translate:0 24px}.rise[data-stagger]>:nth-child(2){transition-delay:.1s}.rise[data-stagger]>:nth-child(3){transition-delay:.2s}.rise[data-stagger]>:nth-child(4){transition-delay:.3s}.rise[data-stagger]>:nth-child(5){transition-delay:.4s}.rise[data-stagger]>:nth-child(6){transition-delay:.5s}}.scene{--stage-h:clamp(640px, 94vh, 880px);padding:0 0 var(--inside);position:relative}.stage{height:var(--stage-h);background:#1a2129;position:relative;overflow:hidden}.stage .media{position:absolute;inset:0}.stage .media img,.stage .media video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.stage .media video{opacity:0;transition:opacity .6s}.stage .media video.live{opacity:1}.stage .tint{background:linear-gradient(#060a1033,#060a1000 26% 44%,#060a10a8 100%);position:absolute;inset:0}.stage canvas.reveal{z-index:4;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.over{z-index:6;align-items:flex-end;gap:32px;display:flex;position:absolute;bottom:96px;left:0;right:0}.scene[data-side=right] .over{flex-direction:row-reverse}.copy-panel{background:#0e141cf0;flex:none;width:520px;padding:26px 28px 28px;position:relative}.copy-panel h2{font:800 34px/1.04 var(--sr-font);letter-spacing:-.03em;margin:0 0 12px}.copy-panel>p{font:500 16px/1.55 var(--sr-font);color:#cfd9e3;margin:0 0 18px}.copy-panel .tag{margin-bottom:16px}@media (max-width:1000px){.scene{--stage-h:clamp(380px, 62vh, 560px);padding-bottom:72px}.over,.scene[data-side=right] .over{flex-direction:column;align-items:flex-start;gap:16px;margin-top:-72px;position:relative;bottom:auto;left:auto;right:auto}}@media (max-width:760px){:root{--between:72px;--inside:24px}.phero{flex-direction:column;justify-content:flex-end;height:auto;min-height:600px;display:flex}.phero .copy{width:auto;margin:0 16px;padding:132px 0 104px;position:relative;bottom:auto;left:auto}.phero h1{font-size:clamp(40px,11.5vw,56px)}.phero .lede{margin-bottom:22px;font-size:16px}.phero .sr-btn--lg{white-space:normal;max-width:100%;height:auto;min-height:48px;padding-block:12px;line-height:1.25}.sec{padding:64px 0 var(--between)}.scene{--stage-h:clamp(300px, 52vh, 460px)}.over,.scene[data-side=right] .over{margin-top:-64px}.copy-panel{align-self:stretch;width:auto;padding:22px 20px 24px}.copy-panel h2{font-size:28px}}