@media (max-width: 900px) {
  .hero-grid { grid-template-columns: 1fr; }
  .hero-motif { display: none; }
  .apropos-grid { grid-template-columns: 1fr; gap: 3rem; justify-items: center; text-align: center; }
  .portrait-wrapper { max-width: 300px; }
  .approche-grid { grid-template-columns: 1fr; gap: 2.5rem; }
  .podcast-grid { grid-template-columns: 1fr; gap: 2.5rem; }
  .actu-grid { grid-template-columns: 1fr; gap: 2.5rem; }
}
@media (max-width: 820px) {
  .nav-links { display: none; }
  .hamburger { display: flex; }
  .contact-items { flex-direction: column; align-items: stretch; max-width: 360px; margin: 0 auto 2.8rem; }
  .footer-inner { flex-direction: column; text-align: center; }
  .footer-links { justify-content: center; }
  section { padding: 4.5rem 0; }
}
@media (max-width: 620px) {
  .galerie-grid { columns: 2 130px; }
}
@media (max-width: 480px) {
  .hero-actions, .contact-actions { flex-direction: column; align-items: stretch; }
  .offres-tabs { flex-direction: column; align-items: center; }
  .intro-actions { flex-direction: column; align-items: stretch; width: 100%; max-width: 280px; }
}