/* ==========================================================
   THE QUIET RESET — responsive
   ========================================================== */

@media (max-width: 1100px){
  .story-inner,
  .about-inner,
  .community-inner{
    grid-template-columns: 1fr;
    gap: 44px;
  }
  .story-compass{ order: -1; }
  .about-media{ max-width: 320px; }
  .resource-grid{ grid-template-columns: repeat(3, 1fr); }
  .course-grid{ grid-template-columns: repeat(2, 1fr); gap: 28px; }
  .testimonial-track{ grid-template-columns: 1fr 1fr; }
  .video-grid{ grid-template-columns: 1fr 1fr; }
}

@media (max-width: 900px){
  .primary-nav{ display: none; }
  .header-cta{ display: none; }
  .menu-toggle{ display: flex; }
  .mobile-nav{ display: flex; }

  .pillar{
    grid-template-columns: 1fr;
    min-height: 0;
  }
  .pillar:nth-child(even){ direction: ltr; }
  .pillar-media{ min-height: 320px; }
  .pillar-content{ padding: 44px clamp(20px, 6vw, 60px); max-width: none; }
}

@media (max-width: 720px){
  .resource-grid{ grid-template-columns: repeat(2, 1fr); }
  .testimonial-track{ grid-template-columns: 1fr; }
  .video-grid{ grid-template-columns: 1fr; }
  .course-grid{ grid-template-columns: 1fr; max-width: 380px; margin: 0 auto; }
  .social-grid{ grid-template-columns: 1fr; }
  .newsletter-form{ flex-direction: column; }
  .newsletter-form button{ width: 100%; justify-content: center; }
  .timeline li{ grid-template-columns: 1fr; gap: 6px; }
  .footer-inner{ flex-direction: column; }
  .footer-bottom{ flex-direction: column; }
}

@media (max-width: 480px){
  .resource-grid{ grid-template-columns: 1fr; }
  .hero-actions{ flex-direction: column; align-items: flex-start; gap: 20px; }
  .final-cta h2{ font-size: clamp(34px, 12vw, 60px); }
}