/* Бегущая строка (логика — src/lib/marquee.js). Контейнер клипует, .marq__i едет
   ping-pong'ом с паузами на концах. Вне переполнения обёртки нет — работает штатный
   ellipsis элемента. */
.marq { overflow: hidden; }
.marq__i {
  display: inline-block;
  white-space: nowrap;
  will-change: transform;
  animation: marq var(--marq-t, 8s) ease-in-out infinite alternate;
}
@keyframes marq {
  0%, 14%   { transform: translateX(0); }
  86%, 100% { transform: translateX(calc(var(--marq-d, 0px) * -1)); }
}
@media (prefers-reduced-motion: reduce) {
  .marq__i { animation: none; }
}