/* ck-logo-marquee 1.1.0 - fully scoped under .ck-lm. No JS.
   Layout mirrors the old Salient carousel: logo cells are 1/8 (>=1300px), 1/5 (1000-1299),
   1/4 (691-999) or 1/2 (<=690) of the strip wide, 30px of space each side, logo 34px tall,
   10px cell padding, centered. Every cell has a fixed width, so the two groups are identical. */
.ck-lm {
	--ckm-cols: 8;
	--ckm-cell: calc(100vw / var(--ckm-cols)); /* fallback without container units */
	position: relative;
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 20px 0 24px; /* old carousel: 20px viewport margin + 4px bottom */
	overflow: hidden;
	height: calc(var(--ckm-h, 34px) + 44px);
	container-type: inline-size;
}
@supports (width: 1cqw) {
	.ck-lm { --ckm-cell: calc(100cqw / var(--ckm-cols)); }
}
@media (max-width: 1299px) { .ck-lm { --ckm-cols: 5; } }
@media (max-width: 999px)  { .ck-lm { --ckm-cols: 4; } }
@media (max-width: 690px)  { .ck-lm { --ckm-cols: 2; } }
.ck-lm * { box-sizing: border-box; }
.ck-lm__track {
	display: flex;
	flex-wrap: nowrap;
	width: max-content;
	height: var(--ckm-h, 34px);
	animation: ck-lm-scroll var(--ckm-dur, 60s) linear infinite;
	will-change: transform;
}
.ck-lm:hover .ck-lm__track,
.ck-lm:focus-within .ck-lm__track { animation-play-state: paused; }
.ck-lm__group {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
}
.ck-lm__item {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: var(--ckm-cell);
	height: var(--ckm-h, 34px);
	margin: 0 var(--ckm-gap, 30px);
	padding: 0 10px;
	transition: transform .2s ease;
}
.ck-lm__item:hover { transform: scale(1.08); }
#ajax-content-wrap .ck-lm .ck-lm__link {
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 100%;
	line-height: 0;
	background: none;
	text-decoration: none;
	border: 0;
}
/* Imagify may wrap the <img> in <picture> and move the class onto the picture, so style both. */
#ajax-content-wrap .ck-lm picture {
	display: block;
	line-height: 0;
	height: var(--ckm-h, 34px);
	max-width: 100%;
}
#ajax-content-wrap .ck-lm img {
	display: block;
	width: auto;
	height: var(--ckm-h, 34px);
	max-width: 100%;
	object-fit: contain;
}
@keyframes ck-lm-scroll {
	from { transform: translate3d(0, 0, 0); }
	to   { transform: translate3d(-50%, 0, 0); }
}

/* Static layout: reduced motion, or a keyboard user focusing a logo link. A centered wrapping
   row showing every logo once; nothing is clipped, nothing moves. */
@media (prefers-reduced-motion: reduce) {
	.ck-lm { height: auto !important; }
	.ck-lm__track { animation: none; display: block; width: auto; height: auto; will-change: auto; transform: none; }
	.ck-lm__group { flex-wrap: wrap; justify-content: center; row-gap: 16px; }
	.ck-lm__group[aria-hidden="true"], .ck-lm__dup { display: none; }
	.ck-lm__item { width: auto; margin: 0 calc(var(--ckm-gap, 30px) / 2); padding: 0; }
	#ajax-content-wrap .ck-lm img, #ajax-content-wrap .ck-lm picture { max-width: 154px; }
}
.ck-lm:has(:focus-visible) { height: auto !important; }
.ck-lm:has(:focus-visible) .ck-lm__track { animation: none; display: block; width: auto; height: auto; will-change: auto; transform: none; }
.ck-lm:has(:focus-visible) .ck-lm__group { flex-wrap: wrap; justify-content: center; row-gap: 16px; }
.ck-lm:has(:focus-visible) .ck-lm__group[aria-hidden="true"],
.ck-lm:has(:focus-visible) .ck-lm__dup { display: none; }
.ck-lm:has(:focus-visible) .ck-lm__item { width: auto; margin: 0 calc(var(--ckm-gap, 30px) / 2); padding: 0; }
#ajax-content-wrap .ck-lm:has(:focus-visible) img,
#ajax-content-wrap .ck-lm:has(:focus-visible) picture { max-width: 154px; }
.ck-lm__link:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }