/* --- CSS de la vidéo (à mettre à jour dans intro-video.css) --- */

html {
    background-color: black;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; 
}

/* On peut simplifier .vid et .fullscreen-vid-container */
.vid {
    width: 100vw;
    height: 100vh;
    /* On n'a plus besoin de flexbox si la vidéo est positionnée en absolu */
}

.fullscreen-vid-container {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.fullscreen-vid-container video {
    /* Nouvelle approche : on fixe la vidéo au coin supérieur gauche */
    position: fixed; /* On utilise fixed pour couvrir le viewport entier, même si on scrollait */
    top: 0;
    left: 0;
    
    /* La vidéo prend 100% du viewport */
    width: 100vw;
    height: 100vh;
    
    /* object-fit: cover garantit le plein écran sans bandes noires */
    /* C'est la même propriété que sur votre #menu-frame */
    object-fit: cover; 
}