// ── Customer logo marquee ───────────────────────────────────

.bst-marquee {
    border: 3px solid red !important;
    position: relative;
    overflow: hidden !important;
    width: 100%;
    max-width: 64rem;
    margin-left: auto;
    margin-right: auto;
    padding: 4rem 0;               // shorthand FIRST
    margin-top: 2rem;              // extra space above
    margin-bottom: 2rem;           // extra space below
    box-sizing: border-box;
    -webkit-mask-image: linear-gradient(to right, transparent 0%, black 12%, black 88%, transparent 100%);
    mask-image: linear-gradient(to right, transparent 0%, black 12%, black 88%, transparent 100%);
}

.bst-marquee__track {
  display: flex;
  align-items: center;
  gap: 0;
  width: max-content;
  will-change: transform;
  animation: bst-scroll 25s linear infinite;
  backface-visibility: hidden;     // force GPU layer

  &:hover {
    animation-play-state: paused;
  }
}

@keyframes bst-scroll {
  from { transform: translate3d(0, 0, 0); }
  to   { transform: translate3d(-50%, 0, 0); }
}

.bst-marquee__logo {
  height: 5rem;
  width: 8rem;                     // fixed width for ALL logos
  flex-shrink: 0;
  object-fit: contain;
  margin-right: 5rem;
}

strong.bst-landing-card__title {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.4em !important;
}

svg.bst-landing-card__icon {
  margin: 0 !important;
  flex-shrink: 0;
}