@media (prefers-reduced-motion: no-preference) {
	html.js .hx-hero__inner > *,
	html.js .hx-page-hero .hx-wrap > *,
	html.js .hx-rr-hero .hx-stack > *,
	html.js .hx-rr-hero .hx-wrap > *:not(.hx-stack) {
		animation: hx-reveal 750ms cubic-bezier(0.16, 1, 0.3, 1) both;
	}

	html.js .hx-hero__inner > :nth-child(2),
	html.js .hx-page-hero .hx-wrap > :nth-child(2),
	html.js .hx-rr-hero .hx-stack > :nth-child(2),
	html.js .hx-rr-hero .hx-wrap > :nth-child(2) {
		animation-delay: 80ms;
	}

	html.js .hx-hero__inner > :nth-child(3),
	html.js .hx-page-hero .hx-wrap > :nth-child(3),
	html.js .hx-rr-hero .hx-stack > :nth-child(3),
	html.js .hx-rr-hero .hx-wrap > :nth-child(3) {
		animation-delay: 160ms;
	}

	html.js .hx-hero__inner > :nth-child(4),
	html.js .hx-page-hero .hx-wrap > :nth-child(4),
	html.js .hx-rr-hero .hx-stack > :nth-child(4),
	html.js .hx-rr-hero .hx-wrap > :nth-child(4) {
		animation-delay: 240ms;
	}

	html.js .hx-hero__inner > :nth-child(5),
	html.js .hx-page-hero .hx-wrap > :nth-child(5),
	html.js .hx-rr-hero .hx-stack > :nth-child(5),
	html.js .hx-rr-hero .hx-wrap > :nth-child(5) {
		animation-delay: 320ms;
	}

	html.js .hx-hero__inner > :nth-child(6),
	html.js .hx-page-hero .hx-wrap > :nth-child(6),
	html.js .hx-rr-hero .hx-stack > :nth-child(6),
	html.js .hx-rr-hero .hx-wrap > :nth-child(6) {
		animation-delay: 400ms;
	}

	html.js .hx-hero__inner > :nth-child(7),
	html.js .hx-page-hero .hx-wrap > :nth-child(7),
	html.js .hx-rr-hero .hx-stack > :nth-child(7),
	html.js .hx-rr-hero .hx-wrap > :nth-child(7) {
		animation-delay: 480ms;
	}

	html.js .hx-hero__inner > :nth-child(8),
	html.js .hx-page-hero .hx-wrap > :nth-child(8),
	html.js .hx-rr-hero .hx-stack > :nth-child(8),
	html.js .hx-rr-hero .hx-wrap > :nth-child(8) {
		animation-delay: 560ms;
	}

	html.hx-motion-ready [data-reveal] {
		--hx-reveal-y: 2rem;
		--hx-reveal-delay: 0ms;
	}

	html.hx-motion-ready [data-reveal]:not(.is-revealed) {
		opacity: 0;
		translate: 0 var(--hx-reveal-y);
	}

	html.hx-motion-ready [data-reveal].is-revealed {
		animation: hx-reveal 750ms cubic-bezier(0.16, 1, 0.3, 1) var(--hx-reveal-delay) backwards;
	}
}

@keyframes hx-reveal {
	from {
		opacity: 0;
		translate: 0 var(--hx-reveal-y, 2rem);
	}

	to {
		opacity: 1;
		translate: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	[data-reveal],
	.hx-hero__inner > *,
	.hx-page-hero .hx-wrap > *,
	.hx-rr-hero .hx-stack > *,
	.hx-rr-hero .hx-wrap > * {
		opacity: 1 !important;
		translate: none !important;
		animation: none !important;
	}
}

@media print {
	[data-reveal],
	.hx-hero__inner > *,
	.hx-page-hero .hx-wrap > *,
	.hx-rr-hero .hx-stack > *,
	.hx-rr-hero .hx-wrap > * {
		opacity: 1 !important;
		translate: none !important;
		animation: none !important;
	}
}
