/**
 * PW Motion — warstwa siatki sygnałowej.
 * Wszystko zawężone do .pw-grid, żeby nie dotykać reszty strony.
 */

.pw-grid > .pw-grid-canvas {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	z-index: 0;
	pointer-events: none;
	/* Wygaszenie przy górnej i dolnej krawędzi, żeby efekt nie urywał się
	   ostrą linią na styku z sąsiednią sekcją. */
	-webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 15%, #000 85%, transparent 100%);
	        mask-image: linear-gradient(to bottom, transparent 0%, #000 15%, #000 85%, transparent 100%);
}

/* Treść sekcji zawsze nad płótnem. */
.pw-grid > *:not(.pw-grid-canvas) {
	position: relative;
	z-index: 1;
}

@media (prefers-reduced-motion: reduce) {
	.pw-grid > .pw-grid-canvas {
		opacity: 0.6;
	}
}