/* ==========================================================================
   Component: brand-marquee
   Dải logo hãng chạy ngang vô hạn, dừng khi hover/focus.
   ========================================================================== */
.bm{
  --bm-duration:32s;
  overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
}
.bm__track{
  display:flex;
  width:max-content;
  animation:bm-scroll var(--bm-duration) linear infinite;
}
.bm:hover .bm__track,
.bm:focus-within .bm__track{
  animation-play-state:paused;
}
.bm__group{
  display:flex;
  align-items:center;
  flex:none;
}
.bm-item{
  display:flex;
  align-items:center;
  justify-content:center;
  flex:none;
  height:104px;
  padding:0 clamp(24px,3.5vw,48px);
}
.bm-mark{
  display:flex;
  align-items:center;
  justify-content:center;
  height:100%;
}
.bm-mark img{
  max-height:100%;
  max-width:190px;
  width:auto;
  object-fit:contain;
}
.bm-mark--text{
  font-family:"Inter",sans-serif;
  font-weight:700;
  font-size:1.0625rem;
  letter-spacing:.01em;
  color:var(--ink-2);
  white-space:nowrap;
}

@keyframes bm-scroll{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}

@media (prefers-reduced-motion:reduce){
  .bm__track{animation:none;flex-wrap:wrap;justify-content:center}
  .bm__group:nth-child(2){display:none}
}