/* ============================================================
   responsive.css — Mobile / tablet breakpoints
   ============================================================ */

@media (max-width: 960px) {
  /* Nav — hamburger handled in nav.css */
  nav { padding: 1rem 1.5rem; }

  /* Hero */
  #hero { grid-template-columns: 1fr; padding: 7rem 1.5rem 4rem; }
  .hero-right { display: none; }

  /* Illustration strip */
  .illus-strip { grid-template-columns: 1fr 1fr; }
  .illus-cell { height: 160px; }

  /* About */
  .about-grid { grid-template-columns: 1fr; gap: 3rem; }

  /* Services */
  .services-header { grid-template-columns: 1fr; }
  .services-grid   { grid-template-columns: 1fr; }

  /* How we work */
  .engage-steps { grid-template-columns: 1fr 1fr; }
  .engage-steps::before { display: none; }

  /* Contact */
  .contact-grid { grid-template-columns: 1fr; gap: 3rem; }

  /* Testimonials */
  .testi-header { flex-direction: column; }
  .testi-carousel { padding: 2rem 1.5rem; }
  .testi-submit-wrap { grid-template-columns: 1fr; gap: 2rem; }

  /* General */
  section { padding: 5rem 1.5rem; }

  /* Footer */
  footer { flex-direction: column; gap: 1rem; text-align: center; }
  .footer-loc { justify-content: center; }
}

@media (max-width: 540px) {
  .illus-strip { grid-template-columns: 1fr; }
  .illus-cell  { height: 140px; }
  .engage-steps { grid-template-columns: 1fr; }
  .form-row-2   { grid-template-columns: 1fr; }
}