/* matrix-rain
   Canvas-based falling-character effect (icy blue Matrix rain) that paints
   over its parent container. Designed to sit absolutely inside a section
   and blend with mix-blend-mode: screen so it adds light without darkening
   the underlying bg image.

   The companion .js looks up canvases marked with data-matrix-rain,
   measures the parent section, and starts the animation. */

.mm-matrix-rain {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 1;
	mix-blend-mode: screen;
}

/* Parent section needs to be position: relative + non-static z-index so
   the canvas layers correctly and the section's content sits on top. */
.mm-matrix-rain-host { position: relative; }
.mm-matrix-rain-host > .container {
	position: relative;
	z-index: 2;
}