/* Reliable Partner Logos – front (CSS-only loop) */
.rpl-marquee{
  --rpl-gap: 16px;
  --rpl-height: 70px;
  --rpl-duration: 30s;
  position: relative;
  width: 100%;
  height: var(--rpl-height);
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to right, transparent 0, black 40px, black calc(100% - 40px), transparent 100%);
          mask-image: linear-gradient(to right, transparent 0, black 40px, black calc(100% - 40px), transparent 100%);
}
.rpl-track{
  display: flex;
  align-items: center;
  gap: var(--rpl-gap);
  height: 100%;
  will-change: transform;
  animation: rpl-scroll var(--rpl-duration) linear infinite;
}
.rpl-reverse .rpl-track{ animation-direction: reverse; }
.rpl-item{ flex: 0 0 auto; height: 100%; display: flex; align-items: center; }
.rpl-img{ max-height: 100%; width: auto; height: auto; display: block; object-fit: contain; }
.rpl-grayscale .rpl-img{ filter: grayscale(100%); opacity: .85; }
.rpl-grayscale .rpl-img:hover{ filter: none; opacity: 1; }
.rpl-pause:hover .rpl-track{ animation-play-state: paused; }
@keyframes rpl-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce){ .rpl-track{ animation: none !important; transform: none !important; } }