/*
 * Reveal on scroll.
 *
 * This file always loads, even with motion switched off in the Customizer: it
 * also carries the reduced-motion rules, and those have to apply whether or not
 * the effect is on. With motion off, `body` has no .ve-motion class and
 * nothing below matches, so the cost is an unused stylesheet rather than a
 * broken one.
 *
 * Elements are revealed by theme.js adding .is-visible. Nothing here hides
 * content on its own: if the script never runs, the .ve-reveal class is
 * never applied either and everything is visible.
 */

.ve-motion .ve-reveal {
	opacity: 0;
	transform: translateY(14px);
	transition: opacity 0.7s ease, transform 0.7s ease;
}

.ve-motion .ve-reveal.is-visible {
	opacity: 1;
	transform: none;
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	.ve-motion .ve-reveal {
		opacity: 1;
		transform: none;
		transition: none;
	}

	.ve-card__media img {
		transition: none;
	}
}