/* About us: one narrow column of story. */
@layer page {
  .about-page { max-width: 760px; padding-top: clamp(40px, 6vw, 72px); padding-bottom: clamp(48px, 7vw, 88px); }
  .about-intro { padding-bottom: var(--space-6); border-bottom: 1px solid var(--border); }
  .about-intro h1 { margin: var(--space-3) 0 var(--space-5); font-size: var(--fs-4xl); }
  .about-lead { max-width: 40ch; color: var(--ink); font-size: clamp(19px, 2.2vw, 23px); line-height: 1.55; }
  .about-story { max-width: 66ch; padding-top: var(--space-5); }
  .about-story p { margin: 0 0 var(--space-5); font-size: 17px; line-height: 1.8; }
  .about-story h2 { margin: var(--space-7) 0 var(--space-4); font-size: var(--fs-xl); }
  .about-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3) var(--space-5); margin-top: var(--space-6); }
  @media (max-width: 600px) {
    .about-story p { font-size: var(--fs-base); }
    .about-actions { flex-direction: column; align-items: stretch; }
    .about-actions .text-link { justify-content: center; }
  }
}