Marquee

<div class="marquee overflow-hidden">
  <div class="marquee-track flex w-max">
    <div class="flex shrink-0">mrkdwn · buena mono · Buena Labs ·</div>
    <div class="flex shrink-0" aria-hidden="true">mrkdwn · buena mono · Buena Labs ·</div>
  </div>
</div>

@keyframes marquee { to { transform: translateX(-50%); } }
.marquee-track { animation: marquee 18s linear infinite; }
.marquee:hover .marquee-track { animation-play-state: paused; }
@media (prefers-reduced-motion: reduce) {
  .marquee-track { animation: none; }
}