/* Elementor hides animated elements until its JS runs; we ship no JS, so show them. */
.elementor-invisible{visibility:visible!important}
img[loading=lazy]{content-visibility:auto}

/* CSS-only replacement for Elementor's Swiper image-carousel marquee (see scripts/port-legacy.py) */
.css-marquee{overflow:hidden;container-type:inline-size}
.css-marquee .swiper-wrapper{display:flex!important;flex-wrap:nowrap;width:max-content;animation:css-marquee var(--dur,30s) linear infinite}
.css-marquee .swiper-slide{flex:0 0 auto!important;max-width:none!important;width:calc((100cqw - (var(--n) - 1) * var(--gap)) / var(--n))!important;margin-right:var(--gap)!important;display:flex;align-items:center;justify-content:center}
.css-marquee:hover .swiper-wrapper{animation-play-state:paused}
@keyframes css-marquee{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.css-marquee .swiper-wrapper{animation:none}}