/* =============================================================================
   deployment.css
   Page-only styles for /deployment.html.
   Foundation styles live in /css/style.css — do not duplicate tokens here.
   Shared subpage pattern (svc-hero, faq accordion, cta-form, crosslink-band)
   lives in /css/pages/design.css + /css/pages/mfr-subpage.css.
   ============================================================================= */

/* =============================================================================
   1. SERVICES SECTION
   ============================================================================= */
#services .section-head h2 {
  max-width: 24ch;
}

/* Tighter h3 for the 3-card deployment grid */
.card h3 {
  font-size: clamp(1.15rem, 1rem + 0.7vw, 1.45rem);
  font-weight: 500;
}

/* =============================================================================
   2. HOW WE WORK — 2-card grid
   ============================================================================= */
#approach-heading {
  max-width: 28ch;
}

/* "What we deliver" — 3 cards as 2 + 1 (matches the other subpages): two on the
   top row, the third spanning the full width below, content centered. Only in
   the 2-up range — below 768px the grid is a single column. */
@media (min-width: 769px) {
  #services .card-grid > .card:last-child {
    grid-column: 1 / -1;
    align-items: center;
    text-align: center;
  }
  #services .card-grid > .card:last-child .card__body {
    max-width: 68ch;
    margin-inline: auto;
  }
}