.hero-scroll{position:relative;height:320vh;background:radial-gradient(900px 560px at 70% 20%,#162b48 0%,transparent 65%),var(--bg)}
.hero-sticky{position:sticky;top:0;height:100vh;overflow:hidden}
.hero-scroll .hero{position:relative;display:flex;align-items:center;width:min(var(--max),calc(100% - 48px));height:100%;min-height:0;padding:48px 0}
.hero-scroll .hero-copy{position:relative;z-index:12;max-width:540px;opacity:var(--hero-copy-opacity,1);transform:translate3d(var(--hero-copy-x,0px),var(--hero-copy-y,0px),0);will-change:transform,opacity}
.hero-scroll .hero-visual{position:absolute;z-index:2;top:0;bottom:0;left:50%;width:100vw;height:100vh;transform:translateX(-50%);pointer-events:none}
.hero-scroll .visual-glow{display:none}
.hero-stage{position:absolute;inset:0;z-index:3;width:100%;height:100%;overflow:hidden}
.hero-animation-frame{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;border:0!important;border-radius:0!important;background:#071526;box-shadow:0 30px 70px #0008!important;opacity:var(--hero-frame-opacity,1);will-change:opacity}
.hero-value-points{position:absolute;z-index:4;left:50%;top:61%;width:min(var(--max),calc(100% - 48px));color:#fff;opacity:var(--hero-values-opacity,0);transform:translateX(-50%);will-change:opacity;pointer-events:auto;user-select:text}
.hero-layout-intro{opacity:var(--layout-intro-opacity,0);transform:translate3d(0,var(--layout-intro-y,28px),0);will-change:transform,opacity}
.hero-value-points h2{margin:0;font-size:clamp(38px,3.6vw,62px);line-height:.95;letter-spacing:-.07em}
.hero-value-points h2 em{font-style:normal;color:#8dc5ff}
.hero-value-points p{margin:22px 0 0;color:#fff;font-size:clamp(18px,1.7vw,27px);line-height:1.2;letter-spacing:-.045em}
.hero-typewriter{white-space:nowrap}
.type-char{opacity:var(--char-opacity,1);will-change:opacity}
.type-space{display:inline-block;width:.25em}
.hero-scroll .visual-caption{position:absolute;right:0;bottom:3%;z-index:12;opacity:var(--hero-caption-opacity,1);will-change:opacity}
@media(max-width:820px){
  .hero-scroll{height:260vh}
  .hero-scroll .hero{display:flex;width:min(var(--max),calc(100% - 32px));padding-top:14vh}
  .hero-scroll .hero-copy{max-width:540px}
  .hero-value-points{left:8%;top:59%;width:84%;transform:none}
  .hero-value-points h2{font-size:clamp(34px,10vw,58px)}
  .hero-typewriter{white-space:normal}
  .hero-scroll .visual-caption{right:auto;left:0;bottom:-2%;font-size:11px}
}
@media(prefers-reduced-motion:reduce){
  .hero-scroll{height:auto}
  .hero-sticky{position:relative;height:auto;overflow:visible}
  .hero-scroll .hero{height:auto;min-height:650px}
  .hero-scroll .hero-copy{opacity:1!important;transform:none!important}
  .hero-stage{position:relative;width:100%;height:auto;aspect-ratio:16/9}
  .hero-value-points{position:relative;left:auto;top:auto;width:auto;margin:24px 0 0;opacity:1!important}
  .hero-layout-intro{opacity:1!important;transform:none!important}
  .type-char{opacity:1!important}
  .hero-scroll .visual-caption{display:none}
}