/* === projects.css — Projects page only (impact strip + full grid, no filter) === */

.impact-strip{ display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:var(--line); border:1px solid var(--line); margin-bottom:3rem; }
@media (min-width:768px){ .impact-strip{ grid-template-columns:repeat(4,1fr); } }
.impact{ text-align:center; padding:1.8rem 1rem; background:#fff; border-top:3px solid var(--red); }
.impact .num{ font-family:var(--font); font-size:clamp(1.6rem,4vw,2.1rem); font-weight:900; color:var(--ink); }
.impact .lbl{ font-size:.8rem; color:var(--ink-faint); margin-top:.35rem; }

/* Section title with total project count */
.proj-head{ margin-bottom:1.8rem; }
.proj-head h2{ font-size:clamp(1.4rem,3vw,1.8rem); font-weight:500; }
.proj-count{ color:var(--ink-faint); font-weight:400; }

/* Project grid: 3 columns desktop / 2 tablet / 1 mobile */
.projgrid{ display:grid; grid-template-columns:1fr; gap:1.5rem; }
@media (min-width:640px){ .projgrid{ grid-template-columns:repeat(2,1fr); } }
@media (min-width:1000px){ .projgrid{ grid-template-columns:repeat(3,1fr); } }