/* =========================================================
   CONATROL — Responsive
   ========================================================= */

@media (max-width: 1180px) {
  .footer__grid { grid-template-columns: 1.4fr 1fr 1.3fr; }
  .footer__col--services { display: none; }
}

@media (max-width: 980px) {
  section { padding: 70px 0; }

  .nav { display: none; }
  .header__cta .btn--ghost { display: none; }
  .nav-toggle { display: inline-flex; }

  .hero { padding: 130px 0 70px; min-height: auto; }
  .hero__inner { grid-template-columns: 1fr; gap: 40px; }
  .hero__media { max-width: 520px; aspect-ratio: 4/3; }

  .about-grid,
  .contact-grid { grid-template-columns: 1fr; gap: 36px; }
  .about-media { aspect-ratio: 4/3; max-width: 520px; }

  .services-grid,
  .pillars-grid,
  .projects-grid,
  .products-grid,
  .safety-pillars,
  .diff-grid,
  .process-grid { grid-template-columns: repeat(2, 1fr); }
  .values-grid  { grid-template-columns: repeat(2, 1fr); }
  .mv-grid      { grid-template-columns: 1fr; }

  .cta-banner__inner { grid-template-columns: 1fr; gap: 24px; }
  .cta-banner__actions { justify-content: flex-start; }

  .footer__grid { grid-template-columns: 1fr 1fr; }
  .footer__brand { grid-column: 1 / -1; }

  .gallery { grid-template-columns: repeat(6, 1fr); }
  .gallery__item--lg, .gallery__item--w8 { grid-column: span 6; }
  .gallery__item--md { grid-column: span 3; }
  .gallery__item--sm { grid-column: span 3; }
}

@media (max-width: 640px) {
  :root { --header-h: 64px; }
  section { padding: 56px 0; }

  .container { padding: 0 20px; }

  .brand__text { font-size: 0.95rem; }
  .brand__text small { display: none; }
  .brand__logo { width: 230px; max-height: 58px; }
  .brand__mark { width: 40px; height: 40px; }
  .brand__mark svg { width: 24px; height: 24px; }

  .hero { padding: 110px 0 50px; }
  .hero__title { font-size: clamp(2rem, 8vw, 2.6rem); }
  .hero__subtitle { font-size: 0.96rem; }
  .hero__cta .btn { width: 100%; justify-content: center; }

  .page-hero { padding: 120px 0 60px; }

  .services-grid,
  .pillars-grid,
  .projects-grid,
  .products-grid,
  .values-grid,
  .safety-pillars,
  .diff-grid,
  .process-grid { grid-template-columns: 1fr; }

  .service-card { padding: 24px 20px; }
  .project-card { aspect-ratio: 4/4.5; }
  .mv-card { padding: 28px 22px; }
  .mv-card::before { font-size: 5rem; }

  .contact-info, .contact-form { padding: 26px 22px; }
  .form-row { grid-template-columns: 1fr; gap: 0; }
  .map-wrap { aspect-ratio: 4/3; margin-top: 36px; }

  .footer { padding: 50px 0 22px; }
  .footer__grid { grid-template-columns: 1fr; gap: 32px; }
  .footer__bottom { flex-direction: column; align-items: flex-start; }

  .fab-whatsapp { right: 16px; bottom: 16px; width: 52px; height: 52px; }
  .fab-whatsapp svg { width: 26px; height: 26px; }

  .cta-banner { padding: 56px 0; }
  .cta-banner__actions .btn { width: 100%; justify-content: center; }

  .gallery { grid-template-columns: 1fr; }
  .gallery__item { grid-column: span 1 !important; aspect-ratio: 4/3; }
}