@php($translation = $category->translation($locale))
@if ($translation && $presentation)
    <article class="group block overflow-hidden rounded-sm bg-card">
        <div class="aspect-4/3 overflow-hidden"><img class="h-full w-full object-cover transition-transform duration-[1.2s] group-hover:scale-105" src="{{ Vite::asset($presentation['asset']) }}" alt="{{ $translation->name }}" loading="lazy"></div>
        <div class="flex items-center justify-between p-6"><div><h3 class="text-2xl">{{ $translation->name }}</h3><p class="mt-1 text-xs text-foreground/55">{{ $presentation['descriptor'] }}</p></div><span class="rtl-flip text-lg text-cedar transition-transform group-hover:translate-x-1" aria-hidden="true">→</span></div>
    </article>
@endif