@if ($partners->isNotEmpty())
    {{-- Strategic partners & clients (SOW 1.17). --}}
    <section class="section-tight">
        <div class="container-page">
            <div class="mb-6 flex flex-wrap items-center justify-between gap-4">
                <p class="eyebrow">{{ __('Clients & partners') }}</p>
                <a href="{{ route('partners.index') }}" class="link-arrow">
                    {{ __('See all') }} <x-icon name="arrow-right" class="icon-arrow size-4" />
                </a>
            </div>

            {{-- Continuous logo reel; pauses on hover, static under reduced motion. --}}
            <x-marquee :duration="48" aria-label="{{ __('Clients and partners') }}">
                @foreach ($partners as $partner)
                    <span class="flex h-16 w-40 items-center justify-center px-6" title="{{ $partner->tooltipText() }}">
                        @if ($partner->logo)
                            <img src="{{ image_url($partner->logo) }}" alt="{{ $partner->name }}" loading="lazy" decoding="async"
                                 class="max-h-10 w-auto max-w-full object-contain opacity-70 grayscale transition duration-300 hover:opacity-100 hover:grayscale-0">
                        @else
                            {{-- No logo uploaded: the name is more use than an empty frame. --}}
                            <span class="text-center text-xs font-semibold uppercase leading-tight tracking-wide text-text-muted transition hover:text-text">
                                {{ $partner->name }}
                            </span>
                        @endif
                    </span>
                @endforeach
            </x-marquee>
        </div>
    </section>
@endif