/* =============================================
   ELVANTI — Responsive Breakpoints
   ============================================= */

/* ---- TABLET: <= 1024px ---- */
@media (max-width: 1024px) {
  .hero-inner { grid-template-columns: 1fr; gap: 48px; }
  .hero-visual { display: none; }

  .programs-grid { grid-template-columns: repeat(2, 1fr); }

  .why-grid { grid-template-columns: 1fr; gap: 48px; }
  .why-image-col { display: none; }

  .stats-grid { grid-template-columns: repeat(2, 1fr); gap: 32px; }

  .articles-grid { grid-template-columns: 1fr; }
  .article-card--featured { flex-direction: column; grid-column: span 1; }
  .article-card--featured .article-card-image { width: 100%; height: 220px; }

  .footer-grid { grid-template-columns: 1fr 1fr; gap: 36px; }
  .footer-brand { grid-column: span 2; }

  .mission-grid { grid-template-columns: 1fr; gap: 40px; }
  .mission-image { display: none; }

  .team-grid { grid-template-columns: repeat(2, 1fr); }

  .program-detail-inner { grid-template-columns: 1fr; }
  .program-sidebar { position: static; }

  .articles-page-grid { grid-template-columns: repeat(2, 1fr); }

  .contact-grid { grid-template-columns: 1fr; gap: 48px; }
  .contact-form-wrap { position: static; }

  .article-detail-inner { grid-template-columns: 1fr; }
  .article-sidebar { display: none; }

  .cta-banner { grid-template-columns: 1fr; text-align: center; }
  .cta-actions { justify-content: center; }
  .cta-banner { padding: 48px 36px; margin: 0 16px; }

  .sitemap-grid { grid-template-columns: repeat(2, 1fr); }

  .newsletter-inner { flex-direction: column; text-align: center; }
  .newsletter-text { max-width: 100%; }

  .program-list-item { grid-template-columns: 220px 1fr; }
}

/* ---- MOBILE: <= 768px ---- */
@media (max-width: 768px) {
  .container { padding: 0 16px; }
  .section { padding: 64px 0; }
  .section--lg { padding: 80px 0; }

  /* Header */
  .nav-list, .header-cta { display: none; }
  .hamburger { display: flex; }

  /* Programs */
  .programs-grid { grid-template-columns: 1fr; }

  /* Stats */
  .stats-grid { grid-template-columns: repeat(2, 1fr); }
  .stat-number { font-size: 2.6rem; }

  /* Team */
  .team-grid { grid-template-columns: 1fr; }

  /* Articles page */
  .articles-page-grid { grid-template-columns: 1fr; }

  /* Values grid */
  .values-grid { grid-template-columns: 1fr; }

  /* Program list */
  .program-list-item { grid-template-columns: 1fr; }
  .program-list-img { height: 200px; width: 100%; }

  /* Form row */
  .form-row { grid-template-columns: 1fr; }

  /* Testimonials */
  .testimonial-card { min-width: 290px; }

  /* CTA */
  .cta-banner { padding: 36px 24px; margin: 0 12px; border-radius: 18px; }
  .cta-banner h2 { font-size: 1.7rem; }

  /* Footer */
  .footer-grid { grid-template-columns: 1fr; }
  .footer-brand { grid-column: span 1; }
  .footer-bottom { flex-direction: column; text-align: center; }

  /* Sitemap */
  .sitemap-grid { grid-template-columns: 1fr; }

  /* Newsletter form */
  .newsletter-form { flex-direction: column; }
  .newsletter-form input { width: 100%; }

  /* Hero trust */
  .hero-trust { gap: 16px; }
  .hero h1 { font-size: 2.2rem; }

  /* Page hero */
  .page-hero { padding: 48px 0 36px; }
  .page-hero h1 { font-size: 2rem; }
}

/* ---- SMALL MOBILE: <= 480px ---- */
@media (max-width: 480px) {
  h1 { font-size: 2rem; }
  h2 { font-size: 1.65rem; }

  .btn { padding: 12px 22px; font-size: .88rem; }
  .btn--lg { padding: 14px 28px; font-size: .95rem; }

  .stat-number { font-size: 2.2rem; }

  .contact-form-wrap { padding: 24px 18px; }

  .hero-actions { flex-direction: column; align-items: flex-start; }

  .intro-strip-inner { flex-direction: column; text-align: center; }
}