/* Red Mammoth — About page (about.html).
   Page-specific rules only; shared patterns come from css/site.css.
   Note: this page's cards use 24px padding (not the site-wide 26px tile
   padding) — kept exact to match the original page. */

.page-hero__title { max-width: 26ch }

.about__mission-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 18px }
.about__card { padding: 24px }
.about__card i { width: 20px; height: 20px; color: var(--color-gold) }