/*
 * Homepage motion layer.
 * Opacity and transform only. Layout, color, type, and spacing stay untouched.
 */
@keyframes clecod-home-enter {
	from {
		opacity: 0;
		transform: translate3d(0, 24px, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

@media (prefers-reduced-motion: no-preference) {
	html.clecod-home-motion body.page-id-8 .clecod-demo-hero > .elementor-element {
		opacity: 0;
		animation: clecod-home-enter 0.82s cubic-bezier(0.16, 1, 0.3, 1) forwards;
	}

	html.clecod-home-motion body.page-id-8 .clecod-demo-hero > .elementor-element:nth-child(1) {
		animation-delay: 40ms;
	}

	html.clecod-home-motion body.page-id-8 .clecod-demo-hero > .elementor-element:nth-child(2) {
		animation-delay: 130ms;
	}

	html.clecod-home-motion body.page-id-8 .clecod-demo-hero > .elementor-element:nth-child(3) {
		animation-delay: 220ms;
	}

	html.clecod-home-motion body.page-id-8 .clecod-demo-home:not(.clecod-demo-hero):not(.clecod-home-offers) .qodef-section-title,
	html.clecod-home-motion body.page-id-8 .clecod-demo-quick > *,
	html.clecod-home-motion body.page-id-8 .clecod-demo-service,
	html.clecod-home-motion body.page-id-8 .clecod-demo-type,
	html.clecod-home-motion body.page-id-8 .clecod-demo-why > *,
	html.clecod-home-motion body.page-id-8 .clecod-demo-cta .elementor-widget-text-editor,
	html.clecod-home-motion body.page-id-8 .clecod-demo-cta .elementor-widget-highrev_core_button,
	html.clecod-home-motion body.page-id-8 .clecod-demo-home .qodef-blog-item {
		opacity: 0;
		transform: translate3d(0, 22px, 0);
		transition:
			opacity 0.72s cubic-bezier(0.16, 1, 0.3, 1),
			transform 0.72s cubic-bezier(0.16, 1, 0.3, 1);
		transition-delay: var(--clecod-motion-delay, 0ms);
	}

	html.clecod-home-motion body.page-id-8 .clecod-demo-home:not(.clecod-demo-hero):not(.clecod-home-offers) .qodef-section-title.is-inview,
	html.clecod-home-motion body.page-id-8 .clecod-demo-quick > *.is-inview,
	html.clecod-home-motion body.page-id-8 .clecod-demo-service.is-inview,
	html.clecod-home-motion body.page-id-8 .clecod-demo-type.is-inview,
	html.clecod-home-motion body.page-id-8 .clecod-demo-why > *.is-inview,
	html.clecod-home-motion body.page-id-8 .clecod-demo-cta .elementor-widget-text-editor.is-inview,
	html.clecod-home-motion body.page-id-8 .clecod-demo-cta .elementor-widget-highrev_core_button.is-inview,
	html.clecod-home-motion body.page-id-8 .clecod-demo-home .qodef-blog-item.is-inview {
		opacity: 1;
		transform: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.page-id-8 .clecod-demo-hero > .elementor-element,
	body.page-id-8 .clecod-demo-home:not(.clecod-demo-hero):not(.clecod-home-offers) .qodef-section-title,
	body.page-id-8 .clecod-demo-quick > *,
	body.page-id-8 .clecod-demo-service,
	body.page-id-8 .clecod-demo-type,
	body.page-id-8 .clecod-demo-why > *,
	body.page-id-8 .clecod-demo-cta .elementor-widget-text-editor,
	body.page-id-8 .clecod-demo-cta .elementor-widget-highrev_core_button,
	body.page-id-8 .clecod-demo-home .qodef-blog-item {
		opacity: 1;
		transform: none;
		animation: none;
		transition: none;
	}
}
