/* Keep the centered hero spacious while softening its visual scale. */
.hero-tagline {
  font-size: clamp(18px, 1.7vw, 22px);
  font-weight: 400;
}

.hero h1 {
  font-size: clamp(40px, 4vw, 58px);
  font-weight: 700;
  letter-spacing: -0.02em;
}

.hero-copy {
  font-size: 20px;
}

.hero-phone {
  width: min(476px, 61.2vw);
}

@media (max-width: 860px) {
  .hero h1 {
    font-size: clamp(38px, 9.5vw, 55px);
  }

  .hero-copy {
    font-size: 18px;
  }
}

@media (max-width: 520px) {
  .hero-phone {
    width: 82vw;
  }
}