{{-- Actualités --}}
@if ($news->isNotEmpty())
    <section class="border-t border-filet py-24 lg:py-40">
        <div class="mx-auto max-w-[1440px] px-5 sm:px-10 lg:px-14">
            <div class="mb-14 flex flex-wrap items-end justify-between gap-6">
                <div>
                    <p class="kicker mb-5 text-rouge">{{ $home->plain($data['kicker'] ?? '') }}</p>
                    <h2 class="font-serif text-[clamp(2.2rem,4.6vw,4.2rem)] leading-[1.02]">{{ $home->rich($data['title'] ?? '') }}</h2>
                </div>
                @if (filled($data['link_label'] ?? null))
                    <a href="{{ route('news.index') }}" class="lien-filet">{{ $data['link_label'] }}</a>
                @endif
            </div>
            <div class="grid gap-x-8 gap-y-14 md:grid-cols-3">
                @foreach ($news->take((int) ($data['count'] ?? 3)) as $post)
                    <article class="group">
                        <a href="{{ route('news.show', $post) }}" class="block">
                            <x-photo :src="$post->image ? Storage::disk('public')->url($post->image) : null" :alt="$post->title" class="aspect-[3/2]" />
                            <p class="kicker mt-6 text-gris">{{ $post->published_at?->translatedFormat('j F Y') }}</p>
                            <h3 class="mt-3 font-serif text-2xl leading-snug transition-colors group-hover:text-rouge">{{ $post->title }}</h3>
                            <p class="mt-3 line-clamp-3 text-gris">{{ $post->excerpt }}</p>
                        </a>
                    </article>
                @endforeach
            </div>
        </div>
    </section>
@endif