#heroScroll{--glass:#e6f2f9;--display:var(--font-display);--mono:var(--font-mono);--body:var(--font-body);height:560vh;margin-top:calc(-1 * var(--header-h));position:relative}#heroScroll .hero-sticky{background:#05070a;width:100%;height:100vh;position:sticky;top:0;overflow:hidden}#heroScroll #pano-bg{z-index:0;background:#05070a;position:absolute;inset:0;overflow:hidden}#heroScroll #pano-strip{will-change:transform;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;left:0}#heroScroll #stage{z-index:1;width:100%;height:100%;display:block;position:absolute;inset:0}#heroScroll .vignette{z-index:2;pointer-events:none;background:radial-gradient(130% 100% at 50% 46%,#0000 54%,#00000080 100%);position:absolute;inset:0}#heroScroll .grain{z-index:2;pointer-events:none;opacity:.045;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");position:absolute;inset:0}#heroScroll .overlay{pointer-events:none;z-index:3;flex-direction:column;justify-content:space-between;padding:clamp(20px,4vw,56px);display:flex;position:absolute;inset:0}#heroScroll .top-spacer{height:clamp(26px,3vw,40px)}#heroScroll .headline{max-width:min(48vw,600px)}#heroScroll .eyebrow{font-family:var(--mono);letter-spacing:.32em;text-transform:uppercase;color:var(--activate);align-items:center;gap:14px;margin-bottom:20px;font-size:clamp(10px,1.05vw,13px);display:flex}#heroScroll .eyebrow:before{content:"";background:var(--activate);opacity:.7;width:34px;height:1px}#heroScroll h1{font-family:var(--display);text-transform:uppercase;letter-spacing:-.01em;text-shadow:0 10px 48px #0009;font-size:clamp(38px,6.4vw,92px);font-weight:800;line-height:.94}#heroScroll h1 .rev{background:linear-gradient(100deg,var(--glass),var(--activate));color:#0000;background-clip:text}#heroScroll .sub{max-width:420px;color:var(--ink-dim);margin-top:22px;font-size:clamp(14px,1.35vw,17px);line-height:1.55}#heroScroll .bottom-row{justify-content:space-between;align-items:flex-end;display:flex}#heroScroll .scroll-hint{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-dim);align-items:center;gap:12px;font-size:11px;display:flex}#heroScroll .scroll-hint .track{background:#fff3;width:1px;height:42px;position:relative;overflow:hidden}#heroScroll .scroll-hint .track:after{content:"";background:linear-gradient(var(--activate),transparent);width:100%;height:40%;animation:1.8s ease-in-out infinite scHeroDrop;position:absolute;top:-40%;left:0}@keyframes scHeroDrop{0%{top:-40%}60%{top:100%}to{top:100%}}#heroScroll .stage-label{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;text-align:right;color:var(--ink-dim);font-size:12px}#heroScroll .stage-label span{color:var(--activate)}#heroScroll .pdlc-btn{pointer-events:auto;font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink);cursor:pointer;backdrop-filter:blur(6px);background:#080c108c;border:1px solid #ffffff38;border-radius:2px;padding:11px 20px;font-size:11px;transition:border-color .25s,background .25s,color .25s}#heroScroll .pdlc-btn:hover{color:var(--activate);background:#6fe9ff1f;border-color:#6fe9ffa6}#heroScroll #w2,#heroScroll #w3,#heroScroll #sub{opacity:0}#heroScroll .loader{z-index:6;font-family:var(--mono);letter-spacing:.3em;text-transform:uppercase;color:var(--ink-dim);background:#05070a;justify-content:center;align-items:center;font-size:12px;transition:opacity .6s;display:flex;position:absolute;inset:0}#heroScroll .loader.hidden{opacity:0;pointer-events:none}#heroScroll #calib{top:calc(var(--header-h) + 14px);z-index:10;backdrop-filter:blur(8px);width:264px;font-family:var(--mono);color:var(--ink);background:#080c10db;border:1px solid #ffffff1f;border-radius:10px;padding:14px 16px;font-size:11px;display:none;position:absolute;left:14px}#heroScroll #calib.on{display:block}#heroScroll #calib h4{letter-spacing:.18em;text-transform:uppercase;color:var(--activate);margin-bottom:10px;font-size:11px}#heroScroll #calib .row{justify-content:space-between;align-items:center;gap:8px;margin:7px 0;display:flex}#heroScroll #calib .row label{color:var(--ink-dim);flex:0 0 96px}#heroScroll #calib .row input[type=range]{accent-color:#6fe9ff;flex:1}#heroScroll #calib .row .val{text-align:right;flex:0 0 46px}#heroScroll #calib .btns{gap:8px;margin-top:10px;display:flex}#heroScroll #calib button{color:var(--ink);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff29;border-radius:6px;flex:1;padding:7px;font-size:10.5px}#heroScroll #calib button:hover{background:#6fe9ff24;border-color:#6fe9ff66}#heroScroll #calib .hint{color:var(--ink-dim);margin-top:9px;font-size:10px;line-height:1.4}#heroScroll #calib #out{white-space:pre;color:#8fd;background:#00000059;border-radius:6px;max-height:120px;margin-top:9px;padding:8px;font-size:9.5px;display:none;overflow:auto}#heroScroll #calibTip{z-index:9;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#9fb0bdb3;font-size:10px;position:absolute;bottom:14px;left:14px}@media (prefers-reduced-motion:reduce){#heroScroll .scroll-hint .track:after{animation:none}}@media (width<=720px){#heroScroll .headline{max-width:84vw}}
