/* ===== Responsive ===== */
@media (max-width: 900px) {
  .navbar__links { display: none; }
  h1 { font-size: 36px; }
  h2 { font-size: 48px; }
  .about__grid,
  .what-we-do__grid,
  .transparency__grid,
  .projects__row { grid-template-columns: 1fr; }
  .footer__grid { grid-template-columns: 1fr 1fr; }
  .event-card { flex-direction: column; text-align: center; }
  .hero__stats { flex-direction: column; gap: 16px; }
}