/**
 * Fade Up — subtle entrance animation.
 *
 * Registered in functions.php as a block style, so an editor can switch it on for
 * any Group / Heading / Paragraph / Image / Columns / Buttons / List / Separator
 * from the block sidebar's Styles panel ("Fade Up") — no code required.
 *
 * Mirrors the Base44 app's fadeUp() helper: opacity 0 -> 1 with a 20px rise over
 * 1.2s ease. Stagger a run of siblings by setting --fso-fade-delay per element.
 */

@keyframes fso-fade-up {
	from { opacity: 0; transform: translateY(20px); }
	to   { opacity: 1; transform: none; }
}

.is-style-fade-up {
	animation: fso-fade-up 1.2s ease var(--fso-fade-delay, 0s) both;
}

/*
 * Reduced-motion visitors get the finished state, never the animation. `animation:none`
 * discards the `both` fill too, so the element resolves to its natural (visible) state
 * rather than being stranded at opacity 0.
 */
@media (prefers-reduced-motion: reduce) {
	.is-style-fade-up { animation: none; }
}