/* Requested typography balance: hero message, service descriptions, and area summary. */
.hero h1 {
  font-size: clamp(48px, 6.35vw, 82px);
  line-height: 1.06;
  letter-spacing: -0.065em;
  text-wrap: balance;
}

.hero-lead,
.service-card p,
.area-heading > p {
  font-size: 15px;
  line-height: 1.78;
  text-wrap: balance;
}

.service-card p {
  max-width: 430px;
}

.area-heading > p {
  max-width: 380px;
}

@media (max-width: 520px) {
  .hero h1 {
    font-size: clamp(44px, 12.8vw, 52px);
    line-height: 1.08;
  }

  .hero-lead,
  .service-card p,
  .area-heading > p {
    font-size: 14px;
    line-height: 1.75;
  }
}