/*
  Breakpoints
  -----------
  Kept in one file, ordered widest → narrowest, so the responsive
  behavior of the whole page can be reviewed without hunting through
  every component file.
*/

@media(max-width:980px){
  section{padding:90px 0;}
  .hero-grid{grid-template-columns:1fr;}
  .hero-visual{order:-1;max-width:440px;margin:0 auto 20px;}
  .services-grid{grid-template-columns:1fr 1fr;}
  .about-grid{grid-template-columns:1fr;}
  .about-visual{order:-1;}
  .feature-grid{grid-template-columns:1fr 1fr;}
  .why-grid{grid-template-columns:1fr;}
  .cta-card{position:static;min-height:420px;}
  .gallery-grid .g-item:nth-child(1){grid-column:span 3;grid-row:span 1;aspect-ratio:2/1;height:auto;}
  .testimonials-grid{grid-template-columns:1fr 1fr;}
  .stats-grid{grid-template-columns:repeat(2,1fr);}
  .stat-item{padding:20px;border-right:none;border-bottom:1px solid var(--border);}
  .loc-grid{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr 1fr;}
  .nav-links{display:none;}
  .nav-cta .btn-glass{display:none;}
  .burger{display:flex;}
}

@media(max-width:640px){
  section{padding:70px 0;}
  .services-grid{grid-template-columns:1fr;}
  .feature-grid{grid-template-columns:1fr;}
  .why-list{grid-template-columns:1fr;}
  .testimonials-grid{grid-template-columns:1fr;}
  .stats-grid{grid-template-columns:1fr;}
  .gallery-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:120px;}
  .gallery-grid .g-item:nth-child(1){grid-column:span 2;}
  .gallery-grid .g-item:last-child{grid-column:span 2;}
  .footer-grid{grid-template-columns:1fr;}
  .brand{font-size:17px;}
  .logo-box{width:60px;height:60px;}
  .hero-actions{flex-direction:column;align-items:stretch;}
  .final-actions{flex-direction:column;align-items:stretch;}
  .cta-content{padding:26px;}
  .cta-stats{gap:16px;}
  header{padding:14px 14px 0;}
  .nav-pill{padding:8px 8px 8px 14px;}
  .service-modal{padding:0;}
  .service-modal-panel{max-width:100%;max-height:100%;height:100%;border-radius:0;}
  .service-modal-media{grid-auto-flow:row;max-height:340px;}
  .service-modal-media img{height:170px;}
  .service-modal-body{padding:24px;}
  .service-modal-actions{flex-direction:column;align-items:stretch;}
}