/* ============================================
   NOE — le fond animé

   Remplace noe-eyes-bg. La vidéo reste fixe derrière tout le
   contenu, et le geste avance au fil du défilement de la page
   entière. Discret, comme l'était l'image des yeux.
============================================ */

.plan-noe {
    position: fixed;
    inset: 0;
    z-index: -2;
    pointer-events: none;
    overflow: hidden;
    /* Même discrétion que ton ancien fond. Monte à 0.20 si tu
       veux qu'on la remarque, descends à 0.08 pour l'estomper. */
    opacity: var(--plan-opacite, 0.20);
}

.vs__video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Pas de barre de chargement sur un fond : elle se verrait
   flotter au milieu de la page sans qu'on comprenne pourquoi. */
.vs__chargement { display: none; }

/* Ton .bg-gradient reste par-dessus, en z-index -1, et continue
   de teinter l'ensemble. Rien à changer de ce côté. */

@media (max-width: 860px) {
    /* Sur mobile, le déplacement dans une vidéo est capricieux.
       On l'estompe encore : elle devient une texture, pas une
       animation qu'on suit. */
    .plan-noe { --plan-opacite: 0.20; }
}

@media (prefers-reduced-motion: reduce) {
    .plan-noe { --plan-opacite: 0.10; }
}