/* Fixed-size word mask: each audience enters from above and leaves downward. */
.neo-hero h1 .hero-headline-prefix{display:block;color:var(--ink)}
.neo-hero h1 .hero-audiences{display:grid;overflow:hidden;line-height:1.2;padding-block:.04em;margin-block:-.04em;color:var(--accent)}
.neo-hero h1 .hero-audience{display:block;grid-area:1/1;white-space:nowrap;animation:hero-audience-slide 5.4s cubic-bezier(.4,0,.2,1) infinite}
.neo-hero h1 .hero-audience:nth-child(2){animation-delay:-3.6s}
.neo-hero h1 .hero-audience:nth-child(3){animation-delay:-1.8s}
html[lang=en] .neo-hero h1{font-size:clamp(42px,5.1vw,76px);letter-spacing:-.045em}
@keyframes hero-audience-slide{
  0%,23.333%{transform:translateY(0);opacity:1}
  33.333%{transform:translateY(110%);opacity:0}
  33.334%,90%{transform:translateY(-110%);opacity:0}
  100%{transform:translateY(0);opacity:1}
}
@media(max-width:760px){
 .neo-hero h1 .hero-headline-prefix{display:block}
 .neo-hero h1 .hero-audiences{display:grid}
 html[lang=en] .neo-hero h1{font-size:clamp(32px,9.5vw,44px)}
}
/* Keep the complete audience readable without a repeating motion. */
html[data-reduced=true] .neo-hero h1 .hero-audiences{display:block;font-size:.5em;line-height:1.5;overflow:visible;margin:0;padding:0}
html[data-reduced=true] .neo-hero h1 .hero-audience{display:inline;animation:none;white-space:normal}
html[data-reduced=true] .neo-hero h1 .hero-audience + .hero-audience::before{content:' / '}
@media(prefers-reduced-motion:reduce){
 .neo-hero h1 .hero-audiences{display:block;font-size:.5em;line-height:1.5;overflow:visible;margin:0;padding:0}
 .neo-hero h1 .hero-audience{display:inline;animation:none;white-space:normal}
 .neo-hero h1 .hero-audience + .hero-audience::before{content:' / '}
}

/* Let the text-only ASCII entrance settle before the first audience change. */
#home-title:not([data-ascii-state=done]) .hero-audience{animation-play-state:paused}
html[lang=he] .neo-hero h1 .hero-audiences{font-size:.8em;letter-spacing:-.035em}
html[lang=he][data-reduced=true] .neo-hero h1 .hero-audiences{font-size:.45em}
@media(prefers-reduced-motion:reduce){html[lang=he] .neo-hero h1 .hero-audiences{font-size:.45em}}