/* Module: Logo Wall — ported from the approved slice (sections/08-logo-wall.css) */
.logo-wall {
	overflow: hidden;
}
.logo-wall__head {
	text-align: center;
	margin: 0 auto 32px;
	padding: 48px var(--skin-gutter) 0;
}
.logo-wall__track {
	background: var(--skin-grey-5);
	border-top: 1px solid var(--skin-grey-20);
	border-bottom: 1px solid var(--skin-grey-20);
	display: flex;
	width: max-content;
	animation: logo-marquee 60s linear infinite;
}
.logo-wall:hover .logo-wall__track { animation-play-state: paused; }
.logo-wall__cta { display: flex; justify-content: center; padding: 32px var(--skin-gutter) 0; }

.logo-wall--theme-dark { background: var(--skin-dark-60); }
.logo-wall--theme-dark .logo-wall__head h1,
.logo-wall--theme-dark .logo-wall__head h2,
.logo-wall--theme-dark .logo-wall__head h3 { color: var(--skin-white); }
.logo-wall--theme-dark .logo-wall__head { color: var(--skin-white); }
.logo-wall--theme-dark .logo-wall__track {
	background: rgba(255, 255, 255, 0.06);
	border-top-color: rgba(255, 255, 255, 0.16);
	border-bottom-color: rgba(255, 255, 255, 0.16);
}
.logo-wall__cell {
	width: 320px;
	height: 300px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border-right: 1px solid var(--skin-grey-20);
	padding: 0 40px;
}
/* height fixed + width:auto forces sizing off the intrinsic aspect ratio, not the raw
   intrinsic pixels — several exported logo SVGs carry sub-pixel viewBox/width/height
   (unbaked Figma scale transforms), which renders as an invisible speck under width:auto;height:auto */
.logo-wall__cell img { height: 64px; width: auto; max-width: 100%; object-fit: contain; }

@keyframes logo-marquee {
	from { transform: translateX(0); }
	to   { transform: translateX(-50%); }
}