/* Équilibre & Bien-être — responsive */
@media (max-width: 960px) {
  .nav-toggle { display: block; }
  .main-nav { position: absolute; top: 100%; left: 0; right: 0; z-index: -1; flex-direction: column; align-items: stretch; padding: 12px clamp(18px, 4vw, 40px) 24px; background: var(--sand); box-shadow: 0 30px 40px -30px rgba(45, 42, 34, .4); transform: translateY(-140%); transition: transform .4s var(--ease); }
  .mk-nav-open .main-nav { transform: none; }
  .main-nav a { padding: 14px 16px; }
  .hero-inner, .about-grid, .contact-grid { grid-template-columns: 1fr; }
  .hero-art { max-width: 320px; }
  .features-grid, .services-grid, .steps-grid { grid-template-columns: 1fr 1fr; }
  .insurance { grid-template-columns: auto 1fr; }
  .insurance .btn { grid-column: 1 / -1; justify-self: start; }
  .portrait { max-width: 360px; }
  .footer-inner { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 620px) {
  .brand-text small { display: none; }
  .trust-grid, .features-grid, .services-grid, .steps-grid, .form-row, .footer-inner { grid-template-columns: 1fr; }
  .trust-item { border-right: 0; border-bottom: 1px solid rgba(244, 237, 225, .15); padding: 22px; }
  .form-row { gap: 0; }
  .hero-actions .btn { flex: 1 1 100%; }
  .insurance { grid-template-columns: 1fr; padding: 26px; }
  .services-grid { gap: 30px; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; } .js .sprig .lf { transform: none !important; } }