/* ══════════════════════════════════════════════════════
   HP Homes — Partner Logo Marquee
   ══════════════════════════════════════════════════════ */

.pm-strip {
  border-top: 1px solid rgba(0,0,0,.08);
  padding: 4rem 0 3rem 0;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%);
  mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%);
}

.pm-track,
.js-marquee-track {
  display: flex;
  align-items: center;
  width: max-content;
  will-change: transform;
}

.pm-track img,
.js-marquee-track img {
  height: 34px;
  width: auto;
  flex-shrink: 0;
  margin-right: clamp(3rem, 6vw, 6rem);
  filter: grayscale(1) brightness(1.1);
  opacity: 0.65;
  transition: filter .25s ease, opacity .25s ease;
}

.pm-track img:hover,
.js-marquee-track img:hover {
  filter: grayscale(0) brightness(1);
  opacity: 1;
  cursor: default;
}