body {
  color: var(--text);
  background: var(--bg);
  font-family: var(--font-body);
  font-size: var(--space-sm);
  line-height: 1.6;
}

h1,
h2,
h3,
h4 {
  color: var(--text);
  font-family: var(--font-display);
  line-height: 1.08;
}

h1 {
  max-width: 13ch;
  font-size: clamp(var(--space-lg), 8vw, var(--space-xl));
}

h2 {
  font-size: clamp(var(--space-md), 5vw, var(--space-lg));
}

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

h4 {
  font-size: var(--space-sm);
}

p {
  color: var(--mid);
}

.lead {
  max-width: 68ch;
  color: var(--mid);
  font-size: clamp(var(--space-sm), 2vw, var(--space-md));
}

.eyebrow {
  display: inline-flex;
  margin-bottom: var(--space-xs);
  color: var(--accent2);
  font-family: var(--font-body);
  font-size: var(--space-sm);
  text-transform: uppercase;
}

.text-stack {
  display: grid;
  gap: var(--space-sm);
}