/* « Sites dans la brume », en fond de la première section de /contact
   (brume.js). La toile est derrière la grille, ne capte aucun clic, et
   n'existe que sur ordinateur, sans « réduire les animations ». */
.brume-fond { position: relative; isolation: isolate; }
.brume-toile {
  position: absolute; inset: 0; z-index: -1;
  width: 100%; height: 100%; display: block;
  pointer-events: none; user-select: none;
}
@media (max-width: 900px) { .brume-toile { display: none; } }
.calme .brume-toile { display: none; }