@media (prefers-reduced-motion: no-preference) {
	@view-transition {
		navigation: auto;
	}

	.nav { view-transition-name: site-nav; }

	::view-transition-group(root),
	::view-transition-group(site-nav) {
		animation: none;
	}

	::view-transition-image-pair(root) { isolation: auto; }

	::view-transition-old(root) {
		mix-blend-mode: normal;
		animation: page-slide-out 400ms cubic-bezier(0.65, 0, 0.35, 1) both;
	}

	::view-transition-new(root) {
		mix-blend-mode: normal;
		animation: page-slide-in 400ms cubic-bezier(0.65, 0, 0.35, 1) both;
	}

	::view-transition-old(site-nav) { display: none; }
	::view-transition-new(site-nav) { animation: none; }

	@keyframes page-slide-out {
		from { transform: translateX(0); }
		to { transform: translateX(-100%); }
	}

	@keyframes page-slide-in {
		from { transform: translateX(100%); }
		to { transform: translateX(0); }
	}
}