/* ==========================================================================
   Automora Marquee - logo strip / text ticker band
   Defaults = Figma logo strip (shared 3:1479) and ticker band (home1 3:365).
   ========================================================================== */

:where(.e-con, .e-con-inner) > .elementor-widget-automora-marquee { width: 100%; min-width: 0; }

.am-marquee {
	--am-mq-duration: 30s;
	--am-mq-gap: 58px;
	--am-mq-logo-h: 29px;
	--am-mq-logo-o: 1; --am-mq-logo-gs: 0%; --am-mq-logo-br: 100%;
	--am-mq-logo-o-h: 1; --am-mq-logo-gs-h: 0%; --am-mq-logo-br-h: 220%;
	--am-mq-sep: 39px; --am-mq-sep-gap: 29px;
	--am-mq-fade: var(--am-w-bg, #120707); --am-mq-fade-w: 30%;
	--am-mq-rotate: 0deg; --am-mq-band-w: 100%;
	--am-mq-title-gap: 42px;
	position: relative;
	width: 100%;
	overflow-x: clip; /* a wide / rotated band never causes horizontal scroll */
}
.am-marquee-bleed-yes > .am-marquee { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); }

.am-marquee__title.am-marquee__title {
	margin: 0 0 var(--am-mq-title-gap); padding: 0 16px;
	font-family: var(--am-w-head); font-size: 20px; font-weight: 600; line-height: 1.2;
	letter-spacing: 0; text-transform: uppercase; text-align: center; color: #F9F9F9;
	font-variation-settings: "wdth" 100;
}

.am-marquee__band {
	position: relative; box-sizing: border-box;
	width: var(--am-mq-band-w);
	margin-left: calc((100% - var(--am-mq-band-w)) / 2);
	margin-right: calc((100% - var(--am-mq-band-w)) / 2);
	transform: rotate(var(--am-mq-rotate));
	transform-origin: 50% 50%;
}
.am-marquee__viewport { position: relative; overflow: hidden; }
.am-marquee__track {
	display: flex; width: max-content;
	animation: am-marquee var(--am-mq-duration) linear infinite;
	will-change: transform;
}
.am-marquee--right .am-marquee__track { animation-direction: reverse; }
.am-marquee__group {
	display: flex; flex: none; align-items: center;
	gap: var(--am-mq-gap); margin: 0; padding: 0 var(--am-mq-gap) 0 0; list-style: none;
}
@keyframes am-marquee {
	from { transform: translate3d(0, 0, 0); }
	to { transform: translate3d(calc(-1 * var(--am-mq-shift, 50%)), 0, 0); }
}
/* Pause on hover / while a link inside has keyboard focus. */
.am-marquee--pause .am-marquee__viewport:hover .am-marquee__track,
.am-marquee__viewport:focus-within .am-marquee__track { animation-play-state: paused; }
/* GSAP drives the loop (scroll-velocity mode). */
.am-marquee.is-driven .am-marquee__track { animation: none; }

/* Items. */
.am-marquee__item { display: flex; flex: none; align-items: center; justify-content: center; gap: var(--am-mq-sep-gap); margin: 0; padding: 0; }
.am-marquee__item::before { content: none; }
.am-marquee__link { display: inline-flex; align-items: center; gap: var(--am-mq-sep-gap); color: inherit; text-decoration: none; }
.am-marquee__link:focus-visible { outline: 2px solid var(--am-w-orange); outline-offset: 4px; border-radius: 4px; }

.am-marquee__logo {
	display: block; width: auto; max-width: none; height: var(--am-mq-logo-h);
	object-fit: contain;
	opacity: var(--am-mq-logo-o);
	filter: grayscale(var(--am-mq-logo-gs)) brightness(var(--am-mq-logo-br));
	transition: opacity .4s var(--am-w-ease), filter .4s var(--am-w-ease);
}
@media (hover: hover) {
	.am-marquee__item:hover .am-marquee__logo {
		opacity: var(--am-mq-logo-o-h);
		filter: grayscale(var(--am-mq-logo-gs-h)) brightness(var(--am-mq-logo-br-h));
	}
}

.am-marquee__text {
	font-family: "Inter Tight", var(--am-w-body); font-size: 30px; font-weight: 500; line-height: 1.2;
	letter-spacing: -0.02em; text-transform: capitalize; white-space: nowrap; color: #FFFFFF;
	transition: color .3s var(--am-w-ease);
}
.am-marquee__sep { display: inline-flex; flex: none; align-items: center; justify-content: center; color: var(--am-w-orange); line-height: 1; }
.am-marquee__sep img, .am-marquee__sep svg { display: block; width: var(--am-mq-sep); max-width: none; height: auto; }
.am-marquee__sep i { font-size: var(--am-mq-sep); }
.am-marquee-spin-yes .am-marquee__sep { animation: am-marquee-spin 8s linear infinite; }
@keyframes am-marquee-spin { to { transform: rotate(360deg); } }

/* Edge fades (inside the band, so they follow its rotation). */
.am-marquee__fade { position: absolute; top: 0; bottom: 0; z-index: 2; width: var(--am-mq-fade-w); pointer-events: none; }
.am-marquee__fade--start { left: 0; background: linear-gradient(90deg, var(--am-mq-fade) 0%, transparent 100%); }
.am-marquee__fade--end { right: 0; background: linear-gradient(270deg, var(--am-mq-fade) 0%, transparent 100%); }
@supports (color: color-mix(in srgb, red, blue)) {
	.am-marquee__fade--start { background: linear-gradient(90deg, var(--am-mq-fade) 0%, color-mix(in srgb, var(--am-mq-fade) 0%, transparent) 100%); }
	.am-marquee__fade--end { background: linear-gradient(270deg, var(--am-mq-fade) 0%, color-mix(in srgb, var(--am-mq-fade) 0%, transparent) 100%); }
}

@media (max-width: 767px) {
	.am-marquee__title.am-marquee__title { font-size: 16px; }
	.am-marquee__text { font-size: 20px; }
}

@media (prefers-reduced-motion: reduce) {
	.am-marquee__track, .am-marquee-spin-yes .am-marquee__sep { animation: none !important; }
	.am-marquee__logo, .am-marquee__text { transition: none; }
}