// assets/scss/parallax.scss
// Baseline styles for parallax items and optional parent marker.

.paralax-anim,
[data-parallax-anim],
paralax-anim {
	// Ensure smooth transform and correct display for custom tag fallback.
	will-change: transform;
	display: block;
}

.is-parallax-parent,
[data-parallax-parent] {
	position: relative; // Containing block
	overflow: clip;     // Prevent overflow beyond parent (no scrollbars)
}

@media (prefers-reduced-motion: reduce) {
	.paralax-anim,
	[data-parallax-anim],
	paralax-anim {
		transform: none !important;
		will-change: auto !important;
	}
}