@layer components{.logoband{background:#fff;border-bottom:1px solid #16445021;padding:40px 0 34px}.logoband__title{color:#56696e;font:650 12px/1.3 var(--font-display);letter-spacing:.13em;text-align:center;text-transform:uppercase;margin:0 0 22px;padding:0 16px}.logoband__brand{text-transform:none;letter-spacing:.02em}.logoband__viewport{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.logoband__track{--logoband-gap:56px;align-items:center;gap:var(--logoband-gap);width:max-content;padding:0 calc(var(--logoband-gap) / 2);margin:0;list-style:none;animation:60s linear infinite logoband-scroll;display:flex}.logoband__viewport:hover .logoband__track{animation-play-state:paused}.logoband__item{flex:none;justify-content:center;align-items:center;width:124px;height:52px;display:flex}.logoband__logo{object-fit:contain;filter:grayscale()contrast(1.1);opacity:.62;mix-blend-mode:multiply;width:auto;max-width:100%;height:auto;max-height:44px;transition:filter .2s,opacity .2s;display:block}.logoband__item:hover .logoband__logo{filter:none;opacity:1}@media (prefers-reduced-motion:reduce){.logoband__track{flex-wrap:wrap;justify-content:center;width:auto;animation:none}.logoband__item[aria-hidden]{display:none}}@media (max-width:680px){.logoband{padding:30px 0 26px}.logoband__track{--logoband-gap:36px;animation-duration:45s}.logoband__item{width:96px;height:42px}.logoband__logo{max-height:36px}}}@keyframes logoband-scroll{to{transform:translate(-50%)}}