/* ==========================================================================
   RACI — Responsive
   ========================================================================== */

/* Tablet and below */
@media (max-width: 900px) {
  header {
    flex-direction: column;
    align-items: flex-start;
  }

  header nav {
    gap: var(--space-xs) var(--space-sm);
  }

  .contact-info {
    grid-template-columns: 1fr;
  }

  .map-container iframe {
    min-height: 300px;
  }
}

/* Mobile */
@media (max-width: 600px) {
  section {
    padding: var(--space-md) var(--space-sm);
  }

  .hero h1 {
    margin-inline-start: var(--space-sm);
    margin-top: -1.75rem;
    padding: 0.5em 0.85em;
    font-size: clamp(1.5rem, 7vw, 2rem);
  }

  .page-header {
    padding: var(--space-sm);
  }

  .offering-grid,
  .programs-grid,
  .focus-list,
  .approach-grid,
  .vmm-grid,
  .pillar-grid,
  .partners-grid,
  .team-grid,
  .news-grid,
  .gallery-grid,
  .donate-grid {
    grid-template-columns: 1fr;
  }

  .stat-strip {
    flex-direction: column;
    gap: var(--space-sm);
  }

  .stat-divider {
    display: none;
  }

  .newsletter-from {
    flex-direction: column;
    align-items: stretch;
  }

  .newsletter-from label {
    margin-bottom: 0;
  }

  .contact-form .form-row {
    grid-template-columns: 1fr;
  }

  .page-header--motif::before,
  .page-header--motif::after {
    display: none;
  }

  footer nav, .socialmedia {
    flex-wrap: wrap;
  }
}