/* =====================================================================
   БЕГУЩАЯ СТРОКА — контурные и залитые слова, скорость зависит от скролла
   ===================================================================== */
.marquee { padding-block: clamp(20px, 4vw, 50px); overflow: hidden; border-block: 1px solid var(--line); background: var(--bg-2); }
.marquee__row { display: flex; width: max-content; will-change: transform; }
.marquee__row + .marquee__row { margin-top: clamp(4px, 1vw, 12px); }
.marquee__row span {
  display: flex; align-items: center; gap: .35em; padding-right: .35em; white-space: nowrap;
  font-family: var(--f-display); font-weight: 900; font-size: clamp(48px, 9vw, 150px);
  line-height: 1.02; text-transform: uppercase; letter-spacing: -.02em;
}
.marquee__row span:nth-child(odd) { color: transparent; -webkit-text-stroke: 1.5px var(--ink); }
.marquee__row span i { font-style: normal; font-size: .4em; -webkit-text-stroke: 0; }
.marquee__row span:nth-child(5n+1) i { color: var(--lime); }
.marquee__row span:nth-child(5n+2) i { color: var(--violet); }
.marquee__row span:nth-child(5n+3) i { color: var(--cyan); }
.marquee__row span:nth-child(5n+4) i { color: var(--coral); }
.marquee__row span:nth-child(5n+5) i { color: var(--amber); }