/* ============================================================
   marquee.css — 通用走马灯 + 合作方 logo 分格带
   ============================================================ */

/* 通用 track：JS 复制内容至 ≥2 倍宽后启动动画 */
.marquee-track {
  display: flex;
  align-items: center;
  width: max-content;
  will-change: transform;
}
.marquee-track.is-running { animation: marquee var(--marquee-duration, 30s) linear infinite; }
@keyframes marquee { to { transform: translateX(-50%); } }
.motion-off .marquee-track.is-running { animation: none; }

/* ---------- 合作方 logo 带 ---------- */
.logos {
  border-block: 1px solid rgb(3 0 40 / .1);
  overflow: hidden;
  background: var(--white);
}
.logos__cell {
  position: relative;
  display: grid;
  place-items: center;
  width: 356px;
  height: 190px;
  border-right: 1px solid rgb(3 0 40 / .1);
  overflow: hidden;
}
.logos__cell img { transition: transform .35s var(--reveal-ease), opacity .35s; }
.logos__alt {
  position: absolute;
  inset: 0;
  margin: auto;
  transform: translateY(120%);
  opacity: 0;
}
.logos__cell:hover img:first-child { transform: translateY(-120%); opacity: 0; }
.logos__cell:hover .logos__alt { transform: translateY(0); opacity: 1; }

@media (max-width: 809px) {
  .logos__cell { width: 240px; height: 120px; }
  .logos__cell img { max-width: 120px; }
}