/* First-pass text and loop handoff overlays. The reel and scrims stay intact. */
.hero-intro { display:none; }
html[data-hero-intro] .home-page .hero.hero-reel .hero-copy {
  opacity:0;pointer-events:none;transition:none;
}
html[data-hero-intro] .home-page .hero.hero-reel .hero-bottom {
  visibility:hidden;
}
html[data-hero-intro] .hero-intro {
  display:flex;position:absolute;inset:0;z-index:2;
  flex-direction:column;align-items:center;justify-content:center;
  gap:24px;padding:var(--nr-header-height) var(--nr-gutter);
  color:#fff;text-align:center;pointer-events:none;
}
.hero-intro :is(.hero-intro-title,.hero-intro-statement) {
  margin:0;visibility:hidden;
}
.hero-intro .hero-intro-title {
  max-width:20em;font-size:clamp(38px,4.5vw,76px);
  font-weight:400;line-height:1.12;letter-spacing:-.04em;text-wrap:balance;
}
.hero-intro .hero-intro-statement {
  font-size:clamp(23px,2.1vw,30px);font-weight:400;
  line-height:1.4;letter-spacing:-.02em;color:#f1f2ef;
}
.hero-intro [data-intro-visible] { visibility:visible; }
.hero-intro .text-shuffle-word { position:relative;display:inline-block;color:inherit; }
.hero-intro .text-shuffle-source { opacity:0;color:inherit; }
.hero-intro .text-shuffle-glyph { visibility:inherit;color:inherit; }
@media(max-width:767px) {
  html[data-hero-intro] .hero-intro { gap:22px; }
  .hero-intro .hero-intro-title { max-width:12em;font-size:clamp(32px,8.8vw,58px); }
}
@media(prefers-reduced-motion:reduce) {
  html[data-hero-intro] .hero-intro { display:none; }
  html[data-hero-intro] .home-page .hero.hero-reel .hero-copy { opacity:1;pointer-events:auto; }
  html[data-hero-intro] .home-page .hero.hero-reel .hero-bottom { visibility:visible; }
}