/* Parallax section texture background */

.section--parallax {
	position: relative;
	overflow: hidden;
	isolation: isolate;
	background-color: var(--color-black);
}

.section-parallax__bg {
	position: absolute;
	left: 0;
	right: 0;
	top: var(--section-parallax-overscan-top, -100%);
	height: var(--section-parallax-overscan-height, 320%);
	z-index: 0;
	background-color: var(--color-black);
	background-image: var(--section-parallax-texture);
	background-size: var(--section-parallax-tile-width, 150px) var(--section-parallax-tile-height, 150px);
	background-position: center center;
	background-repeat: repeat;
	pointer-events: none;
	opacity: var(--section-parallax-opacity, 0.55);
	filter: brightness(var(--section-parallax-brightness, 0.72)) contrast(var(--section-parallax-contrast, 1.05));
	will-change: transform;
	backface-visibility: hidden;
}

.section--parallax::after {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background: var(--section-parallax-overlay, rgba(11, 16, 9, 0.18));
}

.section--parallax > .container {
	position: relative;
	z-index: 2;
}

.services.section--parallax {
	background-color: var(--color-black);
}

.testimonials.section--parallax {
	background-color: var(--color-black);
}

.product-process.section--parallax {
	background-color: var(--color-black);
}

@media (prefers-reduced-motion: reduce) {
	.section-parallax__bg {
		transform: none;
		top: 0;
		height: 100%;
	}
}