/* =============================================================================
   MOURN — ABOUT (page-specific layout only). Isolated from global.css/
   home.css/shop.css/etc. Typography sizing comes entirely from the
   existing .text-display/.text-heading/.text-title utility classes
   (global.css) — this file only handles spacing/alignment/max-width so
   the body stays easy to rewrite later without touching any other page.
   Naturally single-column at every width; no separate mobile variant.
   ========================================================================== */

.about {
  max-width: 720px;
  padding-block: var(--space-section) var(--space-jumbo);
}

.about__intro {
  margin-bottom: var(--space-section);
}

.about__intro-title {
  margin-bottom: var(--space-sm);
}

.about__intro-subtitle {
  color: var(--color-neutral-500);
}

.about__section {
  margin-bottom: var(--space-huge);
}

.about__section-title {
  margin-bottom: var(--space-md);
}

.about__text {
  margin-bottom: var(--space-md);
  color: var(--color-ink);
}

.about__text:last-child {
  margin-bottom: 0;
}

.about__closing {
  border-top: var(--border-hairline);
  padding-top: var(--space-huge);
  text-align: center;
}