/**
 * Page transition — blue panel slides L→R to cover, then exits right on reveal.
 * Use #id selectors so critical head CSS cannot lock transform.
 */

#tf-page-transition {
	position: fixed;
	inset: 0;
	z-index: 100000;
	background-color: #3273EB;
	transform: translate3d(-100%, 0, 0);
	pointer-events: none;
	visibility: hidden;
	will-change: transform;
}

#tf-page-transition.is-animating {
	visibility: visible;
	transition: transform 0.7s cubic-bezier(0.77, 0, 0.175, 1);
}

/* Cover: fully on screen */
#tf-page-transition.is-covering {
	visibility: visible;
	pointer-events: auto;
	transform: translate3d(0, 0, 0);
}

/* Reveal: exit to the right */
#tf-page-transition.is-revealing {
	visibility: visible;
	pointer-events: none;
	transform: translate3d(100%, 0, 0);
}

@media (prefers-reduced-motion: reduce) {
	#tf-page-transition.is-animating {
		transition: none !important;
	}
}