h1,
h2,
h3 {
  font-weight: 700;
  line-height: var(--line-height-heading);
  color: var(--color-brand-dark);
  text-wrap: balance;
  margin-block-end: var(--space-sm);
}

.section-dark h1,
.section-dark h2,
.section-dark h3 {
  color: var(--color-text-on-dark);
}

h1 {
  font-size: var(--font-size-h1);
  line-height: var(--line-height-tight);
}

h2 {
  font-size: var(--font-size-h2);
}

h3 {
  font-size: var(--font-size-h3);
}

p {
  color: var(--color-text);
  margin-block-end: var(--space-sm);
}

.section-dark p {
  color: var(--color-text-on-dark-muted);
}

p.lede {
  font-size: var(--font-size-lede);
  color: var(--color-text-muted);
  max-width: 46rem;
}

.section-dark p.lede {
  color: var(--color-text-on-dark-muted);
}

.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2xs);
  font-size: var(--font-size-eyebrow);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--color-brand-deep);
  margin-block-end: var(--space-sm);
}

.eyebrow::before {
  content: "";
  width: 1.5rem;
  height: 2px;
  background: var(--color-brand-lime);
}

.section-dark .eyebrow {
  color: var(--color-brand-yellow);
}

.section-heading {
  max-width: 42rem;
  margin-block-end: var(--space-lg);
}

blockquote {
  font-size: var(--font-size-lede);
  font-style: italic;
  color: var(--color-text);
  border-inline-start: 3px solid var(--color-brand-lime);
  padding-inline-start: var(--space-md);
}

cite {
  display: block;
  margin-block-start: var(--space-sm);
  font-style: normal;
  font-weight: 700;
  color: var(--color-brand-deep);
}