/**
 * Vivid Account — scroll reveal (slide up)
 * Paired with assets/js/animation.js
 * Always on — does not depend on OS reduced-motion settings.
 */

@keyframes va-slide-up {
	from {
		opacity: 0;
		transform: translate3d(0, 48px, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

.va-reveal {
	opacity: 0;
	transform: translate3d(0, 48px, 0);
}

.va-reveal.is-inview {
	opacity: 1;
	transform: translate3d(0, 0, 0);
	animation: va-slide-up 0.8s cubic-bezier(0.22, 1, 0.36, 1) both;
	animation-delay: var(--va-reveal-delay, 0ms);
}