/* Particle layer behind banner content (assets/js/banner-particles.js). */
.tl-has-particles { position: relative; }
.tl-particles { position: absolute; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; }
.tl-particles canvas { display: block; width: 100% !important; height: 100% !important; }
/* Banner content stays above the particles */
.tl-has-particles > *:not(.tl-particles) { position: relative; z-index: 1; }
/* Home slider: the layer sits over the artwork but under the text */
.tl-particles--slider { z-index: 0; }