/*
 * ZHIYAR — scroll-fx support styles.
 *
 * Scaled back to match the two effects zhiyar-scroll-fx.js actually
 * animates (hero scale/parallax, About/Quote teaser card reveal) — the
 * carousel/product-grid/gallery effects and the pinned-carousel mode from
 * the first pass were removed per feedback, so their CSS is gone too.
 *
 * The teaser cards' initial hidden state is set at runtime by GSAP
 * (gated behind prefers-reduced-motion), not baked in here — content
 * stays visible by default if JS never loads.
 */

.zhb-banner-wrapper {
	overflow: hidden;
	will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
	.zhb-banner-wrapper {
		will-change: auto;
	}
}