/*
 * 04-motion.css — Появление секций при прокрутке (класс .is-in ставит devices.js).
 * Порядок подключения файлов важен: см. MLD_Plugin::STYLES.
 */

/* ---------- Появление ---------- */

@keyframes mld-fade { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }

.mld-js .mld-reveal { opacity: 0; transform: translateY(24px); transition: opacity .7s ease, transform .7s ease; }
.mld-js .mld-reveal.is-in { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
	.mld-js .mld-reveal { opacity: 1; transform: none; transition: none; }
	.mld-tabs__panel.is-open .mld-tabs__inner { animation: none; }
}