@php($data = $section['data'] ?? [])
@php($pillars = ['empowering-farmers', 'environmental-stewardship', 'fair-trade', 'economic-impact'])
<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="grid gap-px bg-border sm:grid-cols-2">@foreach ($pillars as $index => $pillar)<article class="space-y-4 bg-cream p-10"><p class="text-xs uppercase tracking-[.2em] text-cedar">{{ str_pad((string) ($index + 1), 2, '0', STR_PAD_LEFT) }}</p><h3 class="text-3xl">{{ $data[$pillar.'_title'] ?? '' }}</h3><p class="leading-relaxed text-foreground/70">{{ $data[$pillar.'_body'] ?? '' }}</p></article>@endforeach</div></div>@can('update', $page)<livewire:about-section-inline-editor :page="$page" :locale="$locale" section-key="sustainability.pillars" :key="'sustainability-'.$locale.'-pillars'"/>@endcan</section>