/* ── Mobile breakpoint ──────────────────────────────────────────────────── */
@media (max-width: 768px) {
  .site { flex-direction: column; }
  .panel-left  { width: 100%; height: 35vh; }
  .panel-right { width: 100%; height: 65vh; }

  nav { flex-direction: column; }
  .nav-left  { width: 100%; padding: 1rem 1.5rem; justify-content: space-between; }
  .nav-right { display: none; }

  .section { padding: 4.5rem 1.5rem 1.5rem; }

  footer {
    padding: .7rem 1.5rem;
    flex-direction: column; gap: .2rem; text-align: center;
  }

  /* Collapse all multi-col grids to single column */
  .about-grid,
  .val-grid,
  .svc-grid,
  .how-grid,
  .ins-grid,
  .contact-layout,
  .engage { grid-template-columns: 1fr; }

  /* Remove stagger offsets on mobile */
  .svc-card:nth-child(2),
  .svc-card:nth-child(3) { margin-top: 0; }

  .ins-card:nth-child(2),
  .ins-card:nth-child(4) { margin-top: 0; }
}