{# credits_ticker (magazine-bold) — marquee strip of credits. Fields: items[].label. MID motion: CSS marquee, paused on hover, static under prefers-reduced-motion. The track renders the item list TWICE so the -50% translate loops seamlessly (engine can't repeat N times). #}
{% if items %}
<section data-block="magazine-bold:credits_ticker" class="colorblock-accent w-full border-y-2 border-[hsl(var(--foreground))] py-3">
  <div class="mb-marquee">
    <div class="mb-marquee-track">
      {% for item in items %}<span class="mb-caps px-6 text-[hsl(var(--accent-foreground))]">{{ item.label }}</span><span aria-hidden="true" class="text-[hsl(var(--accent-foreground))]">/</span>{% endfor %}{% for item in items %}<span class="mb-caps px-6 text-[hsl(var(--accent-foreground))]">{{ item.label }}</span><span aria-hidden="true" class="text-[hsl(var(--accent-foreground))]">/</span>{% endfor %}
    </div>
  </div>
</section>
{% endif %}
