/**
 * Stacked artwork layers for the .home-shops band.
 *
 * z-index -2 keeps them behind the .home-shops::before tint (-1) and in front
 * of the section's own background. .home-shops carries isolation: isolate, so
 * the negative indexes stay inside the section.
 */
.home-shops__bg {
	position: absolute;
	inset: 0;
	z-index: -2;
	opacity: 0;
	pointer-events: none;
	transition: opacity 400ms ease;
}

.home-shops__bg.is-active {
	opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
	.home-shops__bg {
		transition: none;
	}
}