/*
 * Mission 0 — m0-anim-* presets. Hidden states exist ONLY under html.m0-anim-ready, which the motion loader adds
 * after GSAP + ScrollTrigger loaded (never in the editor, never under reduced motion), and only on elements the
 * presets marked .m0-anim-pending (never above the fold). Without JS everything is visible.
 */

html.m0-anim-ready .m0-anim-pending {
	visibility: hidden;
}

html.m0-anim-ready .m0-anim-marquee {
	overflow: hidden;
}
.m0-marquee__inner {
	display: flex;
	inline-size: max-content;
}
.m0-marquee__track {
	display: flex;
	flex: 0 0 auto;
	gap: inherit;
	padding-inline-end: inherit;
}

html.m0-anim-ready .m0-anim-header-hide {
	transition: transform .3s ease;
}
html.m0-anim-ready .m0-anim-header-hide.m0-is-hidden {
	transform: translate3d(0, -100%, 0);
}

.m0-split-word {
	display: inline-block;
}

/* Safety nets: the editor and reduced motion always show everything. */
.elementor-editor-active .m0-anim-pending,
.elementor-editor-preview .m0-anim-pending {
	visibility: visible !important;
	opacity: 1 !important;
}
@media (prefers-reduced-motion: reduce) {
	html .m0-anim-pending {
		visibility: visible !important;
		opacity: 1 !important;
		transform: none !important;
	}
	html.m0-anim-ready .m0-anim-header-hide.m0-is-hidden {
		transform: none;
	}
}