/* ==========================================================================
   ABK Tech NG — Responsive
   Breakpoint overrides, mobile-first adjustments.
   ========================================================================== */

@media (prefers-reduced-motion: reduce){
    *{ animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
  }

@media (max-width: 720px){
    .nav-links, .nav-cta-group .btn-ghost{ display:none; }
    .menu-toggle{ display:flex; }
    .hero{ padding: 150px 0 90px; }
    .hero-meta{ gap: 32px; }
    .services-grid{ grid-template-columns: 1fr; }
    .why-grid{ grid-template-columns: 1fr; }
    .cta-banner{ padding: 52px 26px; }
    .footer-top{ grid-template-columns: 1fr; gap:36px; }
    section{ padding: 90px 0; }
  }

@media (max-width: 980px){
    .service-row{ grid-template-columns: 1fr; }
    .service-row.reverse{ direction: ltr; }
    .service-row.reverse .service-visual{ order:-1; }
    .support-strip{ grid-template-columns: repeat(2,1fr); }
    .footer-top{ grid-template-columns: 1fr 1fr; }
  }

@media (max-width: 720px){
    .nav-links, .nav-cta-group .btn-ghost{ display:none; }
    .menu-toggle{ display:flex; }
    .page-hero{ padding: 150px 0 60px; }
    .support-strip{ grid-template-columns: 1fr; }
    .cta-banner{ padding: 52px 26px; }
    .footer-top{ grid-template-columns: 1fr; gap:36px; }
    section{ padding: 90px 0; }
  }

@media (max-width: 980px){
    .story{ grid-template-columns: 1fr; }
    .story-visual{ position:static; min-height: 220px; }
    .mv-grid{ grid-template-columns: 1fr; }
    .values-grid{ grid-template-columns: repeat(2,1fr); }
    .horizon-grid{ grid-template-columns: 1fr; }
    .footer-top{ grid-template-columns: 1fr 1fr; }
  }

@media (max-width: 720px){
    .nav-links, .nav-cta-group .btn-ghost{ display:none; }
    .menu-toggle{ display:flex; }
    .page-hero{ padding: 150px 0 50px; }
    .values-grid{ grid-template-columns: 1fr; }
    .horizon{ padding: 36px 24px; }
    .cta-banner{ padding: 52px 26px; }
    .footer-top{ grid-template-columns: 1fr; gap:36px; }
    section{ padding: 90px 0; }
  }

@media (max-width: 980px){
    .contact-grid{ grid-template-columns: 1fr; }
    .form-panel{ padding: 32px 26px; }
    .footer-top{ grid-template-columns: 1fr 1fr; }
  }

@media (max-width: 640px){
    .nav-links, .nav-cta-group .btn-ghost{ display:none; }
    .menu-toggle{ display:flex; }
    .page-hero{ padding: 150px 0 40px; }
    .form-row{ grid-template-columns: 1fr; }
    .footer-top{ grid-template-columns: 1fr; gap:36px; }
    section{ padding: 90px 0; }
    .map-block{ margin-top: 60px; }
  }

@media (max-width: 860px){
    .portfolio-grid{ grid-template-columns: 1fr; }
  }

@media (max-width: 900px){
    .featured-post{ grid-template-columns: 1fr; padding: 20px; }
    .featured-body{ padding: 0; }
    .blog-grid{ grid-template-columns: 1fr 1fr; }
  }

@media (max-width: 620px){
    .blog-grid{ grid-template-columns: 1fr; }
    .newsletter-block{ padding: 36px 26px; }
  }

@media (max-width: 900px){
    .culture-grid{ grid-template-columns: 1fr 1fr; }
    .benefits-strip{ grid-template-columns: repeat(2,1fr); }
    .role-row{ flex-direction:column; align-items:flex-start; }
  }

@media (max-width: 620px){
    .culture-grid{ grid-template-columns: 1fr; }
    .benefits-strip{ grid-template-columns: 1fr; }
  }