body {
  font-family: var(--font-body);
  color: var(--color-text);
  line-height: 1.7;
  background-color: var(--color-background);
  font-size: 1rem;
  letter-spacing: 0.01em;
}

h1, h2, h3, h4 {
  font-family: var(--font-heading);
  line-height: 1.2;
  color: var(--color-secondary);
  font-weight: 500;
  letter-spacing: 0;
}

h1 { font-size: clamp(2.25rem, 4.4vw, 3.5rem); font-weight: 500; margin-bottom: 1.25rem; }
h2 { font-size: clamp(1.85rem, 3.4vw, 2.5rem); margin-bottom: 1rem; }
h3 { font-size: 1.3rem; margin-bottom: 0.6rem; }
h4 { font-size: 1.05rem; margin-bottom: 0.4rem; }

p { margin-bottom: 1rem; color: var(--color-text); }
p:last-child { margin-bottom: 0; }

.eyebrow {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--color-primary);
  margin-bottom: 1rem;
}

.lede {
  font-size: 1.15rem;
  color: var(--color-text-light);
}

a { color: var(--color-secondary); }

::selection { background: var(--color-primary); color: var(--color-white); }