/* ==========================================================================
   NatureDefender — Responsive Layer
   Breakpoints: 1280 (laptop), 1024 (tablet landscape), 768 (tablet), 540 (mobile)
   ========================================================================== */

@media (max-width: 1280px) {
  .stat-grid { grid-template-columns: repeat(4, 1fr); }
  .footer-top { grid-template-columns: 1.3fr 0.8fr 0.8fr 0.9fr; gap: 2rem; }
}

@media (max-width: 1080px) {
  .main-nav { display: none; }
  .nav-toggle { display: flex; }

  .mission { grid-template-columns: 1fr; }
  .mission-media { max-width: 480px; }

  .stat-grid { grid-template-columns: repeat(2, 1fr); }
  .project-scroller { grid-template-columns: repeat(2, 1fr); }
  .matters-grid { grid-template-columns: repeat(2, 1fr); }
  .testimonial-track { grid-template-columns: repeat(2, 1fr); }
  .updates-grid { grid-template-columns: repeat(2, 1fr); }
  .pillars-grid { grid-template-columns: repeat(1, 1fr); }
  .values-grid { grid-template-columns: repeat(2, 1fr); }
  .team-grid { grid-template-columns: repeat(2, 1fr); }
  .cta-banner-row { grid-template-columns: 1fr; }

  .story-grid { grid-template-columns: 1fr; }
  .story-media { position: relative; top: 0; max-width: 420px; }

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

@media (max-width: 780px) {
  :root { --section-pad: clamp(3.5rem, 14vw, 6rem); }

  .hero { min-height: 100svh; }
  .hero-title { font-size: clamp(2.6rem, 11vw, 4rem); }

  .cta-banner { grid-template-columns: 1fr; text-align: left; }

  .footer-top { grid-template-columns: 1fr 1fr; gap: 2.2rem 1.6rem; }
  .footer-brand { grid-column: 1 / -1; }

  .newsletter { flex-direction: column; align-items: flex-start; }
  .newsletter-form { width: 100%; max-width: none; }

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

  .growth-ring { width: 52px; height: 52px; }
}

@media (max-width: 620px) {
  .project-scroller { grid-template-columns: 1fr; }
  .matters-grid { grid-template-columns: 1fr; }
  .testimonial-track { grid-template-columns: 1fr; }
  .updates-grid { grid-template-columns: 1fr; }
  .values-grid { grid-template-columns: 1fr; }
  .team-grid { grid-template-columns: repeat(2, 1fr); }
  .stat-grid { grid-template-columns: 1fr 1fr; }

  .footer-top { grid-template-columns: 1fr; }

  .filter-row { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 0.5rem; -webkit-overflow-scrolling: touch; }
  .filter-row::-webkit-scrollbar { display: none; }

  .site-header .header-cta .btn--ghost span:not(.icon-label) { display: none; }
}

@media (max-width: 420px) {
  .hero-actions { flex-direction: column; align-items: stretch; }
  .hero-actions .btn { justify-content: center; }
  .stat-grid { grid-template-columns: 1fr; }
  .team-grid { grid-template-columns: 1fr; }
}

/* Print — keep it simple and legible */
@media print {
  #hero-canvas, .growth-ring, .scroll-hint, .site-header { display: none !important; }
  body { background: #fff; color: #111; }
}