/* ================================================================
   marquee.css — Section Marquee
   Figma node : 1281-985
================================================================ */

/* ── Section ────────────────────────────────────────────────── */
.marquee {
  position:   relative;  /* ancre les .pixel__pattern absolus */
  background: var(--cyan-50);
  overflow:   hidden;
}

/* ── Pixel bands → voir .pixel__pattern--purple dans sections.css ── */

/* ── Scrolling text row ─────────────────────────────────────── */
.mqt__scroll-wrap {
  overflow: hidden;
  padding:  0;
}

.mqt__track {
  display:   flex;
  gap:       32px;
  width:     max-content;
  animation: mqt-scroll 56s linear infinite;
}

.mqt__text {
  font-family:    var(--font-heading);
  font-size:      var(--text-h3);
  line-height:    var(--lh-heading);
  text-transform: uppercase;
  white-space:    nowrap;
}

.mqt__text--w { color: var(--purple-700); }
.mqt__text--p { color: var(--purple-900); }

@keyframes mqt-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}