/* ── MOBILE RESPONSIVE ──
   Loaded last so these overrides win over the per-section rules above. */
@media (max-width: 900px) {
  nav { padding: 1rem 1.5rem; }
  .nav-links { display: none; }
  .nav-links.open { display: flex; flex-direction: column; position: fixed; top: 56px; left: 0; right: 0; background: rgba(11,31,58,0.98); padding: 1.5rem 2rem; gap: 1.2rem; border-bottom: 1px solid rgba(232,161,64,0.2); }
  .nav-hamburger { display: flex; flex-direction: column; }
  .hero { grid-template-columns: 1fr; min-height: auto; padding-top: 56px; }
  .hero-right { display: none; }
  .hero-left { padding: 3rem 1.5rem 5rem; }
  .hero-stat-strip { grid-template-columns: repeat(3,1fr); }
  .stat-item { padding: 1rem 0.75rem; }
  .stat-num { font-size: 1.4rem; }
  .stat-label { font-size: 0.55rem; }
  .container { padding: 0 1.5rem; }
  .mission-grid { grid-template-columns: 1fr; gap: 2rem; }
  .activities-grid { grid-template-columns: 1fr; }
  .event-card { grid-template-columns: 80px 1fr; gap: 1rem; }
  .event-status { grid-column: 1 / -1; text-align: left; }
  .benefits-grid { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr; gap: 2rem; }
  section { padding: 3.5rem 0; }
}