/* ═══════════════════════════════════════════════════════════

       MARQUEE BAND
    ═══════════════════════════════════════════════════════════ */
    .marquee-section {
      padding: 1.1rem 0; background: var(--color-purple);
      overflow: hidden; white-space: nowrap;
      /* Entire section is diagonal — rotate tilts text along with the strip */
      transform: rotate(-2deg) scaleX(1.08);
      margin: 1rem 0;
      position: relative;
      z-index: 3;
    }
    .marquee__track {
      display: inline-flex; gap: 2.5rem;
      animation: anim-marquee 22s linear infinite;
    }
    .marquee__item {
      font-family: var(--font-display); font-size: 1.7rem;
      letter-spacing: .12em; color: var(--color-white); text-transform: uppercase;
      display: flex; align-items: center; gap: 2rem;
    }
    .marquee__dot {
      width: 7px; height: 7px; border-radius: 50%;
      background: var(--color-ice); flex-shrink: 0;
    }
    @keyframes anim-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }