@media (max-width: 1200px) {
  .projets-grid { grid-template-columns: repeat(2, 1fr); gap: 12px 8px; }
  .projet-img-wrapper { width: 180px !important; height: 101px !important; }
  .reseaux-grid { grid-template-columns: repeat(2, 1fr); gap: 12px 8px; }
  .reseau-icon { width: 70px; height: 70px; }
}

/* Optimisations vidéo pour mobile */
@media (max-width: 768px) {
  /* Réduire la qualité vidéo sur mobile pour améliorer les performances */
  video {
    will-change: auto; /* Optimise les performances de rendu */
  }
  
  /* Désactiver les animations complexes sur mobile si nécessaire */
  .hero-video-fade,
  .stellar-nexus-video-fade {
    transition: none;
  }
}

@media (max-width: 600px) {
  .projets-grid { grid-template-columns: 1fr; gap: 8px 0; }
  .projet-img-wrapper { width: 98vw !important; min-width: 180px; height: 56vw !important; }
  .reseaux-grid { grid-template-columns: 1fr; gap: 24px 0; }
  .reseau-icon { width: 70px; height: 70px; }
  
  /* Optimisations supplémentaires pour très petits écrans */
  video {
    object-fit: cover;
    object-position: center;
  }
}