/* HERO POLY — общий фон главных экранов */

.hero_wrapper,
.service_hero_wrapper {
	background: #FFFFFF;
}

.hero_wrapper > .hero_poly_canvas,
.service_hero_wrapper > .hero_poly_canvas,
.home_services > .hero_poly_canvas {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	pointer-events: none;
	z-index: 0;
	will-change: transform;
	backface-visibility: hidden;
}

/* Полигоны поверх градиента: overlay усиливает грани */
.home_services > .hero_poly_canvas {
	mix-blend-mode: overlay;
	opacity: 0.85;
}

.hero_wrapper > .hero_poly_fade,
.service_hero_wrapper > .hero_poly_fade {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 0;
	background: linear-gradient(
		90deg,
		rgba(255, 255, 255, 0.98) 0%,
		rgba(255, 255, 255, 0.92) 28%,
		rgba(255, 255, 255, 0.62) 46%,
		rgba(255, 255, 255, 0.22) 60%,
		rgba(255, 255, 255, 0) 74%
	);
}

.hero_wrapper > .container,
.service_hero_wrapper > .container,
.home_services > .container {
	position: relative;
	z-index: 1;
}