/* Brand logo strip under the header on every public marketing page (js/logo-strip.js fills it).
   Fixed height on the placeholder itself, so the page never jumps when the logos arrive. */
.ls-strip{position:relative;box-sizing:border-box;height:80px;margin:0;padding:12px 0 0;background:#000;color:#fff;border-bottom:1px solid rgba(255,255,255,.08);overflow:hidden;contain:layout paint}
.ls-strip *{box-sizing:border-box}
.ls-strip .ls-label{margin:0 auto 8px;padding:0 16px;height:14px;font:600 11px/14px system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.55);text-align:center;text-shadow:none;max-width:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ls-strip .ls-viewport{position:relative;height:44px;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)}
.ls-strip .ls-track{display:flex;width:max-content;height:44px;animation:ls-scroll 80s linear infinite;will-change:transform}
.ls-strip .ls-viewport:hover .ls-track,.ls-strip .ls-viewport:focus-within .ls-track,.ls-strip.ls-off .ls-track{animation-play-state:paused}
.ls-strip .ls-list{display:flex;align-items:center;gap:44px;height:44px;margin:0;padding:0 22px;list-style:none;flex-shrink:0}
.ls-strip .ls-list li{flex:0 0 auto;display:flex;align-items:center;justify-content:center;height:44px;margin:0;padding:0}
.ls-strip .ls-list li::before,.ls-strip .ls-list li::marker{content:none}
.ls-strip .ls-list img{display:block;height:24px;width:auto;max-width:130px;object-fit:contain;opacity:.7;filter:grayscale(1) brightness(0) invert(1);transition:opacity .2s}
.ls-strip .ls-list img.ls-sq{height:32px}
.ls-strip .ls-list img.ls-wide{height:15px;max-width:140px}
.ls-strip .ls-list img:hover{opacity:1}
@keyframes ls-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (max-width:600px){
  .ls-strip{height:74px;padding-top:10px}
  .ls-strip .ls-label{margin-bottom:6px;height:12px;font-size:10px;line-height:12px}
  .ls-strip .ls-list{gap:32px;padding:0 16px}
  .ls-strip .ls-list img{height:20px;max-width:110px}
  .ls-strip .ls-list img.ls-sq{height:28px}
  .ls-strip .ls-list img.ls-wide{height:13px;max-width:120px}
  .ls-strip .ls-track{animation-duration:65s}
}
@media (prefers-reduced-motion:reduce){
  .ls-strip .ls-viewport{overflow-x:auto;scrollbar-width:none;-webkit-mask-image:none;mask-image:none}
  .ls-strip .ls-viewport::-webkit-scrollbar{display:none}
  .ls-strip .ls-track{animation:none}
  .ls-strip .ls-list[aria-hidden="true"]{display:none}
}