/* Logo marquee copied from leasing-page Partners.astro. */

  .partners {
    --gap: clamp(2.5rem, 5vw, 4rem);

    margin-top: clamp(2rem, 5vw, 3rem);
    padding-block: clamp(2rem, 5vw, 3rem);
    border-bottom: 1px solid var(--line);
  }


  .partners .marquee {
    overflow: hidden;
    mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
  }

  .partners .track {
    display: flex;
    width: max-content;
    animation: marquee 60s linear infinite;
  }

  .partners .marquee:hover .track {
    animation-play-state: paused;
  }

  /* Trailing padding equals the gap so both copies are the same width and the
     -50% loop point is seamless. */
  .partners ul {
    display: flex;
    align-items: center;
    gap: var(--gap);
    margin: 0;
    padding: 0 var(--gap) 0 0;
    list-style: none;
  }

  .partners img {
    display: block;
    height: 1.75rem;
    width: auto;
    max-width: 9rem;
    object-fit: contain;
    filter: brightness(0);
    opacity: 0.55;
  }

  .partners img.gray {
    height: 2.4rem;
    filter: grayscale(1) contrast(1.4);
  }

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

  @media (prefers-reduced-motion: reduce) {
    .partners .marquee {
      mask-image: none;
    }

    .partners .track {
      width: auto;
      animation: none;
    }

    .partners ul {
      flex-wrap: wrap;
      justify-content: center;
      padding: 0 var(--gutter);
      row-gap: 1.5rem;
    }

    .partners ul[aria-hidden],
    .partners li.dup {
      display: none;
    }
  }