/* Client names beneath the homepage logo grid. */
.brands .client-marquee{
 margin-top:42px;padding-block:26px 8px;border-top:1px solid #e5eaf0;
 overflow:hidden;max-width:100%;
 -webkit-mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent);
 mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent);
}
.brands .client-marquee-track{display:flex;width:max-content;animation:client-names-scroll 115s linear infinite}
.brands .client-marquee-list{
 display:flex;align-items:center;flex-shrink:0;list-style:none;
 margin:0;padding:0;font-family:"Voyage Lexend",Arial,sans-serif;
 font-size:14px;font-weight:400;line-height:1.5;letter-spacing:.13em;text-transform:uppercase;color:#343c48;
}
.brands .client-marquee-list li{display:flex;align-items:center;white-space:nowrap}
.brands .client-marquee-list li::after{
 content:"";display:block;width:1px;height:13px;background:#044fbf;margin-inline:28px;flex-shrink:0;
}
.brands .client-marquee:hover .client-marquee-track,
.brands .client-marquee:focus-within .client-marquee-track{animation-play-state:paused}
@keyframes client-names-scroll{to{transform:translateX(-50%)}}
@media(max-width:580px){
 .brands .client-marquee{margin-top:28px;padding-top:22px}
 .brands .client-marquee-list{font-size:10px;letter-spacing:.08em}
 .brands .client-marquee-list li::after{height:9px;margin-inline:16px}
}
@media(prefers-reduced-motion:reduce){
 .brands .client-marquee{overflow-x:auto}
 .brands .client-marquee-track{animation:none;transform:none}
 .brands .client-marquee-list[aria-hidden="true"]{display:none}
}