/* =================================================================
   Reveal when a Naya widget scrolls into view.
   Hero keeps its own load animation.
   ================================================================= */

.naya-animate .naya-process__media,
.naya-animate .naya-process__card,
.naya-animate .naya-philosophy__media,
.naya-animate .naya-philosophy__panel,
.naya-animate .naya-moments__image,
.naya-animate .naya-moments__badge {
	opacity: 0;
}

.naya-animate .naya-process.is-shown .naya-process__media,
.naya-animate .naya-process.is-shown .naya-process__card,
.naya-animate .naya-philosophy.is-shown .naya-philosophy__media,
.naya-animate .naya-philosophy.is-shown .naya-philosophy__panel,
.naya-animate .naya-moments.is-shown .naya-moments__image {
	animation: naya-show 0.9s ease both;
}

.naya-animate .naya-process.is-shown .naya-process__card:nth-child(2) {
	animation-delay: 0.08s;
}

.naya-animate .naya-process.is-shown .naya-process__card:nth-child(3) {
	animation-delay: 0.16s;
}

.naya-animate .naya-process.is-shown .naya-process__card:nth-child(4) {
	animation-delay: 0.24s;
}

.naya-animate .naya-process.is-shown .naya-process__card:nth-child(5) {
	animation-delay: 0.32s;
}

.naya-animate .naya-philosophy.is-shown .naya-philosophy__panel {
	animation-delay: 0.16s;
}

.naya-animate .naya-moments.is-shown .naya-moments__badge {
	animation: naya-show-badge 0.75s ease both;
}

.naya-animate .naya-moments.is-shown .naya-moments__badge:nth-of-type(1) {
	animation-delay: 0.18s;
}

.naya-animate .naya-moments.is-shown .naya-moments__badge:nth-of-type(2) {
	animation-delay: 0.28s;
}

.naya-animate .naya-moments.is-shown .naya-moments__badge:nth-of-type(3) {
	animation-delay: 0.38s;
}

.naya-animate .naya-moments.is-shown .naya-moments__badge:nth-of-type(4) {
	animation-delay: 0.48s;
}

@keyframes naya-show {
	from {
		opacity: 0;
		transform: translateY(22px);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

@keyframes naya-show-badge {
	from {
		opacity: 0;
		transform: translate(-50%, calc(-50% + 16px));
	}

	to {
		opacity: 1;
		transform: translate(-50%, -50%);
	}
}

@media (prefers-reduced-motion: reduce) {
	.naya-animate .naya-process__media,
	.naya-animate .naya-process__card,
	.naya-animate .naya-philosophy__media,
	.naya-animate .naya-philosophy__panel,
	.naya-animate .naya-moments__image,
	.naya-animate .naya-moments__badge {
		opacity: 1;
		animation: none;
	}
}