/* In-frame image motion scoped exclusively to Vision & Mission. */
#zayro-vision-motion {
	--vision-travel: 0px;
	overflow: hidden;
	background: none;
}

#zayro-vision-motion .purpose-motion-bg,
#zayro-vision-motion.is-cinematic .purpose-motion-bg {
	inset: -4% -1%;
	transform: translate3d(0, var(--vision-travel), 0) scale(1.03);
	transition: opacity 1.15s cubic-bezier(.22, 1, .36, 1), transform .18s linear;
	will-change: transform, opacity;
}

@media (max-width: 900px) {
	#zayro-vision-motion .purpose-motion-bg,
	#zayro-vision-motion.is-cinematic .purpose-motion-bg {
		inset: -3% -1%;
		transform: translate3d(0, var(--vision-travel), 0) scale(1.02);
	}
}

@media (prefers-reduced-motion: reduce) {
	#zayro-vision-motion .purpose-motion-bg,
	#zayro-vision-motion.is-cinematic .purpose-motion-bg {
		transform: scale(1.02);
		transition: none;
	}
}