h1,
h2,
h3,
h4 {
  color: var(--color-ink-950);
  font-family: var(--font-display);
  font-weight: 700;
  line-height: 1.06;
  letter-spacing: -0.02em;
}

h1 {
  font-size: var(--text-xl);
  max-width: 13ch;
  overflow-wrap: anywhere;
}

h2 {
  font-size: var(--text-display-md);
}

h3 {
  font-size: var(--text-display-sm);
}

h4 {
  font-size: 1.2rem;
}

p,
li,
label,
input,
textarea,
select {
  color: var(--color-ink-700);
}

strong {
  color: var(--color-ink-950);
}

.lede {
  font-size: var(--text-md);
  max-width: 62ch;
}

.eyebrow {
  color: var(--color-teal-800);
  font-size: var(--text-xs);
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.section-heading {
  max-width: 16ch;
}

.footer-title,
.label-title {
  color: var(--color-ink-950);
  font-size: var(--text-xs);
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.fine-print {
  font-size: var(--text-xs);
}