/**
 * Startseite — Page-spezifische Styles
 *
 * Atmosphären-Bild-Sektion (Goldene-Stunde-Vollbreit-Foto, derzeit als
 * Gradient-Platzhalter — wird durch echtes Foto ersetzt).
 *
 * Sehr subtile Section-Reveal-Animation per CSS, respektiert
 * prefers-reduced-motion (DESIGN.md §10.4).
 */

/* ── Sehr subtile Reveal-Animation ──────────────────────────────────── */

@media (prefers-reduced-motion: no-preference) {
	.values-stripe__item,
	.concept-teaser__text,
	.concept-teaser__quote,
	.schnuppertermin__step {
		opacity: 0;
		transform: translateY(8px);
		animation: section-fade-in 600ms var(--ease-out) forwards;
		animation-delay: 80ms;
	}
	.values-stripe__item:nth-child(1) { animation-delay: 80ms; }
	.values-stripe__item:nth-child(2) { animation-delay: 160ms; }
	.values-stripe__item:nth-child(3) { animation-delay: 240ms; }
	.values-stripe__item:nth-child(4) { animation-delay: 320ms; }

	.schnuppertermin__step:nth-child(1) { animation-delay: 100ms; }
	.schnuppertermin__step:nth-child(2) { animation-delay: 200ms; }
	.schnuppertermin__step:nth-child(3) { animation-delay: 300ms; }
}

@keyframes section-fade-in {
	to {
		opacity: 1;
		transform: translateY(0);
	}
}