/* Литературный переход между страницами: спокойное чистое растворение (без движения),
   шапка при этом остаётся на месте. Нативный кросс-документный View Transitions API.
   Chrome/Edge — проигрывают переход на обычной навигации, без всякого JS.
   Safari/Firefox и старые браузеры — просто грузят страницы как обычно (без анимации). */

@view-transition {
	navigation: auto;
}

/* Шапка не участвует в переходе — стоит неподвижно, растворяется только контент */
header {
	view-transition-name: site-header;
}

::view-transition-old(root) {
	animation: cheh-out 400ms ease both;
}
::view-transition-new(root) {
	animation: cheh-in 650ms cubic-bezier(0.2, 0, 0, 1) both;
}

@keyframes cheh-out { to   { opacity: 0; } }
@keyframes cheh-in  { from { opacity: 0; } }   /* чистое растворение, без подъёма */

/* Уважаем системную настройку «уменьшить движение» */
@media (prefers-reduced-motion: reduce) {
	::view-transition-old(root),
	::view-transition-new(root) {
		animation: none;
	}
}