/*
 * Laptop-first hero correction.
 * The original build fixes the hero at 780px minimum on large screens.
 * That is taller than a common 768px laptop viewport after the header.
 */
@media (min-width: 1024px) and (max-height: 900px) {
  section[aria-labelledby="hero-title"] {
    min-height: calc(100svh - 76px);
  }

  section[aria-labelledby="hero-title"] > div.relative.mx-auto.grid {
    min-height: calc(100svh - 76px);
    gap: clamp(1.5rem, 3vw, 3rem);
    padding-top: clamp(2rem, 5vh, 3.5rem);
    padding-bottom: 4.5rem;
  }

  section[aria-labelledby="hero-title"] h1 {
    font-size: clamp(4.75rem, 7.25vw, 7.25rem);
    line-height: 0.86;
  }

  section[aria-labelledby="hero-title"] h1 + div {
    margin-top: clamp(1.5rem, 3vh, 2.5rem);
  }

  section[aria-labelledby="hero-title"] h1 + div + a {
    margin-top: clamp(1.5rem, 3vh, 2.5rem);
  }
}