/* =========================================================
   Responsive rules — 1440 / 1200 / 992 / 768 / 576
   Mobile-first overrides layered on top of style.css
   ========================================================= */

@media (max-width:1440px){
  .container{ max-width:1180px; }
  .grid-4{ grid-template-columns:repeat(3,1fr); }
}

@media (max-width:1200px){
  .container{ max-width:960px; padding:0 24px; }
  .about-grid{ grid-template-columns:1fr; }
  .about-portrait{ position:relative; top:0; max-width:380px; }
  .project-body{ grid-template-columns:1fr; }
  .counter-grid{ grid-template-columns:repeat(4,1fr); gap:18px; }
}

@media (max-width:992px){
  .nav-links{ display:none; }
  .hamburger{ display:flex; }
  .grid-3{ grid-template-columns:repeat(2,1fr); }
  .grid-4{ grid-template-columns:repeat(2,1fr); }
  .section{ padding:90px 0; }
  .hero h1{ font-size:clamp(2.6rem,10vw,5rem); }
  .contact-grid{ grid-template-columns:1fr; }
  .project-meta-grid{ grid-template-columns:repeat(3,1fr); }
  .footer-top{ flex-direction:column; }
  .hud-center{ display:none; }
}

@media (max-width:768px){
  .container{ padding:0 20px; }
  .grid-2{ grid-template-columns:1fr; }
  .grid-3{ grid-template-columns:1fr; }
  .grid-4{ grid-template-columns:repeat(2,1fr); }
  .section-head{ flex-direction:column; align-items:flex-start; }
  .counter-grid{ grid-template-columns:repeat(2,1fr); }
  .timeline-item{ grid-template-columns:1fr; gap:8px; }
  .equip-panel.active{ grid-template-columns:1fr; }
  .project-meta-grid{ grid-template-columns:repeat(2,1fr); }
  .form-row{ grid-template-columns:1fr; }
  .bts-strip{ grid-template-columns:repeat(2,1fr); }
  .page-hero{ padding:170px 0 60px; }
  .iris-btn{ width:46px; height:46px; right:18px; }
}

@media (max-width:576px){
  .grid-4{ grid-template-columns:1fr; }
  h1{ font-size:clamp(2.2rem,11vw,3.4rem); }
  .hero-actions{ flex-direction:column; align-items:flex-start; }
  .cta-band{ padding:90px 0; }
  .filter-bar{ gap:8px; }
  .filter-btn{ padding:9px 16px; font-size:.66rem; }
  .project-meta-grid{ grid-template-columns:1fr 1fr; }
  .logo-track .track-inner{ gap:48px; }
  .footer-cols{ gap:40px; }
  .hud-bar{ font-size:.56rem; padding:0 12px; }
}