/* Logo files and rendered images share the exact same 180 x 72 dimensions. */
.customers{background:#f2f2e9;color:#161d17;padding:34px 0 28px;margin-bottom:44px;border-block:1px solid #d9dfcf}
.customer-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:23px}
.customer-heading .eyebrow{font-size:9px;letter-spacing:1.7px;color:#65725b;margin-bottom:7px}
.customer-heading h2{font:600 27px/1.2 var(--display,'Barlow Condensed',sans-serif);letter-spacing:.1px;text-transform:uppercase}
.customer-viewport{overflow:hidden}
.customer-list{display:flex;flex-wrap:wrap;gap:18px;margin:0;padding:0;list-style:none}
.customer-list.is-auto{width:max-content;flex-wrap:nowrap;will-change:transform;animation:customer-marquee var(--logo-loop-duration,72s) linear infinite!important}
@keyframes customer-marquee{from{transform:translateX(0)}to{transform:translateX(calc(-1 * var(--logo-loop-distance,2574px)))}}
.customer-list li{display:flex;align-items:center;justify-content:center;flex:0 0 216px;height:108px;background:#fff;border:1px solid #dce2d2;scroll-snap-align:start}
.customer-list img{display:block;width:180px;height:72px;max-width:none;object-fit:contain;flex-shrink:0}
.customer-list:focus-visible{outline:3px solid #e77e20;outline-offset:5px}
@media(max-width:760px){.customers{padding:27px 0 23px;margin-bottom:30px}.customer-heading{gap:15px;margin-bottom:18px}.customer-heading h2{font-size:25px}.customer-heading .eyebrow{font-size:8px;letter-spacing:1.2px}.customer-list{gap:12px}.customer-list li{flex-basis:204px;height:100px}.customer-controls button{min-width:40px;min-height:40px}}
@media(prefers-reduced-motion:reduce){.customer-list.is-auto{animation:none!important;width:auto;flex-wrap:wrap;will-change:auto}.customer-list li[aria-hidden="true"]{display:none}}