/*
  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;}
  .services-grid .service-card:last-child{grid-column:1/-1;max-width:calc(50% - 11px);margin:0 auto;}
  .about-grid{grid-template-columns:1fr;}
  .about-visual{order:-1;}
  .stat-chips{flex-direction:column;align-items:stretch;}
  .feature-grid{grid-template-columns:1fr 1fr;}
  .why-grid{grid-template-columns:1fr;}
  .cta-card{position:static;min-height:420px;}
  .gallery-grid{grid-template-columns:repeat(6,1fr);}
  .gallery-grid .g-item:nth-child(1){grid-column:1/-1;grid-row:span 1;aspect-ratio:2/1;height:auto;}
  .gallery-grid .g-item:nth-child(2),
  .gallery-grid .g-item:nth-child(3),
  .gallery-grid .g-item:nth-child(4){grid-column:span 2;}
  .gallery-grid .g-item:nth-child(5){grid-column:2/4;}
  .gallery-grid .g-item:nth-child(6){grid-column:4/6;}
  .testimonials-grid{grid-template-columns:1fr 1fr;}
  .testimonials-grid .t-card:last-child{grid-column:1/-1;max-width:calc(50% - 11px);margin:0 auto;}
  .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;}
  .services-grid .service-card:last-child{max-width:none;margin:0;}
  .feature-grid{grid-template-columns:1fr;}
  .why-list{grid-template-columns:1fr;}
  .testimonials-grid{grid-template-columns:1fr;}
  .testimonials-grid .t-card:last-child{max-width:none;margin:0;}
  .stats-grid{grid-template-columns:1fr;}
  .gallery-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(120px,auto);}
  .gallery-grid .g-item:nth-child(2),
  .gallery-grid .g-item:nth-child(3),
  .gallery-grid .g-item:nth-child(4),
  .gallery-grid .g-item:nth-child(5){grid-column:auto;}
  .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:15px;}
  .logo-box{width:42px;height:42px;}
  .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;gap:10px;}
  .logo-wrap{gap:8px;min-width:0;}
  .brand{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;}
  .nav-cta{gap:8px;}
  .nav-cta .btn-glow{display:none;}
  .mobile-panel-cta{display:flex;}
  .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;}
}