/* Motion primitives shared by reveals, rotation, and parallax. */
[data-reveal] {
	opacity: 0;
	transform: translateY(2rem);
	transition:
		opacity 700ms var(--ease-standard),
		transform 700ms var(--ease-standard);
}

[data-reveal].is-visible {
	opacity: 1;
	transform: translateY(0);
}

[data-scroll-rotate] {
	transform: rotate(var(--scroll-rotation, 0deg));
	transform-origin: center;
	will-change: transform;
}

[data-parallax] {
	transform: translate3d(0, var(--parallax-offset, 0), 0) scale(1.12);
	will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	*,
	*::before,
	*::after {
		scroll-behavior: auto !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}

	[data-reveal] {
		opacity: 1;
		transform: none;
	}

	[data-scroll-rotate],
	[data-parallax] {
		transform: none;
		will-change: auto;
	}
}