/* Rotating brand logo strip (home page). CSS only. */
.lg-strip{padding:28px 0 36px;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);background:#000;overflow:hidden}
.lg-label{margin:0 auto 18px;padding:0 20px;text-align:center;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.lg-viewport{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.lg-track{display:flex;width:max-content;animation:lg-scroll 90s linear infinite;will-change:transform}
.lg-viewport:hover .lg-track,.lg-viewport:focus-within .lg-track{animation-play-state:paused}
.lg-list{display:flex;align-items:center;gap:56px;margin:0;padding:0 28px;list-style:none;flex-shrink:0}
.lg-list li{flex:0 0 auto;display:flex;align-items:center;justify-content:center;height:44px}
.lg-list img{display:block;height:30px;width:auto;max-width:150px;object-fit:contain;opacity:.72;transition:opacity .2s}
.lg-list img.lg-sq{height:42px}
.lg-list img.lg-wide{height:20px;max-width:170px}
.lg-list img:hover{opacity:1}
@keyframes lg-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (max-width:600px){
  .lg-strip{padding:22px 0 26px}
  .lg-list{gap:36px;padding:0 18px}
  .lg-list img{height:24px;max-width:120px}
  .lg-list img.lg-sq{height:34px}
  .lg-list img.lg-wide{height:16px;max-width:130px}
  .lg-track{animation-duration:70s}
}
@media (prefers-reduced-motion:reduce){
  .lg-viewport{-webkit-mask-image:none;mask-image:none}
  .lg-track{animation:none;width:auto;flex-wrap:wrap;justify-content:center}
  .lg-list{flex-wrap:wrap;justify-content:center;row-gap:20px;padding:0 20px;flex-shrink:1}
  .lg-list[aria-hidden="true"]{display:none}
}
.lg-strip.lg-sm{padding:20px 0 24px;border-bottom:0}
.lg-sm .lg-label{margin-bottom:12px;font-size:11px}
.lg-sm .lg-list{gap:40px}
.lg-sm .lg-list li{height:34px}
.lg-sm .lg-list img{height:22px;max-width:120px}
.lg-sm .lg-list img.lg-sq{height:30px}
.lg-sm .lg-list img.lg-wide{height:15px;max-width:130px}
@media (max-width:600px){.lg-sm .lg-list{gap:30px}.lg-sm .lg-list img{height:20px}.lg-sm .lg-list img.lg-sq{height:28px}.lg-sm .lg-list img.lg-wide{height:13px}}