@media (prefers-reduced-motion: no-preference) {
	.wp-element-button,
	.wp-block-navigation-item__content,
	.mdm-article-card,
	.mdm-article-card img {
		transition:
			transform 220ms ease,
			border-color 220ms ease,
			background-color 220ms ease,
			color 220ms ease,
			box-shadow 220ms ease;
	}

	.wp-element-button:hover {
		transform: translateY(-2px);
	}

	.mdm-article-card:hover {
		transform: translateY(-5px);
		border-color: var(--wp--preset--color--accent);
		box-shadow: var(--wp--preset--shadow--lifted);
	}

	.mdm-article-card:hover img {
		transform: scale(1.025);
	}

	.mdm-motion-reveal,
	.mdm-motion-image,
	.mdm-motion-quote,
	.mdm-motion-cta,
	.mdm-hero__content,
	.mdm-site-footer__inner {
		opacity: 1;
		transform: translateY(0);
		transition:
			opacity 420ms ease,
			transform 520ms cubic-bezier(0.22, 1, 0.36, 1);
	}

	.mdm-motion-image {
		transition-duration: 650ms;
	}

	.js .mdm-motion-reveal:not(.is-in-view),
	.js .mdm-motion-image:not(.is-in-view),
	.js .mdm-motion-quote:not(.is-in-view),
	.js .mdm-motion-cta:not(.is-in-view),
	.js .mdm-hero__content:not(.is-in-view),
	.js .mdm-site-footer__inner:not(.is-in-view) {
		opacity: 0.001;
		transform: translateY(8px);
	}

	@supports (animation-timeline: view()) {
		.mdm-article-card {
			animation: mdm-reveal both linear;
			animation-timeline: view();
			animation-range: entry 0% cover 22%;
		}
	}
}

.single-post::before {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1001;
	width: 100%;
	height: 3px;
	background: var(--wp--preset--color--accent);
	content: "";
	pointer-events: none;
	transform: scaleX(var(--mdm-reading-progress, 0));
	transform-origin: left center;
}

@keyframes mdm-reveal {
	from {
		transform: translateY(12px);
	}
	to {
		transform: translateY(0);
	}
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		scroll-behavior: auto !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
}