/* ─── About page specific styles ─────────────────────────────────────── */

.about-hero {
  padding-top: 0;
  padding-bottom: clamp(40px, 6vh, 80px);
}

.about-hero-spacer {
  height: calc(var(--nav-h) + clamp(40px, 8vh, 100px));
}

.about-headline {
  font-family: var(--font-headline);
  font-size: clamp(40px, 7vw, 96px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.02em;
  color: var(--fg);
  max-width: 1100px;
}