/**
 * Scroll-reveal animation styles (front-end only).
 *
 * Loaded only on the front end alongside reveal.js. Kept out of theme.json so
 * the opacity:0 initial state never hides content in the block editor, where
 * the reveal.js IntersectionObserver does not run.
 */
.reveal {
	opacity: 0;
	transform: translateY(22px);
	transition: opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1), transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}

.reveal.is-in {
	opacity: 1;
	transform: none;
}

@media (prefers-reduced-motion: reduce) {
	.reveal {
		opacity: 1;
		transform: none;
		transition: none;
	}
}