/*
 * CES shared ambient brand motion.
 *
 * A single institution-level preference owns whether the effect is enabled.
 * Login and portal surfaces only expose that state through data-ces-brand-motion.
 * The effect never changes layout and reduced-motion always wins.
 */

.zepc-login-mark[data-ces-brand-motion="1"],
.zepc-portal-logo__mark[data-ces-brand-motion="1"],
.zepc-admin-workspace .zepc-portal-logo__mark[data-ces-brand-motion="1"] {
	position: relative;
	isolation: isolate;
}

.zepc-login-mark[data-ces-brand-motion="1"]::after,
.zepc-portal-logo__mark[data-ces-brand-motion="1"]::after,
.zepc-admin-workspace .zepc-portal-logo__mark[data-ces-brand-motion="1"]::after {
	content: "";
	position: absolute;
	z-index: 2;
	inset: -34%;
	pointer-events: none;
	border-radius: inherit;
	background: radial-gradient(circle at 40% 36%, rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0) 38%);
	opacity: 0.055;
	transform: translate3d(-8%, -5%, 0) scale(0.94);
	animation: ces-brand-ambient-light var(--ces-brand-ambient-light-duration, 15s) ease-in-out infinite alternate;
}

.zepc-login-mark[data-ces-brand-motion="1"] > img,
.zepc-portal-logo__mark[data-ces-brand-motion="1"] > img,
.zepc-admin-workspace .zepc-portal-logo__mark[data-ces-brand-motion="1"] > img {
	position: relative;
	z-index: 1;
	transform-origin: 50% 50%;
	animation: ces-brand-ambient-breathe var(--ces-brand-ambient-breathe-duration, 13s) ease-in-out infinite;
}

.zepc-login-mark[data-ces-brand-motion="1"] {
	--ces-brand-ambient-scale: 1.008;
	--ces-brand-ambient-light-duration: 14s;
	--ces-brand-ambient-breathe-duration: 12s;
}

.zepc-portal-logo__mark[data-ces-brand-motion="1"],
.zepc-admin-workspace .zepc-portal-logo__mark[data-ces-brand-motion="1"] {
	--ces-brand-ambient-scale: 1.005;
	--ces-brand-ambient-light-duration: 16s;
	--ces-brand-ambient-breathe-duration: 14s;
}

@keyframes ces-brand-ambient-light {
	0% {
		opacity: 0.04;
		transform: translate3d(-8%, -5%, 0) scale(0.94);
	}
	52% {
		opacity: 0.105;
		transform: translate3d(7%, 5%, 0) scale(1.02);
	}
	100% {
		opacity: 0.052;
		transform: translate3d(11%, -1%, 0) scale(0.98);
	}
}

@keyframes ces-brand-ambient-breathe {
	0%,
	100% {
		transform: translate3d(0, 0, 0) scale(1);
	}
	48% {
		transform: translate3d(0, -0.25px, 0) scale(var(--ces-brand-ambient-scale, 1.006));
	}
	72% {
		transform: translate3d(0, 0, 0) scale(1.002);
	}
}

@media (prefers-reduced-motion: reduce) {
	.zepc-login-mark[data-ces-brand-motion="1"]::after,
	.zepc-portal-logo__mark[data-ces-brand-motion="1"]::after,
	.zepc-admin-workspace .zepc-portal-logo__mark[data-ces-brand-motion="1"]::after,
	.zepc-login-mark[data-ces-brand-motion="1"] > img,
	.zepc-portal-logo__mark[data-ces-brand-motion="1"] > img,
	.zepc-admin-workspace .zepc-portal-logo__mark[data-ces-brand-motion="1"] > img {
		animation: none !important;
		transform: none !important;
	}
}

@media (forced-colors: active) {
	.zepc-login-mark[data-ces-brand-motion="1"]::after,
	.zepc-portal-logo__mark[data-ces-brand-motion="1"]::after,
	.zepc-admin-workspace .zepc-portal-logo__mark[data-ces-brand-motion="1"]::after {
		display: none;
	}

	.zepc-login-mark[data-ces-brand-motion="1"] > img,
	.zepc-portal-logo__mark[data-ces-brand-motion="1"] > img,
	.zepc-admin-workspace .zepc-portal-logo__mark[data-ces-brand-motion="1"] > img {
		animation: none !important;
		transform: none !important;
	}
}