/* ==========================================================================
   Responsive
   ========================================================================== */

@media (max-width:1080px){
  .intro-grid{ grid-template-columns:1fr; gap:44px; }
  .service-grid{ grid-template-columns:repeat(2,1fr); }
  .footer-grid{ grid-template-columns:1fr 1fr; }
  .masonry{ columns:2 240px; }
}

@media (max-width:880px){
  .main-nav{ display:none; }
  .nav-cta .btn-ghost{ display:none; }
  .menu-toggle{ display:flex; }

  .mobile-drawer a{
    font-family:var(--font-head);
    font-size:22px; font-weight:700;
    padding:16px 0;
    border-bottom:1px solid var(--line);
    color:var(--white);
  }
  .mobile-drawer .btn{ margin-top:28px; justify-content:center; padding:18px; font-size:15px; }

  .hero{ align-items:flex-end; }
  .hero-content{ padding-bottom:88px; }
  .hero-scroll{ display:none; }

  .service-grid{ grid-template-columns:1fr; }
  .industry-item{ flex:1 1 100%; border-right:none; }
  .footer-grid{ grid-template-columns:1fr; gap:36px; }
  .footer-bottom{ flex-direction:column; }
  .masonry{ columns:1 100%; }
  .section{ padding:80px 0; }
  .section--tight{ padding:56px 0; }
  .page-hero{ padding:180px 0 70px; }
}

@media (max-width:520px){
  .container{ padding:0 20px; }
  .hero h1{ font-size:12vw; }
  .intro-stats{ grid-template-columns:1fr 1fr; gap:22px 14px; }
  .cta-band .btn-row{ flex-direction:column; align-items:stretch; }
  .cta-band .btn{ justify-content:center; }
}