@media (max-width: 768px) {
    .hero {
        min-height: 70vh;
    }
    .hero h1 {
        font-size: 2.2rem;
    }
    /* Optionnel : désactiver la vidéo sur mobile et afficher une image fixe */
    /* .hero-bg-container { background: url('../img/hero/bg1.jpg') center/cover; }
       .hero-video { display: none; } */
}