.hero-container{color:#fff;isolation:isolate;background:#000;width:100%;position:relative}.hero-visual{z-index:0;height:100svh;position:sticky;top:0;overflow:hidden}.hero-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.hero-visual:after{content:"";pointer-events:none;background:radial-gradient(55% 38% at 50% 46%,#00000080,#0000 75%),radial-gradient(130% 85% at 50% 45%,#0000 45%,#00000080 100%),linear-gradient(#00000073,#0000 22%),linear-gradient(#0000 86%,#000 100%);position:absolute;inset:0}.side-menu{z-index:3;flex-direction:column;align-items:center;gap:1.75rem;display:flex;position:absolute;top:50%;left:clamp(1rem,3vw,2.5rem);transform:translateY(-50%)}.menu-icon{flex-direction:column;gap:5px;display:flex}.menu-icon span{background:#ffffffa6;width:22px;height:1px;display:block}.menu-icon span:nth-child(2){width:14px}.vertical-text{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.45em;text-transform:uppercase;color:#ffffff80;font-size:.6rem}.scroll-progress{z-index:3;align-items:center;gap:1rem;width:min(92vw,34rem);display:flex;position:absolute;bottom:clamp(1.5rem,4vh,3rem);left:50%;transform:translate(-50%)}.scroll-text,.section-counter{letter-spacing:.35em;text-transform:uppercase;color:#ffffff80;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.6rem}.progress-track{background:#ffffff29;flex:1;height:1px;position:relative;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#fff6,#fff);transition:width .15s linear;position:absolute;inset:0 auto 0 0}.hero-panels{z-index:2;margin-top:-100svh;position:relative}.hero-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;min-height:100svh;padding:6rem clamp(1.25rem,5vw,3rem);display:flex}.hero-eyebrow{letter-spacing:.45em;text-transform:uppercase;color:#fff9;text-shadow:0 1px 12px #000c;font-size:.65rem}.hero-title{letter-spacing:-.01em;text-transform:uppercase;text-shadow:0 2px 30px #000000b3,0 0 80px #78aaff40;margin:0;font-size:clamp(2.75rem,12vw,9rem);font-weight:700;line-height:.92}.title-char{will-change:transform, opacity;display:inline-block}.hero-subtitle{flex-direction:column;gap:.35rem;max-width:34rem;display:flex}.subtitle-line{color:#ffffffd1;text-shadow:0 1px 16px #000c;margin:0;font-size:clamp(1.05rem,2.4vw,1.3rem);font-weight:400;line-height:1.6}.hero-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:.75rem;display:flex}@media (max-width:1024px){.side-menu{display:none}}@media (prefers-reduced-motion:reduce){.progress-fill{transition:none}}.hero-media .hero-visual:after{background:linear-gradient(#0000008c 0%,#0000001a 20% 38%,#000000b8 70%,#000000f5 90%,#000 100%),radial-gradient(130% 95% at 50% 38%,#0000 48%,#00000080 100%)}.hero-media .hero-panel{justify-content:flex-end;padding-bottom:clamp(5rem,15vh,10rem)}.hero-media .hero-visual:before{content:"";z-index:1;pointer-events:none;mix-blend-mode:soft-light;background:linear-gradient(160deg, color-mix(in oklch, var(--primary), transparent 55%), transparent 55%);position:absolute;inset:0}.hero-media .hero-title{text-shadow:0 4px 40px #000000e6,0 2px 12px #000c}.hero-media .subtitle-line{text-shadow:0 2px 20px #000000f2}.hero-body{color:#ffffff9e;text-shadow:0 1px 14px #000000d9;max-width:40rem;margin:.85rem auto 0;font-size:clamp(.9rem,1.9vw,1.02rem);line-height:1.7}