/* Final company-proof treatment: one refined horizontal ribbon, not a grid. */
.company-marquee {
  width: 100%;
  overflow: hidden;
  padding: 8px 0 14px;
  mask-image: linear-gradient(90deg, transparent 0, #000 5%, #000 95%, transparent 100%);
}

.company-marquee .company-logo-rows {
  display: flex !important;
  flex-direction: row !important;
  align-items: center;
  width: max-content;
  gap: 14px;
  animation: company-ribbon 84s linear infinite;
  will-change: transform;
}

.company-marquee:hover .company-logo-rows,
.company-marquee:focus-within .company-logo-rows {
  animation-play-state: paused;
}

.company-marquee .company-logo-row {
  display: flex !important;
  flex-direction: row !important;
  align-items: center;
  width: max-content !important;
  max-width: none !important;
  gap: 14px !important;
}

.company-marquee .company-logo {
  box-sizing: border-box;
  flex: 0 0 142px !important;
  flex-direction: row !important;
  width: 142px !important;
  height: 54px !important;
  min-height: 54px;
  padding: 8px 14px !important;
  gap: 9px !important;
  border: 1px solid #e0e6ea;
  border-radius: 3px;
  background: #fff;
  box-shadow: 0 3px 10px rgba(16, 38, 66, .045);
}

.company-marquee .company-logo:after { display: none !important; }

.company-marquee .company-logo img {
  flex: 0 1 auto;
  width: auto;
  max-width: 94px !important;
  max-height: 25px !important;
  filter: none !important;
  opacity: 1 !important;
  transform: none !important;
}

.company-marquee .company-logo b { display: none; }

@keyframes company-ribbon {
  to { transform: translateX(-50%); }
}

@media (max-width: 800px) {
  .company-marquee {
    overflow-x: auto;
    mask-image: none;
    scrollbar-width: thin;
    scroll-snap-type: x proximity;
  }

  .company-marquee .company-logo-rows { animation: none; }
  .company-marquee .company-logo-row[aria-hidden="true"] { display: none !important; }
  .company-marquee .company-logo {
    flex-basis: 132px !important;
    width: 132px !important;
    height: 50px !important;
    min-height: 50px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .company-marquee .company-logo-rows { animation: none; }
}