/* ============================================================
   get-involved.css — extends styles.css for the Get Involved
   page. Reuses .paths/.path-grid and .donation-proof/.cta
   verbatim from styles.css. Only new component: .page-hero,
   a thin wrapper that gives the shared .paths block enough
   top clearance to act as the page's own hero (it normally
   sits mid-page on the homepage) and restyles a real <h1> to
   match the existing .paths>h2 treatment.
   ============================================================ */

.page-hero{padding-top:170px}
.page-hero>h1{font-size:var(--fs-h1-sub);line-height:1.03;letter-spacing:-.045em;max-width:800px;margin:20px 0}
.page-hero>p{font-size:var(--fs-md);line-height:1.55;max-width:560px;margin:0 0 10px}

@media(max-width:650px){
  .page-hero{padding-top:150px}
  .page-hero>h1{font-size:44px}
}

/* Card titles are <h2> here (they sit directly under the page <h1>,
   with no intervening <h2>), so restate the .path-grid h3 treatment
   from styles.css and override the generic .paths h2 sizing. */
.paths .path-grid h2{font-size:clamp(32px,3vw,42px);line-height:1;letter-spacing:normal;margin:clamp(26px,3vw,40px) 0 18px;text-wrap:balance}