/* ==========================================================================
   Typography
   ========================================================================== */

h1,
h2,
h3 {
  color: var(--color-text);
  margin-top: 0;
}

h1 {
  font-size: clamp(2.75rem, 5vw, 4.25rem);
  font-weight: 700;
  line-height: 1.08;
}

h2 {
  font-size: clamp(2rem, 3.5vw, 2.75rem);
  font-weight: 700;
  line-height: 1.15;
}

h3 {
  font-size: 1.35rem;
  font-weight: 700;
  line-height: 1.3;
}

p {
  line-height: 1.7;
  margin-bottom: 0;
  margin-top: 0;
}

/* --------------------------------------------------------------------------
   Supporting Text
   -------------------------------------------------------------------------- */

.eyebrow {
  color: var(--color-accent);
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  margin-bottom: 14px;
  text-transform: uppercase;
}

.page-hero-description,
.section-description {
  color: var(--color-text-secondary);
  font-size: 1.05rem;
  line-height: 1.7;
  max-width: 720px;
}