/**
 * Scroll-reveal presentation — paired with assets/js/core/scroll-reveal.js.
 */

.sd-reveal {
	opacity: 0;
	transform: translateY(28px);
	transition: opacity var(--sd-transition-slow), transform var(--sd-transition-slow);
}

.sd-reveal--visible {
	opacity: 1;
	transform: translateY(0);
}

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