/*
 * Current Projects page — page-specific overrides. Loaded only on this
 * page via inc/enqueue/styles.php's page-slug matching (page-projects.php
 * -> projects.css).
 *
 * Previously had a partial, one-off .purpose-copy/.sticky-title h2 size
 * fix (clamp(1.9rem, 3.4vw, 3rem)) predating the consistent scale-down
 * pass applied across home/about/vision/values/waqf/story/leadership/
 * impact/institutions/masjid/academy/seminary/maktab/community-center/
 * library/cemetery/sports-fitness — replaced here with the same standard
 * clamp(1.75rem, 2.6vw, 2.5rem) those all use, plus the hero h1,
 * heading-to-paragraph gaps and FAQ layout this page hadn't gotten yet.
 */

.page-hero h1 {
    font-size: clamp(2.25rem, 3.4vw, 3.4rem);
}

.section-head h2,
.sticky-title h2,
.purpose-copy h2,
.faq-intro h2 {
    font-size: clamp(1.75rem, 2.6vw, 2.5rem);
}

.section-head .lead,
.purpose-copy .lead {
    margin-top: 18px;
}

/* "The wider horizon" section's button follows .purpose-copy .lead
   directly with no spacing. */
.purpose-copy .button {
    margin-top: 22px;
}

/* "Project sequence" section: center the heading/lead (same fix as the
   homepage's "Current priorities" section) and center the 3-card row,
   which otherwise sits left-aligned in what's actually a 4-column grid. */
.section-head { grid-template-columns: 1fr; justify-items: center; text-align: center; gap: 14px; }
.section-head .lead { justify-self: center; max-width: 640px; margin-top: 0; }
.campaign-stages { justify-content: center; grid-template-columns: repeat(3, minmax(0, 320px)); }