/*
 * TEST ONLY: Seiten-Enter — <main id="page-main"> slidet von unten (Opacity + translate).
 * Überschreibt page-shell main#page-main { animation: none }.
 *
 * End-Keyframe: transform none (nicht translate3d(0,0,0)) — sonst bleibt <main> nach der
 * Animation composited; Chrome/Blink: subpixel-„Schwimmen“ der Schrift beim Scrollen.
 */

@keyframes bianco-page-enter-slide-up {
	from {
		opacity: 0;
		transform: translate3d(0, 14vh, 0);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

@media (prefers-reduced-motion: no-preference) {
	main#page-main {
		animation: bianco-page-enter-slide-up 0.55s var(--ease-out-ui) both;
	}

	/* Home: Inhalt unter dem Vorhang nicht mitbewegen */
	html.home-intro-active main#page-main {
		animation: none;
		opacity: 1;
		transform: none;
	}

	/* Nach Home-Intro: einmalig per JS-Klasse (home-intro.js) */
	main#page-main.page-enter-test--replay {
		animation: bianco-page-enter-slide-up 0.55s var(--ease-out-ui) both;
	}
}

@media (prefers-reduced-motion: reduce) {
	main#page-main,
	main#page-main.page-enter-test--replay {
		animation: none;
		opacity: 1;
		transform: none;
	}
}