body {
  font-family: var(--font-ui);
  font-size: var(--step-0);
  line-height: 1.72;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-family: var(--font-literary);
  line-height: 1.22;
  letter-spacing: 0.012em;
  color: var(--color-ink);
}

h1 {
  font-size: var(--step-4);
}

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

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

p {
  margin: 0;
}

.eyebrow {
  display: inline-flex;
  margin-bottom: var(--space-sm);
  font-family: var(--font-ui);
  font-size: var(--step--1);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--color-ink-soft);
}

.lede {
  max-width: 65ch;
  font-size: var(--step-1);
  line-height: 1.68;
  color: var(--color-ink-soft);
}

.meta-line {
  font-size: var(--step--1);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--color-ink-muted);
}