/* Catalogue 3 (Indépendants) : le fond animé (fonds.js). Un canevas WebGL calculé à résolution réduite et étiré, qui ne
 * dessine plus que les rubans (29/10) : autour d'eux, il est transparent et laisse voir le fond vivant commun
 * (/commun/fond-vivant.css : perle bleutée ou nuit profonde, taches bleues et or). Un voile très léger par-dessus garde le
 * texte parfaitement lisible. Sans WebGL, le fond vivant seul, qui reprend alors sa lente dérive. */
.fond {
  position: fixed; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; contain: strict;
  background: transparent;
}
.fond canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; opacity: 0; transition: opacity 1.2s ease; }
.fond.pret canvas { opacity: 1; }
.fond .voile { position: absolute; inset: 0; background: linear-gradient(180deg, rgb(var(--papier-rgb, 247 247 246) / .30) 0%, rgb(var(--papier-rgb, 247 247 246) / .12) 40%, rgb(var(--papier-rgb, 247 247 246) / .12) 100%); }
/* sans WebGL : le fond vivant commun seul */
.fond.sans-webgl canvas { display: none; }
@media (max-width: 700px) {
  .fond .voile { background: linear-gradient(180deg, rgb(var(--papier-rgb, 247 247 246) / .45) 0%, rgb(var(--papier-rgb, 247 247 246) / .22) 100%); }
}