/* ==========================================================================
   Ëvozee — Animations (tasteful, GPU-cheap, fully reduced-motion aware)
   ========================================================================== */

@keyframes evz-scroll-cue{
	0%{ transform: translate(-50%, 0); opacity: 1; }
	100%{ transform: translate(-50%, 14px); opacity: 0; }
}

@keyframes evz-float{
	0%, 100%{ transform: translateY(0); }
	50%{ transform: translateY(-10px); }
}

@keyframes evz-spin-slow{
	to{ transform: rotate(360deg); }
}

/* Scroll-reveal (JS toggles .is-visible via IntersectionObserver in main.js) */
.evz-reveal{
	opacity: 0;
	transform: translateY(18px);
	transition: opacity 0.6s ease, transform 0.6s ease;
}
.evz-reveal.is-visible{ opacity: 1; transform: translateY(0); }
.evz-reveal[data-reveal-delay="1"]{ transition-delay: 0.05s; }
.evz-reveal[data-reveal-delay="2"]{ transition-delay: 0.12s; }
.evz-reveal[data-reveal-delay="3"]{ transition-delay: 0.2s; }
.evz-reveal[data-reveal-delay="4"]{ transition-delay: 0.28s; }

[data-reveal]{
	opacity: 0;
	transform: translateY(22px);
	transition: opacity 0.6s ease, transform 0.6s ease;
}
[data-reveal].is-visible{ opacity: 1; transform: translateY(0); }

@media (prefers-reduced-motion: reduce){
	.evz-reveal,
	[data-reveal]{ opacity: 1 !important; transform: none !important; transition: none !important; }
	.evz-hero__scroll-cue span::before{ animation: none !important; }
}

/* Gradient movement on the CTA band glow */
.evz-cta-band{
	background-size: 180% 180%;
	animation: evz-gradient-pan 14s ease infinite;
}
@keyframes evz-gradient-pan{
	0%{ background-position: 0% 50%; }
	50%{ background-position: 100% 50%; }
	100%{ background-position: 0% 50%; }
}
@media (prefers-reduced-motion: reduce){
	.evz-cta-band{ animation: none; background-position: 0 0; }
}