/* GMI site-wide typography and vertical rhythm (v2). Loaded after style.css on every page.
   Homepage-only layout lives in home.css / home-v2.css. */

:root{
  --hm-font: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}

/* ---- Typeface: one family across the site ---- */
body,
body :is(p,li,a,label,input,textarea,select,button,td,th,blockquote,figcaption,span,small,strong,em,dd,dt),
body :is(h1,h2,h3,h4,h5,h6,.eyebrow,.stat-num,.btn-gmi,.badge-gmi,.nav-link-gmi,.pillar-num,.t-role){
  font-family: var(--hm-font);
}
body :is(h1,h2,h3,h4,h5,h6){
  font-weight:800;
  letter-spacing:-.022em;
  line-height:1.12;
}
body .h-hero{font-weight:800; letter-spacing:-.03em; line-height:1.04}
body .h-section{font-size:clamp(28px,3.2vw,42px)}
body p,
body li{font-size:17px; line-height:1.65}
body .eyebrow{font-size:12.5px; font-weight:700; letter-spacing:.14em}
body .btn-gmi{font-weight:700; letter-spacing:.01em}
body .stat-num{font-weight:800; letter-spacing:-.03em}

/* ---- Vertical rhythm: tighter sections, consistent gaps ---- */
body .section{padding:72px 0}
body .section-sm{padding:48px 0}
@media(max-width:991.98px){
  body .section{padding:60px 0}
}
@media(max-width:767.98px){
  body .section{padding:48px 0}
  body .section-sm{padding:36px 0}
}
body .section-head{margin-bottom:36px}
body .section-head p{margin-top:12px; font-size:17px}
body .section-head.mb-0{margin-bottom:0 !important}
body .alt-row{margin-bottom:56px}
body .alt-row:last-child{margin-bottom:0}
body .mt-5{margin-top:32px !important}
body .mb-5{margin-bottom:32px !important}
body .mt-4{margin-top:24px !important}
body .scroll-row{gap:16px}
body .cred-grid{gap:16px}

/* ---- Form controls: use the site face (style.css hard-codes Inter here) ---- */
body :is(input,select,textarea,button){
  font-family: var(--hm-font) !important;
}