/**
 * File: assets/css/pages/quote/motion.css
 * Description: Quote page motion states.
 *
 * MAGIDA QUOTE MOTION/GRAPHICS PASS 12.1:
 * - Adds progressive reveal and gentle coded-graphic movement for the Quote page.
 * - Motion is disabled for users who prefer reduced motion.
 */

.magida-quote-motion-ready .magida-quote-breadcrumb,
.magida-quote-motion-ready .magida-quote-hero__content > *,
.magida-quote-motion-ready .magida-quote-hero__visual,
.magida-quote-motion-ready .magida-quote-section__header,
.magida-quote-motion-ready .magida-quote-process-card,
.magida-quote-motion-ready .magida-quote-form-intro,
.magida-quote-motion-ready .magida-quote-form-card {
	/* MAGIDA QUOTE MOTION/GRAPHICS PASS 12.1: Initial reveal state is enabled only after JS marks the page ready. */
	opacity: 0;
	transform: translateY(22px);
	transition:
		opacity 0.72s ease,
		transform 0.72s ease;
}

.magida-quote-motion-ready .magida-quote-hero__visual {
	transform: translateY(24px) scale(0.985);
}

.magida-quote-motion-ready .magida-quote-breadcrumb.is-visible,
.magida-quote-motion-ready .magida-quote-hero__content > *.is-visible,
.magida-quote-motion-ready .magida-quote-hero__visual.is-visible,
.magida-quote-motion-ready .magida-quote-section__header.is-visible,
.magida-quote-motion-ready .magida-quote-process-card.is-visible,
.magida-quote-motion-ready .magida-quote-form-intro.is-visible,
.magida-quote-motion-ready .magida-quote-form-card.is-visible {
	opacity: 1;
	transform: translateY(0) scale(1);
}

.magida-quote-motion-ready .magida-quote-hero__content > *:nth-child(2) {
	transition-delay: 0.08s;
}

.magida-quote-motion-ready .magida-quote-hero__content > *:nth-child(3) {
	transition-delay: 0.16s;
}

.magida-quote-motion-ready .magida-quote-hero__content > *:nth-child(4) {
	transition-delay: 0.24s;
}

.magida-quote-motion-ready .magida-quote-process-card:nth-of-type(2) {
	transition-delay: 0.08s;
}

.magida-quote-motion-ready .magida-quote-process-card:nth-of-type(3) {
	transition-delay: 0.16s;
}

.magida-quote-motion-ready .magida-quote-hero__ambient--one {
	animation: magidaQuoteGlowOne 9s ease-in-out infinite alternate;
}

.magida-quote-motion-ready .magida-quote-hero__ambient--two {
	animation: magidaQuoteGlowTwo 10s ease-in-out infinite alternate;
}

.magida-quote-motion-ready .magida-quote-hero__scan {
	animation: magidaQuoteScan 5.8s ease-in-out infinite;
}

.magida-quote-motion-ready .magida-quote-hero__route,
.magida-quote-motion-ready .magida-quote-process__rail,
.magida-quote-motion-ready .magida-quote-form-card__route {
	background-size: 220% 100%;
	animation: magidaQuoteRouteFlow 5.4s linear infinite;
}

.magida-quote-motion-ready .magida-quote-hero__node,
.magida-quote-motion-ready .magida-quote-hero__orb {
	animation: magidaQuotePulse 3.6s ease-in-out infinite;
}

.magida-quote-motion-ready .magida-quote-hero__node--two,
.magida-quote-motion-ready .magida-quote-hero__orb--two {
	animation-delay: 1.2s;
}

.magida-quote-motion-ready .magida-quote-brief-card {
	animation: magidaQuoteFloat 6.6s ease-in-out infinite;
}

.magida-quote-motion-ready .magida-quote-hero__status {
	animation: magidaQuoteFloat 7.2s ease-in-out infinite reverse;
}

.magida-quote-motion-ready .magida-quote-form-card__glow {
	animation: magidaQuoteFormGlow 8s ease-in-out infinite alternate;
}

@keyframes magidaQuoteGlowOne {
	from {
		transform: translate3d(0, 0, 0) scale(1);
		opacity: 0.52;
	}

	to {
		transform: translate3d(34px, 18px, 0) scale(1.06);
		opacity: 0.76;
	}
}

@keyframes magidaQuoteGlowTwo {
	from {
		transform: translate3d(0, 0, 0) scale(1);
		opacity: 0.48;
	}

	to {
		transform: translate3d(-28px, -22px, 0) scale(1.05);
		opacity: 0.74;
	}
}

@keyframes magidaQuoteScan {
	0%,
	100% {
		background-position:
			-140% 0,
			0 0;
		opacity: 0.44;
	}

	50% {
		background-position:
			140% 0,
			0 0;
		opacity: 0.78;
	}
}

@keyframes magidaQuoteRouteFlow {
	from {
		background-position: 0% 50%;
	}

	to {
		background-position: 220% 50%;
	}
}

@keyframes magidaQuotePulse {
	0%,
	100% {
		transform: scale(1);
		opacity: 0.72;
	}

	50% {
		transform: scale(1.14);
		opacity: 1;
	}
}

@keyframes magidaQuoteFloat {
	0%,
	100% {
		transform: translate3d(0, 0, 0);
	}

	50% {
		transform: translate3d(0, -8px, 0);
	}
}

@keyframes magidaQuoteFormGlow {
	from {
		transform: translate3d(0, 0, 0) scale(1);
		opacity: 0.54;
	}

	to {
		transform: translate3d(-18px, -12px, 0) scale(1.08);
		opacity: 0.82;
	}
}

@media (prefers-reduced-motion: reduce) {
	.magida-quote-motion-ready .magida-quote-breadcrumb,
	.magida-quote-motion-ready .magida-quote-hero__content > *,
	.magida-quote-motion-ready .magida-quote-hero__visual,
	.magida-quote-motion-ready .magida-quote-section__header,
	.magida-quote-motion-ready .magida-quote-process-card,
	.magida-quote-motion-ready .magida-quote-form-intro,
	.magida-quote-motion-ready .magida-quote-form-card {
		opacity: 1;
		transform: none;
		transition: none;
	}

	.magida-quote-motion-ready .magida-quote-hero__ambient,
	.magida-quote-motion-ready .magida-quote-hero__scan,
	.magida-quote-motion-ready .magida-quote-hero__route,
	.magida-quote-motion-ready .magida-quote-process__rail,
	.magida-quote-motion-ready .magida-quote-form-card__route,
	.magida-quote-motion-ready .magida-quote-hero__node,
	.magida-quote-motion-ready .magida-quote-hero__orb,
	.magida-quote-motion-ready .magida-quote-brief-card,
	.magida-quote-motion-ready .magida-quote-hero__status,
	.magida-quote-motion-ready .magida-quote-form-card__glow {
		animation: none;
	}
}