/*
 * uos motion CSS — fade-up only.
 * Content visible by default; animation only when JS adds body.motion-ready.
 */

.uos-anim {
	opacity: 1;
	transform: none;
	transition: opacity var(--uos-dur-slow) var(--uos-ease-out),
		transform var(--uos-dur-slow) var(--uos-ease-out);
}

body.motion-ready .uos-anim:not(.is-in) {
	opacity: 0;
	transform: translateY(12px);
}

body.motion-ready .uos-anim.is-in {
	opacity: 1;
	transform: none;
}

@media (prefers-reduced-motion: reduce) {
	body.motion-ready .uos-anim,
	body.motion-ready .uos-anim.is-in {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
	}
	html { scroll-behavior: auto; }
}