/* about.css — About page layout helpers built on the base.css design system.
   Purpose: keep every section on one uniform content width, type scale and
   spacing so the page reads as a single, cohesive block. */

/* Shared centered content column used by every About section. */
.about-prose {
  max-width: 720px;
  margin: 0 auto;
  text-align: center;
}

.about-prose > p {
  margin-bottom: 1.25rem;
}

.about-prose > p:last-child {
  margin-bottom: 0;
}

/* Emphasised mission/intro line — reuses the design-system .lead scale,
   just constrained to the shared column width. */
.about-prose .lead {
  color: var(--neutral-700);
}

/* Consistent spacing for an inline call-to-action inside a prose block. */
.about-actions {
  margin-top: 2.5rem;
}