/* A small shared type scale keeps the page calm while preserving the hero's impact. */
:root {
  --type-body: clamp(1rem, 1.25vw, 1.2rem);
  --type-label: .75rem;
  --type-meta: .875rem;
  --type-section: clamp(2.8rem, 4.2vw, 4.8rem);
}

.hero-copy p,
.where p {
  font-size: var(--type-body);
}

.where h2,
.team h2,
.contact-grid h2 {
  font-size: var(--type-section);
}

.eyebrow,
.field label {
  font-size: var(--type-label);
}

.header-cta,
.site-nav a,
.contact-form button,
.person h3,
.footer-info a {
  font-size: var(--type-meta);
}

.person p,
.form-status,
.site-footer small {
  font-size: .75rem;
}

@media (max-width:720px) {
  :root {
    --type-body: 1.05rem;
    --type-section: clamp(2.8rem, 13vw, 3.5rem);
  }

  .hero-copy p,
  .where p {
    font-size: var(--type-body);
  }

  .team h2 {
    font-size: var(--type-section);
  }
}