body {
  font-size: 17px;
}

h1,
h2,
h3,
h4,
.brand-word,
.eyebrow,
.stat-number {
  font-family: var(--font-display);
}

.button,
.nav-link {
  font-family: var(--font-body);
}

h1,
h2,
h3,
p {
  margin: 0;
}

h1 {
  font-size: clamp(4.4rem, 11vw, 10.5rem);
  font-weight: 400;
  line-height: 0.76;
  letter-spacing: 0.055em;
  text-transform: uppercase;
  text-wrap: balance;
}

h2 {
  font-size: clamp(2.4rem, 5.2vw, 5.4rem);
  font-weight: 400;
  line-height: 0.9;
  letter-spacing: 0.035em;
  text-transform: uppercase;
  text-wrap: balance;
}

h3 {
  font-size: clamp(1.55rem, 2.5vw, 2.35rem);
  font-weight: 400;
  line-height: 0.95;
  letter-spacing: 0.025em;
  text-transform: uppercase;
}

.eyebrow {
  color: var(--color-gold);
  font-size: clamp(1.15rem, 1.6vw, 1.55rem);
  font-weight: 600;
  letter-spacing: 0.12em;
  line-height: 1.1;
  text-transform: uppercase;
}

.lead {
  color: var(--color-ink-soft);
  font-size: clamp(1.02rem, 1.6vw, 1.25rem);
  line-height: 1.68;
  max-width: var(--reading);
  text-wrap: pretty;
}

.body-copy {
  color: var(--color-ink-soft);
  font-size: 1rem;
  line-height: 1.7;
  text-wrap: pretty;
}

.button {
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.caption {
  color: var(--color-ink-muted);
  font-size: 0.82rem;
  line-height: 1.5;
}