.partner{padding-block:var(--s-6) var(--s-6);border-top:1px solid var(--c-line)}
.partner-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--s-3) var(--s-4);margin-bottom:var(--s-5)}
.partner-title{margin:0}
.partner-serial{color:var(--c-ink-3)}

.partner-strip{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.partner-track{display:flex;width:max-content;will-change:transform}
.partner-list{list-style:none;margin:0;padding:0;display:flex;align-items:center;flex:none}
.partner-item{display:flex;align-items:center;justify-content:center;flex:none;height:84px;padding-inline:var(--s-5)}
.partner-item a{display:flex;align-items:center;justify-content:center;min-height:44px}

.partner-logo{display:block;width:auto;max-width:none;height:var(--hm,var(--h,40px));opacity:.82;transition:opacity .25s var(--ease)}
.partner-item:hover .partner-logo{opacity:1}
.partner-logo--raster{mix-blend-mode:lighten;filter:grayscale(1) contrast(1.15)}

.partner.is-loop .partner-track{animation:partner-loop var(--dur,30s) linear infinite}
.partner-strip:hover .partner-track,.partner-strip:focus-within .partner-track{animation-play-state:paused}
@keyframes partner-loop{from{transform:translate3d(0,0,0)}to{transform:translate3d(calc(-1 * var(--shift,50%)),0,0)}}

@media (min-width:761px){
  .partner{padding-block:var(--s-8) var(--s-7)}
  .partner-item{height:120px;padding-inline:var(--s-8)}
  .partner-logo{height:var(--h,44px);opacity:.75}
}

@media (prefers-reduced-motion:reduce){
  .partner.is-loop .partner-track{animation:none}
  .partner-strip{-webkit-mask-image:none;mask-image:none}
  .partner-track{width:auto}
  .partner-list{flex-wrap:wrap;justify-content:center;width:100%;row-gap:var(--s-2)}
  .partner-list--clone{display:none}
  .partner-item{height:72px;padding-inline:var(--s-4)}
}