@php($data = $section['data'] ?? [])
<section class="relative overflow-hidden bg-muted/40 py-20 md:py-28"><div class="bg-leaf pointer-events-none absolute inset-0 opacity-[.05]"></div><div class="container-page relative"><div class="mb-12 max-w-2xl space-y-4"><div class="rule-leaf"><span class="block h-px w-8 bg-cedar"></span><span class="eyebrow">{{ $data['eyebrow'] ?? '' }}</span></div><h2 class="display-xl">{{ $data['title'] ?? '' }}</h2></div><div class="grid gap-px bg-border md:grid-cols-3">@foreach (['alamal', 'kerma', 'eightones'] as $partner) @php($media = $assets->get($data[$partner.'_media_asset_id'] ?? null))<a class="group flex flex-col space-y-4 bg-background p-10 transition-colors hover:bg-card" href="{{ $data[$partner.'_url'] ?? '#' }}" target="_blank" rel="noreferrer noopener"><div class="flex h-20 items-center">@if ($media)<img class="max-h-20 max-w-45 object-contain" src="{{ $media->url() }}" alt="{{ $media->translation($locale)?->alt_text ?? '' }}" loading="lazy">@endif</div><p class="eyebrow">{{ $data[$partner.'_role'] ?? '' }}</p><h3 class="text-3xl">{{ $data[$partner.'_name'] ?? '' }}</h3><p class="mt-auto inline-flex items-center gap-2 text-sm text-cedar transition-all group-hover:gap-3">{{ $data[$partner.'_cta_label'] ?? '' }} <span aria-hidden="true">→</span></p></a>@endforeach</div></div>@can('update', $page)<livewire:about-section-inline-editor :page="$page" :locale="$locale" section-key="vision.partners" :key="'vision-inline-'.$locale.'-partners'" />@endcan</section>