/* ============================================================
   MAIN STREET COURT — HOMEPAGE HIGHLIGHTS TICKER
   Sits in normal page flow directly beneath the hero photo.
   Uses existing brand tokens from style.css (--navy, --teal, --yellow, --cream).
   ============================================================ */
.msc-ticker{
  position:relative;overflow:hidden;background:var(--navy,#0B114C);
  padding:clamp(14px,1.8vw,20px) 0;
  border-top:3px solid var(--teal,#00B5C0);border-bottom:3px solid var(--yellow,#FFCF55);
}
/* soft fade at both edges */
.msc-ticker::before,.msc-ticker::after{
  content:"";position:absolute;top:0;bottom:0;width:clamp(28px,6vw,90px);z-index:2;pointer-events:none;
}
.msc-ticker::before{left:0;background:linear-gradient(90deg,var(--navy,#0B114C),rgba(11,17,76,0))}
.msc-ticker::after{right:0;background:linear-gradient(270deg,var(--navy,#0B114C),rgba(11,17,76,0))}

.msc-ticker__track{display:flex;width:max-content;animation:msc-ticker-scroll 87s linear infinite;will-change:transform}
.msc-ticker:hover .msc-ticker__track{animation-play-state:paused}
.msc-ticker__group{display:flex;align-items:center;flex:none;margin:0;padding:0;list-style:none}
.msc-ticker__item{
  color:var(--cream,#FBF7EF);font-weight:700;letter-spacing:.05em;text-transform:uppercase;
  font-size:clamp(.9rem,1.35vw,1.15rem);line-height:1.3;white-space:nowrap;
  padding:0 clamp(16px,2.2vw,30px);
}
.msc-ticker__dot{width:9px;height:9px;border-radius:50%;flex:none;background:var(--teal,#00B5C0)}
.msc-ticker__dot.is-gold{background:var(--yellow,#FFCF55)}

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

/* phones: smaller type = shorter track, so a shorter loop keeps the same comfortable reading speed */
@media (max-width:640px){
  .msc-ticker__track{animation-duration:63s}
  .msc-ticker__item{letter-spacing:.04em}
  .msc-ticker__dot{width:8px;height:8px}
}

/* Reduced motion: no movement. Show one stationary, wrapping set of highlights. */
@media (prefers-reduced-motion:reduce){
  .msc-ticker::before,.msc-ticker::after{display:none}
  .msc-ticker__track{animation:none;width:auto;justify-content:center;padding:0 16px;transform:none}
  .msc-ticker__group{flex:1 1 auto;max-width:100%;flex-wrap:wrap;justify-content:center;row-gap:10px}
  .msc-ticker__group[aria-hidden="true"]{display:none} /* hide the 3 loop copies */
  .msc-ticker__item{white-space:normal;text-align:center}
  .msc-ticker__dot:last-child{display:none}
}
@media (prefers-reduced-motion:reduce) and (max-width:640px){
  .msc-ticker__group{flex-direction:column;row-gap:6px}
  .msc-ticker__dot{display:none}
}