/* ===== Projects page ===== */

.page-head{ padding:64px 0 20px; }
.page-head h1{
  font-size:clamp(2.2rem,5vw,3.4rem);
  text-transform:uppercase;
  margin:14px 0 16px;
  line-height:1.05;
}
.page-sub{ color:var(--grey); font-size:1.05rem; max-width:58ch; }

.stats-row-wrap{ display:flex; gap:56px; flex-wrap:wrap; }

.section-head{
  font-size:clamp(1.9rem,4vw,2.6rem);
  text-transform:uppercase;
  margin:0 0 12px;
}
.lede{ color:var(--grey); max-width:64ch; margin-bottom:36px; }

.project-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}
@media (max-width:880px){ .project-grid{ grid-template-columns:1fr 1fr; } }
@media (max-width:600px){ .project-grid{ grid-template-columns:1fr; } }

.project-card{ padding:0; overflow:hidden; }
.project-thumb{
  height:150px;
  display:flex; align-items:center; justify-content:center;
  background:
    repeating-linear-gradient(135deg, var(--navy-700) 0 2px, transparent 2px 14px),
    var(--navy-850, var(--navy-800));
  color:var(--grey-dim);
  font-family:var(--font-label);
  text-transform:uppercase;
  letter-spacing:.06em;
  font-size:.8rem;
  border-bottom:1px solid var(--navy-700);
}
.project-card h3{ font-size:1.05rem; text-transform:uppercase; margin:18px 20px 6px; }
.project-card p{ font-size:.88rem; color:var(--grey); margin:0 20px 20px; }
.project-card.placeholder{ opacity:.85; }

.closing-cta{ text-align:center; padding:96px 0; }
.closing-cta h2{ font-size:clamp(2rem,5vw,3rem); text-transform:uppercase; margin-bottom:16px; }
.closing-cta p{ color:var(--grey); margin:0 auto 28px; }