/* ============================================================
   PEC GLOBAL — /services page
   Page-scoped styles ONLY. Reuses tokens from pec-styles.css, the
   ior-card grid from pec-ior.css, the svc-link from pec-components.css
   and .cc-h1 from pec-customs.css. Adds sv-* helpers for the centered
   hero and the service-card "Learn more" link.
   ============================================================ */

/* ---------- Section 1 — centered hero ---------- */
.sv-hero{padding-top:150px}
.sv-hero .wrap{text-align:center}
.sv-hero .eyebrow{justify-content:center;margin-bottom:20px}
.sv-hero .cc-h1{max-width:16ch;margin-left:auto;margin-right:auto}
.sv-hero .sv-sub{margin:22px auto 0;max-width:680px}
.sv-hero .sv-cta{margin-top:36px;display:flex;justify-content:center}

/* ---------- Section 2 — service cards (icon + body + link) ---------- */
.sv-services .ior-cards{margin-top:54px}
.sv-services .ior-card{display:flex;flex-direction:column}
.sv-services .ior-card h3{font-size:20px}
.sv-services .ior-card .svc-link{margin-top:auto;padding-top:20px}
.sv-services .ior-card:hover .svc-link .ico{transform:translateX(4px)}