/* pe_logo_marquee_lite - infinite logo strip. Scoped .pe_lgm (.logo_strip is taken
   by lp_h2h_template.css). Only transform animates = compositor-only, no TBT;
   --lgm_h reserves height so CLS stays 0; reduced-motion stops the loop. */
.pe_lgm { --lgm_h: 50px; --lgm_fade: #fff; }
.pe_lgm .pe_lgm_title {
	font-family: var(--latobold);
	color: var(--pe_old);
	margin-bottom: 25px;
}
.pe_lgm .pe_lgm_view {
	position: relative;
	overflow: hidden;
	min-height: var(--lgm_h); /* CLS reserve */
}
.pe_lgm .pe_lgm_track {
	display: flex;
	width: max-content;
	animation: pe_lgm_scroll 60s linear infinite;
	animation-duration: var(--lgm_dur, 60s);
	will-change: transform;
}
.pe_lgm .pe_lgm_img {
	height: auto;
	display: block;
	max-height: var(--lgm_h);
	width: auto;
}
@keyframes pe_lgm_scroll {
	0%   { transform: translateX(0); }
	100% { transform: translateX(-50%); }
}
/* edge fades - colour follows the band background via --lgm_fade */
.pe_lgm .pe_lgm_fade_l,
.pe_lgm .pe_lgm_fade_r {
	position: absolute;
	top: 0;
	width: 80px;
	height: 100%;
	z-index: 2;
	pointer-events: none;
}
.pe_lgm .pe_lgm_fade_l {
	left: 0;
	background: linear-gradient(to right, var(--lgm_fade), rgba(255,255,255,0));
}
.pe_lgm .pe_lgm_fade_r {
	right: 0;
	background: linear-gradient(to left, var(--lgm_fade), rgba(255,255,255,0));
}
@media (min-width: 1024px) {
	.pe_lgm:hover .pe_lgm_track { animation-play-state: paused; }
}
@media (max-width: 575px) {
	.pe_lgm .pe_lgm_fade_l,
	.pe_lgm .pe_lgm_fade_r { width: 40px; }
}
@media (prefers-reduced-motion: reduce) {
	.pe_lgm .pe_lgm_track {
		animation: none;
		transform: translateX(0);
	}
}
