/* ════════════════════════════════════════════════════
   MARQUEE — Infinite horizontal text strip
   ════════════════════════════════════════════════════ */

.marquee-strip{
  overflow:hidden;
  padding:1.5rem 0;
  border-top:1px solid var(--gold-dim);
  border-bottom:1px solid var(--gold-dim);
  background:var(--black);
  position:relative;
  white-space:nowrap;
}

.marquee-track{
  display:inline-flex;
  align-items:center;
  gap:2.5rem;
  animation:marqueeScroll 25s linear infinite;
  will-change:transform;
}

.marquee-strip--reverse .marquee-track{
  animation-direction:reverse;
}

.marquee-track span{
  font-family:var(--serif);
  font-size:clamp(.85rem, 1.6vw, 1.2rem);
  letter-spacing:.3em;
  text-transform:uppercase;
  color:rgba(255,255,255,.2);
  flex-shrink:0;
  transition:color .3s;
}
.marquee-strip:hover .marquee-track span{
  color:rgba(255,255,255,.4);
}

.marquee-dot{
  color:var(--gold) !important;
  font-size:.7rem;
  opacity:.6;
}

@keyframes marqueeScroll{
  0%{transform:translateX(0)}
  100%{transform:translateX(-50%)}
}

/* Fade edges */
.marquee-strip::before,
.marquee-strip::after{
  content:'';
  position:absolute;top:0;bottom:0;width:80px;
  z-index:2;pointer-events:none;
}
.marquee-strip::before{
  left:0;
  background:linear-gradient(90deg,var(--black),transparent);
}
.marquee-strip::after{
  right:0;
  background:linear-gradient(270deg,var(--black),transparent);
}