/* ScrollingTicker */

/* Absolutely positioned so it can sit outside the container bounds.
   top/bottom + flex centers it vertically without a transform, leaving
   transform free for the horizontal animation. */
.scroll-ticker-cont .scroll-ticker-text {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  padding: 0 1rem;
  white-space: nowrap;            /* keeps it to a single line */
  will-change: transform;
  transform: translateX(100%);    /* parked off-screen right until measured */
}

@keyframes scroll-ticker-move {
  from { transform: translateX(var(--st-from, 100%)); }
  to   { transform: translateX(var(--st-to, -100%)); }
}

/* Fallback when the visitor has asked for reduced motion: no travel,
   just a static line of text. */
.scroll-ticker-cont.is-static .scroll-ticker-text {
  position: static;
  height: 100%;
  transform: none;
  animation: none;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
}