/* mm-cutout-overlay
   Dark scrim with a SVG-mask "window" cut into it, layered over a
   parallax background. As the user scrolls the section, the overlay
   scrolls with the content but the bg underneath stays fixed, so the
   shape window slides across the image and reveals it through the hole.
   See example.html for the recommended structure. */

.mm-cutout-overlay {
	position: relative;
	overflow: hidden;
}

.mm-cutout-overlay > .mm-overlay-shape {
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: 1;
}

.mm-cutout-overlay > .mm-overlay-shape svg {
	display: block;
	width: 100%;
	height: 100%;
}

/* Section content must sit above the overlay layer */
.mm-cutout-overlay > .container {
	position: relative;
	z-index: 2;
}