/*
 * Loko rendering stability fixes.
 *
 * The exported Elementor pages previously hid entrance-animation elements and
 * delayed section backgrounds until JavaScript observed them. On static
 * hosting that produced visible flashes while pages loaded and while scrolling.
 */
.elementor-element[data-settings*="_animation"] {
	animation: none !important;
	opacity: 1 !important;
	transform: none !important;
	transition: none !important;
	visibility: visible !important;
}

.elementor-invisible {
	opacity: 1 !important;
	visibility: visible !important;
}

.sticky_header_area {
	backface-visibility: hidden;
	transition: top 0.25s ease, opacity 0.25s ease !important;
	will-change: top, opacity;
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
	}
}