/* Transitions entre pages du même site (MPA) — View Transitions API
   https://developer.chrome.com/docs/web-platform/view-transitions/cross-document
   Clic utilisateur, même origine ; Chrome 126+, Safari 18.2+ */

@view-transition {
	navigation: auto;
}

/* Fond sombre sur la capture — évite la bande blanche à droite (scrollbar / gutter) */
html {
	overflow-x: clip;
	background-color: #0a0613;
}

::view-transition-group(root),
::view-transition-image-pair(root) {
	background-color: #0a0613;
}

::view-transition-old(root),
::view-transition-new(root) {
	animation-duration: 0.35s;
	animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

::view-transition-old(root) {
	animation-name: pikeo-vt-fade-out;
}

::view-transition-new(root) {
	animation-name: pikeo-vt-fade-in;
}

@keyframes pikeo-vt-fade-out {
	to {
		opacity: 0;
	}
}

@keyframes pikeo-vt-fade-in {
	from {
		opacity: 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	::view-transition-old(root),
	::view-transition-new(root) {
		animation: none;
	}
}