/**
 * Hero Scroll Transform (optional helper styles)
 */

[data-hero-scroll-transform] .hero-background {
	transform-origin: center center;
	will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
	[data-hero-scroll-transform] .hero-background {
		transform: none !important;
	}
}