/* VIVA animate utilities — content visible by default; hide only when JS is active */
.viva-animate {
	opacity: 1;
	transform: none;
}

html.viva-js .viva-animate.viva-hidden {
	opacity: 0;
	transform: translateY(24px);
	transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1),
		transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

html.viva-js .viva-animate.viva-visible {
	opacity: 1;
	transform: translateY(0);
}

.viva-animate-delay-1 { transition-delay: 0.1s; }
.viva-animate-delay-2 { transition-delay: 0.2s; }
.viva-animate-delay-3 { transition-delay: 0.3s; }

/* Hero must always show immediately */
.viva-hero .viva-animate,
.viva-hero .viva-animate.viva-hidden {
	opacity: 1 !important;
	transform: none !important;
}