/* ============================================================
   PEC GLOBAL — /about page
   Page-scoped styles ONLY. Reuses tokens from pec-styles.css, the
   .stats stat block from pec-components.css, .ctaband / .cc-band-stack /
   .cc-chips / .ior-cards / .faq-* from the shared + subpage sheets, and
   .cc-h1 from pec-customs.css. Adds ab-* helpers unique to this page.
   ============================================================ */

/* ---------- Section 1 — centered hero ---------- */
.ab-hero{padding-top:150px}
.ab-hero .wrap{text-align:center}
.ab-hero .eyebrow{justify-content:center;margin-bottom:20px}
.ab-hero .cc-h1{max-width:17ch;margin-left:auto;margin-right:auto}
.ab-hero .ab-sub{margin:22px auto 0;max-width:700px}

/* ---------- Section 2 — who we are (text + stat card) ---------- */
.ab-who-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(34px,5vw,72px);align-items:center}
.ab-prose{margin-top:22px;display:flex;flex-direction:column;gap:18px}
.ab-prose p{color:var(--ink-70);font-size:16.5px;line-height:1.72;max-width:54ch}
.ab-statcard .stats{border-radius:var(--r-card);overflow:hidden;box-shadow:var(--sh-card-lg)}
.ab-statcard .stats-grid{grid-template-columns:1fr 1fr}
@media(max-width:920px){.ab-who-grid{grid-template-columns:1fr;gap:40px}}

/* ---------- Section 3 — Why Mettmann (dark band, centered) ---------- */
.ab-loc .ctaband{text-align:center}
.ab-loc-stack{max-width:800px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:18px}
.ab-loc-stack .eyebrow{justify-content:center;color:#5fe06f}
.ab-loc-stack h3{color:#fff;font-size:clamp(26px,3vw,38px);letter-spacing:-.025em;line-height:1.08;max-width:none}
.ab-loc-stack p{color:var(--on-dark-70);font-size:16.5px;line-height:1.72}
.ab-loc-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:24px 48px;margin-top:14px;padding-top:34px;border-top:1px solid var(--on-dark-line);width:100%}
.ab-loc-stat{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:150px}
.ab-loc-stat .ico{width:26px;height:26px;color:#5fe06f;margin-bottom:6px}
.ab-loc-stat .n{font-family:var(--mono);font-size:clamp(28px,3.2vw,40px);font-weight:700;color:#fff;line-height:1;letter-spacing:-.02em}
.ab-loc-stat .l{font-size:14px;color:var(--on-dark-70);max-width:18ch}

/* ---------- Section 4 — credentials (4-up icon cards) ---------- */
.ab-creds .ior-cards{grid-template-columns:repeat(4,1fr)}
@media(max-width:920px){.ab-creds .ior-cards{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.ab-creds .ior-cards{grid-template-columns:1fr}}

/* ---------- Section 5 — industries (chips + two columns) ---------- */
.ab-ind .shead .lead{margin-left:auto;margin-right:auto}
.ab-ind .cc-chips{justify-content:center}
.ab-cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,4vw,56px);margin-top:54px}
.ab-cols h3{font-size:20px;letter-spacing:-.02em;color:var(--navy);margin-bottom:12px}
.ab-cols p{color:var(--ink-70);font-size:15.5px;line-height:1.7}
@media(max-width:760px){.ab-cols{grid-template-columns:1fr;gap:30px}}

/* ---------- Final CTA band ---------- */
.ab-cta .ctaband-inner{align-items:center}
.ab-cta .btn-row{display:flex;gap:14px;flex-wrap:wrap}