/* Homepage client logo carousel: logos only, on the site's light section style. */
.clients-sec{padding:88px 0 96px;overflow:hidden}
.clients-sec .wrap{text-align:center}
.clients-sec .sec-h{margin:0 auto;max-width:24em}
.clients-viewport{position:relative;margin-top:48px;
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 8%,#000 92%,transparent 100%);
          mask-image:linear-gradient(to right,transparent 0,#000 8%,#000 92%,transparent 100%)}
.clients-track{display:flex;width:max-content;animation:clients-scroll 80s linear infinite;will-change:transform}
.clients-viewport:hover .clients-track,
.clients-viewport:focus-within .clients-track{animation-play-state:paused}
.clients-set{display:flex;flex-shrink:0;align-items:center;gap:76px;padding-right:76px;margin:0;list-style:none}
.client-logo{flex:0 0 auto;display:flex;align-items:center;justify-content:center;height:84px}
.client-logo img{display:block;width:auto;height:auto;max-width:190px;max-height:76px;object-fit:contain}
.client-logo img[src*="t-snow"]{border-radius:6px}
@keyframes clients-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (max-width:640px){
  .clients-sec{padding:64px 0 70px}
  .clients-set{gap:52px;padding-right:52px}
  .client-logo{height:64px}
  .client-logo img{max-width:150px;max-height:56px}
  .clients-track{animation-duration:65s}
}
@media (prefers-reduced-motion:reduce){
  .clients-track{animation:none;width:auto;overflow-x:auto;padding-bottom:6px}
  .clients-set[aria-hidden="true"]{display:none}
  .clients-viewport{-webkit-mask-image:none;mask-image:none}
}