/* =========================
   Shared Animation Styles
   ========================= */

/*
 * Reserve scrollbar space to reduce layout shift
 * when animated content becomes visible.
 */
html {
	overflow-y: scroll;
	scrollbar-gutter: stable;
}


/*
 * Respect reduced-motion preferences globally.
 *
 * Individual animation modules should also
 * include their own reduced-motion fallbacks
 * when necessary.
 */
@media (prefers-reduced-motion: reduce) {

	html {
		scroll-behavior: auto;
	}
}