/* ============================================================
   2. MARQUEE SECTION
   ============================================================ */

.marquee {
  background: #0C0C0C;
  padding: 6rem 0 2.5rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

@media (min-width: 640px) {
  .marquee { padding-top: 8rem; }
}

@media (min-width: 768px) {
  .marquee { padding-top: 10rem; }
}

.marquee__row {
  display: flex;
  gap: 0.75rem;
  will-change: transform;
}

.marquee__tile {
  flex: 0 0 auto;
  width: 420px;
  height: 270px;
  border-radius: 1rem;
  object-fit: cover;
}