@media (min-width:861px){
  .hero{ align-items:center; padding-bottom:clamp(170px, calc(22vh / var(--ndz, 1)), 230px); }
  .hero-inner{ justify-content:flex-start; align-items:center; }
  .hero .hero-copy{ text-align:left; margin:0; max-width:1000px; width:100%; }
  .hero h1 .hl{ white-space:nowrap; }

  .hero .hero-copy::before,
  .hero.fx-aurora .hero-copy::before,
  .hero.fx-combo .hero-copy::before{
    inset:-180px -40% -180px -60vw;
    background:radial-gradient(ellipse 70% 60% at 45% 50%, rgba(0,0,0,.72) 0%, rgba(0,0,0,.5) 45%, rgba(0,0,0,0) 100%);
    opacity:1;
  }

  .hero-eyebrow{
    display:block; margin:0 0 18px;
    font-family:var(--tit-font, 'Figtree', sans-serif);
    font-size:clamp(18px, calc(1.45vw / var(--ndz, 1)), 24px);
    font-weight:700; letter-spacing:-.01em; color:#fff;
    text-shadow:0 1px 2px rgba(0,0,0,.5), 0 0 22px rgba(0,0,0,.45);
  }
  .hero h1,
  html .hero h1{
    font-size:clamp(3.4rem, calc(min(6.6vw, 11.5vh) / var(--ndz, 1)), 7rem);
    line-height:1; letter-spacing:-.045em; margin-bottom:26px; text-align:left;
  }
  .hero .hero-copy p.lead{
    margin:0 0 40px; max-width:48ch; text-align:left; text-wrap:pretty;
    font-size:clamp(18px, calc(1.35vw / var(--ndz, 1)), 21px); line-height:1.55; color:#e6e6ec;
  }

  .hero-ctas{ flex-direction:row; flex-wrap:wrap; align-items:center; justify-content:flex-start; gap:14px; }
  .hero-ctas .btn{
    width:auto; display:inline-flex; align-items:center; justify-content:center;
    padding:16px 30px; border-radius:999px; font-size:16px; font-weight:700;
  }
  .hero-wa{
    display:inline-flex; gap:10px; color:#fff;
    border:1px solid rgba(255,255,255,.26); background:rgba(255,255,255,.05);
    transition:background .2s ease, border-color .2s ease;
  }
  .hero-wa:hover{ background:rgba(255,255,255,.1); border-color:rgba(255,255,255,.4); }
  .hero-wa img{ width:20px; height:20px; border-radius:5px; flex-shrink:0; filter:invert(1); }
  .hero-note{ flex-basis:100%; text-align:left; margin:6px 0 0; font-size:14px; }

  .hero-strip{
    display:flex; flex-direction:column; gap:12px;
    position:absolute; left:0; right:0; z-index:2;
    bottom:clamp(28px, calc(4.5vh / var(--ndz, 1)), 48px);
    overflow:hidden; pointer-events:auto;
    opacity:1; transition:opacity .8s ease .5s;
  }
  html.nd-intro .hero-strip{ opacity:0; transition:none; }
  .hero-strip::before, .hero-strip::after{
    content:''; position:absolute; top:-4px; bottom:-4px; width:18%; z-index:2; pointer-events:none;
  }
  .hero-strip::before{ left:0;  background:linear-gradient(90deg, #000, rgba(0,0,0,0)); }
  .hero-strip::after { right:0; background:linear-gradient(270deg, #000, rgba(0,0,0,0)); }

  .hs-row{ overflow:hidden; padding:2px 0; }
  .hs-row .hs-track{ display:flex; width:max-content; animation:hs-scroll 70s linear infinite; }
  .hs-right .hs-track{ animation-name:hs-scroll-rev; animation-duration:58s; }

  .hs-item{
    display:inline-flex; align-items:center; gap:10px;
    margin-right:12px; padding:11px 20px 11px 16px; border-radius:999px; white-space:nowrap;
    font-size:15px; font-weight:600; letter-spacing:-.005em; color:rgba(255,255,255,.86);
    background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.03));
    border:1px solid rgba(255,255,255,.13);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.16), 0 8px 22px -12px rgba(0,0,0,.8);
    -webkit-backdrop-filter:blur(12px) saturate(120%);
            backdrop-filter:blur(12px) saturate(120%);
  }
  .hs-item svg{ width:17px; height:17px; flex-shrink:0; color:#fff; opacity:.9; stroke-width:1.9; }
  .hs-right .hs-item{ color:rgba(255,255,255,.7); }
  .hs-right .hs-item svg{ opacity:.7; }
}

@media (min-width:861px) and (max-height:780px){
  .hero{ padding-bottom:140px; }
  .hs-right{ display:none; }
}

@keyframes hs-scroll{ to{ transform:translateX(-50%); } }
@keyframes hs-scroll-rev{ from{ transform:translateX(-50%); } to{ transform:translateX(0); } }
@media (prefers-reduced-motion:reduce){
  .hs-row .hs-track{ animation:none; }
}

@media (min-width:861px){
  .hero{ padding-bottom:clamp(110px, calc(14vh / var(--ndz, 1)), 160px); }
  .hero-strip{
    display:block; top:auto; bottom:0; height:clamp(180px, calc(26vh / var(--ndz, 1)), 280px);
    pointer-events:none; z-index:1;
    background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.45) 45%, rgba(0,0,0,.85) 80%, #000 100%);
  }
  .hero-strip::before, .hero-strip::after,
  .hero-strip .hs-row{ display:none; }
}

.hs-all{ display:none; }
@media (min-width:861px){
  .hero-strip .hs-all{
    display:block; position:absolute; left:0; right:0;
    bottom:clamp(26px, calc(4vh / var(--ndz, 1)), 44px);
    max-width:1124px; margin:0 auto; overflow:hidden; padding:3px 0;
    -webkit-mask-image:linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
            mask-image:linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
  }
  .hero-strip .hs-all .hs-track{ animation:hs-scroll 60s linear infinite; }
  .hero-strip .hs-all .hs-item{ -webkit-backdrop-filter:none; backdrop-filter:none; background:linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.035)); }
  .hero{ padding-bottom:clamp(150px, calc(19vh / var(--ndz, 1)), 200px); }
}
@media (min-width:861px) and (max-width:1200px){
  .hero-strip .hs-all{ left:28px; right:28px; }
}
@media (prefers-reduced-motion:reduce){
  .hero-strip .hs-all .hs-track{ animation:none; }
}