@php($logos = array_values($block->get('logos', [])))
@php($count = count($logos))
{{-- Pace the scroll by the number of logos so the speed stays constant and
     subtle regardless of how many the client adds (≈4s per logo, slow). --}}
@php($duration = max(24, $count * 4))
  <section class="partners-marquee">

    <div class="partners-marquee-head" data-reveal>
      <p class="section-eyebrow">{{ $block->get('eyebrow') }}</p>
      <h2 class="atelier-section-title">{!! $block->get('title_html') !!}</h2>
@if ($block->get('body_html'))
      <p class="partners-marquee-body">{!! $block->get('body_html') !!}</p>
@endif
    </div>

@if ($count)
    <div class="partners-marquee-viewport" data-reveal>
      <div class="partners-marquee-track" style="--marquee-duration: {{ $duration }}s">
@foreach ($logos as $logo)
        <div class="partners-marquee-cell"><img src="{{ media_url($logo['src'] ?? '') }}" alt="{{ $logo['alt'] ?? '' }}" loading="lazy" decoding="async"></div>
@endforeach
{{-- A second, identical set makes the loop seamless; it is decorative, so it
     is hidden from assistive tech (the first set already names every logo). --}}
@foreach ($logos as $logo)
        <div class="partners-marquee-cell is-clone" aria-hidden="true"><img src="{{ media_url($logo['src'] ?? '') }}" alt="" loading="lazy" decoding="async"></div>
@endforeach
      </div>
    </div>
@endif

  </section>