/* =====================================================================
   About page (page-templates/about.php). Values transcribed from
   src/pages/About.jsx. Shared classes live in assets/css/m2.css.
   ===================================================================== */

/* ---------- story ---------- */
.m2-about-story__heading { margin: 0 0 18px; font-family: Montserrat, system-ui, sans-serif; font-weight: 700; font-size: clamp(26px, 3vw, 36px); line-height: 1.15; letter-spacing: -.02em; color: #020617; }
/* .m2-prose already carries the design's paragraph styling (16.5px/1.7 #1e293b, 0 0 16px, last 0); the column is the only width limit. */
.m2-about-story__text { max-width: none; }
.m2-about-story__aside { display: grid; gap: 20px; }
.m2-about-story__img { width: 100%; height: 300px; object-fit: cover; border-radius: 12px; display: block; }
.m2-about-mission { background: #020617; color: #fff; border-radius: 12px; padding: 28px 28px; }
.m2-about-mission__label { font-size: 12px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: #7aa8e6; margin-bottom: 10px; }
.m2-about-mission__text { margin: 0; font-family: Montserrat, system-ui, sans-serif; font-weight: 600; font-size: 19px; line-height: 1.45; text-wrap: pretty; }

/* ---------- differentiators ---------- */
.m2-about-diff { background: #fff; border-top: 1px solid #e2e8f0; border-bottom: 1px solid #e2e8f0; }
.m2-about-diff__intro { max-width: 640px; margin-bottom: 44px; }
.m2-about-diff__card { padding: 28px 26px; display: flex; flex-direction: column; gap: 12px; }
.m2-about-diff__card .m2-diamond { margin: 4px 0 4px 4px; }
.m2-about-diff__title { font-size: 18px; }
.m2-about-diff__body { margin: 0; font-size: 15px; line-height: 1.6; color: #475569; }

/* ---------- company data ---------- */
.m2-about-data__heading { margin: 0 0 10px; font-family: Montserrat, system-ui, sans-serif; font-weight: 700; font-size: 24px; color: #020617; }
.m2-about-data__sub { margin: 0 0 18px; font-size: 15px; color: #64748b; }
.m2-about-data__list { margin: 0; }
.m2-about-data__card { background: #fff; border: 1px solid #e2e8f0; border-radius: 10px; padding: 20px 22px; }
.m2-about-data__card--sba { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 16px; }
.m2-about-data__dt { font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: #64748b; margin-bottom: 8px; }
.m2-about-data__dt--mb10 { margin-bottom: 10px; }
.m2-about-data__dd { margin: 0; font-weight: 600; font-size: 16px; color: #020617; }
.m2-about-data__dd--naics { display: flex; flex-wrap: wrap; gap: 8px; }