@if ($updates->isNotEmpty())
    {{-- News, contracts & opportunities (SOW 1.12). --}}
    <section class="section">
        <div class="container-page">
            <div class="flex flex-wrap items-end justify-between gap-6">
                <x-section-heading :eyebrow="__('Newsroom')"
                                   :title="__('News, Contracts & Opportunities')"
                                   :subtitle="__('Tender notices, publications, events and project stories.')" />

                <x-button variant="outline" :href="route('media.index')" class="shrink-0" arrow>
                    {{ __('All updates') }}
                </x-button>
            </div>

            <div class="mt-10 grid gap-6 lg:grid-cols-3" data-reveal-group>
                @foreach ($updates as $item)
                    <x-media-card :item="$item" />
                @endforeach
            </div>
        </div>
    </section>
@endif