/**
 * File: assets/css/pages/careers/motion.css
 * Description: Motion styling for the Careers page.
 *
 * MAGIDA CAREERS MOTION/GRAPHICS PASS 16.1:
 * - Adds hero visual animation and viewport reveal motion.
 * - Respects reduced-motion preferences.
 * - Avoids layout-changing animation that could reintroduce top scroll drag.
 */

/* MAGIDA CAREERS PASS 16.1: reveal states are only enabled after JS adds the body flag. */
body.magida-careers-motion-ready .magida-careers-reveal {
	opacity: 0;
	transform: translate3d(0, 1.6rem, 0);
	transition:
		opacity 700ms ease,
		transform 700ms cubic-bezier(0.16, 1, 0.3, 1);
	transition-delay: var(--magida-careers-reveal-delay, 0ms);
	will-change: opacity, transform;
}

body.magida-careers-motion-ready .magida-careers-reveal.is-visible {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}

body.magida-careers-motion-ready
	.magida-careers-hero__visual.magida-careers-reveal {
	transform: translate3d(0, 1.4rem, 0) scale(0.985);
}

body.magida-careers-motion-ready
	.magida-careers-hero__visual.magida-careers-reveal.is-visible {
	transform: translate3d(
			var(--magida-careers-parallax-x, 0),
			var(--magida-careers-parallax-y, 0),
			0
		)
		scale(1);
}

/* MAGIDA CAREERS PASS 16.1: looped internal motion stays transform/opacity based for smoothness. */
.magida-careers-visual__orbit--one {
	animation: magida-careers-float-one 8s ease-in-out infinite;
}

.magida-careers-visual__orbit--two {
	animation: magida-careers-float-two 10s ease-in-out infinite;
}

.magida-careers-visual__panel--back {
	animation: magida-careers-panel-drift 9s ease-in-out infinite;
}

.magida-careers-visual__badge {
	animation: magida-careers-badge-pulse 4.6s ease-in-out infinite;
}

.magida-careers-visual__bars span::after {
	animation: magida-careers-bar-shimmer 3.6s ease-in-out infinite;
}

.magida-careers-visual__bars span:nth-child(2)::after {
	animation-delay: 350ms;
}

.magida-careers-visual__bars span:nth-child(3)::after {
	animation-delay: 700ms;
}

.magida-careers-visual__chips span {
	animation: magida-careers-chip-lift 7s ease-in-out infinite;
}

.magida-careers-visual__chips span:nth-child(2) {
	animation-delay: 550ms;
}

.magida-careers-visual__chips span:nth-child(3) {
	animation-delay: 1.1s;
}

.magida-careers-culture-card__number,
.magida-careers-openings__empty-mark {
	animation: magida-careers-soft-glow 4.8s ease-in-out infinite;
}

@keyframes magida-careers-float-one {
	0%,
	100% {
		transform: translate3d(0, 0, 0) rotate(0deg);
	}
	50% {
		transform: translate3d(-0.7rem, 0.55rem, 0) rotate(4deg);
	}
}

@keyframes magida-careers-float-two {
	0%,
	100% {
		transform: translate3d(0, 0, 0) rotate(0deg);
	}
	50% {
		transform: translate3d(0.8rem, -0.6rem, 0) rotate(-5deg);
	}
}

@keyframes magida-careers-panel-drift {
	0%,
	100% {
		transform: translate3d(0, 0, 0);
	}
	50% {
		transform: translate3d(0.45rem, -0.35rem, 0);
	}
}

@keyframes magida-careers-badge-pulse {
	0%,
	100% {
		box-shadow: 0 0 3rem rgba(0, 216, 255, 0.18);
		transform: scale(1);
	}
	50% {
		box-shadow: 0 0 4.5rem rgba(0, 216, 255, 0.3);
		transform: scale(1.035);
	}
}

@keyframes magida-careers-bar-shimmer {
	0% {
		left: -35%;
		opacity: 0;
	}
	20% {
		opacity: 0.78;
	}
	58%,
	100% {
		left: 112%;
		opacity: 0;
	}
}

@keyframes magida-careers-chip-lift {
	0%,
	100% {
		transform: translate3d(0, 0, 0);
	}
	50% {
		transform: translate3d(0, -0.24rem, 0);
	}
}

@keyframes magida-careers-soft-glow {
	0%,
	100% {
		box-shadow: 0 0 0 rgba(0, 216, 255, 0);
	}
	50% {
		box-shadow: 0 0 2rem rgba(0, 216, 255, 0.18);
	}
}

@media (prefers-reduced-motion: reduce) {
	body.magida-careers-motion-ready .magida-careers-reveal,
	body.magida-careers-motion-ready .magida-careers-reveal.is-visible {
		opacity: 1;
		transform: none;
		transition: none;
	}

	.magida-careers-visual__orbit--one,
	.magida-careers-visual__orbit--two,
	.magida-careers-visual__panel--back,
	.magida-careers-visual__badge,
	.magida-careers-visual__bars span::after,
	.magida-careers-visual__chips span,
	.magida-careers-culture-card__number,
	.magida-careers-openings__empty-mark {
		animation: none;
	}
}

/* MAGIDA CAREERS SINGLE PASS 16.2: Single Career reveal and dashboard motion uses the existing Careers motion flag. */
body.magida-careers-motion-ready
	.magida-career-single-hero__visual.magida-careers-reveal {
	transform: translate3d(0, 1.4rem, 0) scale(0.985);
}

body.magida-careers-motion-ready
	.magida-career-single-hero__visual.magida-careers-reveal.is-visible {
	transform: translate3d(
			var(--magida-careers-parallax-x, 0),
			var(--magida-careers-parallax-y, 0),
			0
		)
		scale(1);
}

.magida-career-single-visual__orbit--one {
	animation: magida-career-single-orbit-one 8.6s ease-in-out infinite;
}

.magida-career-single-visual__orbit--two {
	animation: magida-career-single-orbit-two 10.4s ease-in-out infinite;
}

.magida-career-single-visual__card--back {
	animation: magida-career-single-card-drift 8.8s ease-in-out infinite;
}

.magida-career-single-visual__footer span {
	animation: magida-career-single-line-pulse 3.8s ease-in-out infinite;
}

.magida-career-single-visual__footer span:nth-child(2) {
	animation-delay: 420ms;
}

.magida-career-single-visual__footer span:nth-child(3) {
	animation-delay: 840ms;
}

@keyframes magida-career-single-orbit-one {
	0%,
	100% {
		transform: translate3d(0, 0, 0) rotate(-12deg);
	}
	50% {
		transform: translate3d(-0.45rem, 0.55rem, 0) rotate(-7deg);
	}
}

@keyframes magida-career-single-orbit-two {
	0%,
	100% {
		transform: translate3d(0, 0, 0) rotate(10deg);
	}
	50% {
		transform: translate3d(0.55rem, -0.45rem, 0) rotate(5deg);
	}
}

@keyframes magida-career-single-card-drift {
	0%,
	100% {
		transform: translate3d(0, 0, 0);
	}
	50% {
		transform: translate3d(0.4rem, -0.35rem, 0);
	}
}

@keyframes magida-career-single-line-pulse {
	0%,
	100% {
		opacity: 0.45;
	}
	50% {
		opacity: 1;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.magida-careers-motion-ready
		.magida-career-single-hero__visual.magida-careers-reveal,
	body.magida-careers-motion-ready
		.magida-career-single-hero__visual.magida-careers-reveal.is-visible {
		opacity: 1;
		transform: none;
		transition: none;
	}

	.magida-career-single-visual__orbit--one,
	.magida-career-single-visual__orbit--two,
	.magida-career-single-visual__card--back,
	.magida-career-single-visual__footer span {
		animation: none;
	}
}