/**
 * Progressive reveal treatment for the home editorial sections.
 *
 * Kept separate from main.css so the visual enhancement stays scoped to the
 * front page and can be removed without touching the shared editorial system.
 */

@media (prefers-reduced-motion: no-preference) {
	.cdlx-motion-ready .cdlx-reveal {
		transition:
			opacity 420ms ease-out,
			transform 420ms cubic-bezier(0.22, 1, 0.36, 1);
	}

	.cdlx-motion-ready .cdlx-reveal.is-reveal-pending {
		opacity: 0;
		pointer-events: none;
		transform: translate3d(0, 18px, 0);
		will-change: opacity, transform;
	}
}