/*
 * Homepage hero adjustments for longer German, Japanese and Hawaiian copy.
 * Anchor translated copy below the overlay header so additional lines grow
 * downward rather than pushing the location label into the navigation.
 */
@media (min-width: 901px) {
  html:is([lang="de"], [lang="ja"], [lang="haw"]) .hero-copy {
    top: clamp(7.5rem, 15vh, 10rem);
    width: min(58vw, 58rem);
    max-width: none;
    transform: none;
  }

  html[lang="de"] .hero-copy h1 {
    font-size: clamp(4.75rem, 6.25vw, 7rem);
    line-height: 0.98;
  }

  html[lang="ja"] .hero-copy h1 {
    font-size: clamp(4.25rem, 5.75vw, 6.5rem);
    line-height: 1.08;
  }

  html[lang="haw"] .hero-copy h1 {
    font-size: clamp(4.25rem, 5.5vw, 6.25rem);
    line-height: 0.98;
  }
}

@media (min-width: 601px) and (max-width: 900px) {
  html:is([lang="de"], [lang="ja"], [lang="haw"]) .hero-copy {
    top: 7rem;
    width: calc(100% - 4rem);
    max-width: 44rem;
    transform: none;
  }

  html[lang="de"] .hero-copy h1,
  html[lang="haw"] .hero-copy h1 {
    font-size: clamp(3.5rem, 8.5vw, 4.75rem);
    line-height: 1;
  }

  html[lang="ja"] .hero-copy h1 {
    font-size: clamp(3.25rem, 8vw, 4.5rem);
    line-height: 1.08;
  }
}