body{
	font-family: system-ui,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
	}
	section{
	font-family: system-ui,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
	}
	/* Brands (logo texture) */
	.brand-logos {
		display: flex;
		flex-wrap: wrap;
		gap: 24px;
		justify-content: center;
		align-items: center;
	}

	.logo-item {
		width: 110px; /* fixed width for consistency */
		height: 70px; /* fixed height */
		display: flex;
		align-items: center;
		justify-content: center;
		transition: all 0.22s ease;
		filter: grayscale(100%);
	}

		.logo-item img {
			max-width: 100%;
			max-height: 100%;
			width: auto;
			height: auto;
			object-fit: contain; /* very important for different logo shapes */
			display: block;
		}

	.logo-chip {
		height: 55px;
		/* min-width: 88px; */
		/* border: 1px solid #ececec; */
		background: #fff;
		/* border-radius: 12px; */
		display: flex;
		align-items: center;
		justify-content: center;
		color: #777;
		font-size: 12px;
		letter-spacing: .06em;
		filter: grayscale(100%);
		opacity: .85;
	}

	.logo-chip:hover {
	opacity: 1
	}

	.section-head .lead {
	margin: 8px 0 0;
	max-width: 680px;
	color: var(--muted);
	font-size: 15px;
	}


	/* SLIDER WRAPPER */
	.brand-slider {
		overflow: hidden;
		width: 100%;
		position: relative;
	}

	/* MOVING TRACK */
	.brand-track {
		display: flex;
		width: max-content;
		animation: scroll-left 35s linear infinite;
	}

	/* keep logos in a row */
	.brand-logos {
		display: flex;
		gap: 24px;
		align-items: center;
		flex-wrap: nowrap;
	}

	/* animation */
	@keyframes scroll-left {
		0%

	{
		transform: translateX(0);
	}

	100% {
		transform: translateX(-50%);
	}

	}

	.logo-item:hover {
		filter: none;
	}
	/* pause on hover (optional but nice UX) */
	.brand-slider:hover .brand-track {
		animation-play-state: paused;
	}