/**
 * Scroll reveal: content modules below the hero fade in and rise a little as they
 * enter the viewport. The classes are applied by static/ms-reveal.js, and only to
 * elements that sit below the fold on load, so already-visible content and the no-JS
 * case both render normally. Reduced motion shows everything with no movement.
 */
.ms-reveal-item{
	opacity:0;
	transform:translateY(24px);
}
.ms-reveal-item.ms-reveal-anim{
	transition:opacity 1s, transform .8s cubic-bezier(.075,.82,.165,1);
	will-change:opacity,transform;
}
.ms-reveal-item.is-revealed{
	opacity:1;
	transform:none;
}

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