.display {
  font: var(--font-display);
  color: var(--fg-heading);
}

.h1 {
  font: var(--font-h1);
}

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

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

.eyebrow {
  display: block;
  margin: 0 0 var(--s-4);
  font: var(--font-caps);
  letter-spacing: var(--tracking-eyebrow);
  text-transform: uppercase;
  color: var(--fg-accent);
}

.statement {
  font: var(--font-statement);
  color: var(--fg-heading);
}

.quote {
  font: var(--font-quote);
  color: var(--fg-accent);
}

.small {
  font: var(--font-small);
  color: var(--fg-muted);
}