/* Hyone entrance animations. Only active once JS adds `hyone-anim-ready`, so
   content is never hidden if the script fails to run. */
.hyone-anim-ready [data-hyone-anim] {
	opacity: 0;
	transition:
		opacity var(--hyone-anim-duration, 600ms) ease var(--hyone-anim-delay, 0ms),
		transform var(--hyone-anim-duration, 600ms) ease var(--hyone-anim-delay, 0ms);
	will-change: opacity, transform;
}

.hyone-anim-ready [data-hyone-anim="fade-up"] {
	transform: translateY(28px);
}
.hyone-anim-ready [data-hyone-anim="fade-down"] {
	transform: translateY(-28px);
}
.hyone-anim-ready [data-hyone-anim="fade-left"] {
	transform: translateX(28px);
}
.hyone-anim-ready [data-hyone-anim="fade-right"] {
	transform: translateX(-28px);
}
.hyone-anim-ready [data-hyone-anim="zoom-in"] {
	transform: scale(0.92);
}
.hyone-anim-ready [data-hyone-anim="zoom-out"] {
	transform: scale(1.06);
}

.hyone-anim-ready [data-hyone-anim].hyone-anim-in {
	opacity: 1;
	transform: none;
}

@media (prefers-reduced-motion: reduce) {
	.hyone-anim-ready [data-hyone-anim] {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
	}
}