@media (max-width: 1200px) {
  .hero-grid,
  .split-grid,
  .page-hero-grid,
  .contact-grid,
  .footer-grid,
  .experience-banner .banner-card,
  .map-panel,
  .cta-panel,
  .contact-band,
  .faq-layout {
    grid-template-columns: 1fr;
  }

  .hero-grid { min-height: auto; }
  .hero-panel { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .service-grid,
  .vehicle-showcase,
  .team-grid,
  .value-grid,
  .why-grid,
  .reference-grid,
  .process-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .gallery-grid { columns: 2; }
}

@media (max-width: 920px) {
  .site-shell { padding-top: 92px; }
  .site-header { padding-top: 14px; }
  .menu-toggle { display: inline-flex; }
  .site-nav {
    position: absolute;
    top: calc(100% + 14px);
    left: 24px;
    right: 24px;
    display: none;
    flex-direction: column;
    align-items: stretch;
    padding: 20px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 28px;
    background: rgba(10,10,10,.94);
    box-shadow: 0 24px 80px rgba(0,0,0,.42);
    backdrop-filter: blur(22px);
  }
  .site-nav.open { display: flex; }
  .nav-whatsapp { width: 48px; height: 48px; }
  .hero-visual { min-height: 460px; }
  .hero-photo { height: 500px; }
  .hero-panel { grid-template-columns: 1fr; }
  .field-grid, .stats-grid { grid-template-columns: 1fr; }
  .space-between-heading { align-items: start; flex-direction: column; }
  .contact-band-actions { justify-content: flex-start; }
}

@media (max-width: 720px) {
  :root { --container: min(100% - 28px, 100%); }
  .site-shell { padding-top: 86px; }
  .nav-wrap { padding: 14px 18px; }
  .hero-section, .page-hero { padding-top: 42px; }
  .hero-copy h1, .page-hero h1 { font-size: clamp(2.6rem, 15vw, 4rem); }
  .section-space { padding: 88px 0; }
  .section-space-tight { padding-bottom: 88px; }
  .stack-card, .contact-form-panel, .vehicle-card, .timeline-item, .value-card, .service-card, .team-card, .contact-card, .surface-card, .testimonial-card, .cta-panel, .map-panel, .banner-card, .why-card, .reference-card, .contact-band { padding: 22px; }
  .floating-note { position: static; min-width: auto; margin-top: 10px; }
  .hero-visual { display: flex; flex-direction: column; align-items: stretch; min-height: auto; }
  .hero-photo { height: 340px; }
  .orb-left, .orb-right { display: none; }
  .service-grid, .vehicle-showcase, .team-grid, .value-grid, .why-grid, .reference-grid, .process-list { grid-template-columns: 1fr; }
  .gallery-grid { columns: 1; }
  .timeline-item { grid-template-columns: 1fr; }
  .footer-bottom { flex-direction: column; }
  .page-hero-image img, .banner-image img, .vehicle-card img, .team-card img { min-height: auto; height: auto; }
  .brand-strip span { width: 100%; justify-content: center; }
}