/* Keep the desktop hero heading inside its panel before the tablet layout takes over. */
@media (min-width: 981px) and (max-width: 1200px) {
  .hero-copy {
    width: min(58%, 560px);
  }

  .hero h1 {
    font-size: clamp(2.4rem, 4.1vw, 3rem);
  }
}

@media (min-width: 1201px) {
  .hero-copy {
    width: min(48%, 620px);
  }

  .hero h1 {
    font-size: clamp(2.8rem, 3.4vw, 3.4rem);
  }
}