/* Keep the full hero and ticker inside the first desktop viewport. */
@media (min-width: 1101px) {
  .hero {
    height: clamp(535px, calc(100svh - 202px), 720px);
    min-height: 0;
  }

  .hero-copy {
    padding-top: clamp(48px, 9.3svh, 90px);
  }

  .hero h1 {
    font-size: clamp(70px, min(7.7vw, 13svh), 126px);
  }
}

/* Tablet header is shorter, so use the matching first-fold budget. */
@media (min-width: 761px) and (max-width: 1100px) {
  .hero {
    height: clamp(535px, calc(100svh - 192px), 650px);
    min-height: 0;
  }
}