/* ==========================================================================
   MON PLAISIR — WEJŚCIE SEKCJI PRZY PRZEWIJANIU
   Natywne scroll-driven animations, zero JavaScriptu. Progresywne wzbogacenie:
   bez wsparcia przeglądarki treść jest po prostu widoczna od razu.
   Gest: podniesienie o 16 px z wygaszeniem, 640 ms, cubic-bezier(.22,.61,.36,1).
   ========================================================================== */

@keyframes mp-rise {
	from { opacity: 0; transform: translateY(16px); }
	to   { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: no-preference) {
	/* Wariant klasyczny: animacja przy wejściu na stronę (nagłówki sekcji, hero) */
	.mp-rise-load { animation: mp-rise var(--mp-duration-reveal) var(--mp-ease-out) both; }

	@supports (animation-timeline: view()) {
		.mp-rise,
		.mp-timeline-item {
			animation: mp-rise linear both;
			animation-timeline: view();
			animation-range: entry 10% cover 22%;
		}
	}
}

/* prefers-reduced-motion wyłącza wszystko — również przejścia komponentów */
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}