{{-- La Maison --}}
<section id="maison" class="scroll-mt-20 py-24 lg:py-40">
    <div class="mx-auto max-w-[1440px] px-5 sm:px-10 lg:px-14">
        <div class="grid gap-12 lg:grid-cols-12">
            <p class="kicker text-rouge lg:col-span-3">{{ $home->plain($data['kicker'] ?? '') }}</p>
            <div class="lg:col-span-9">
                <p class="font-serif text-[clamp(1.75rem,3.4vw,3.1rem)] leading-[1.2] [&_em]:text-rouge">{{ $home->rich($data['lead'] ?? '') }}</p>
                <div class="mt-14 grid gap-10 md:grid-cols-2">
                    <p class="max-w-md leading-relaxed text-gris">{{ $home->rich($data['text'] ?? '') }}</p>
                    @if (filled($data['signature'] ?? null))
                        <div class="flex flex-col justify-end">
                            <p class="font-serif text-2xl italic">{{ $data['signature'] }}</p>
                            <p class="kicker mt-2 text-gris">{{ $data['signature_role'] ?? '' }}</p>
                        </div>
                    @endif
                </div>
            </div>
        </div>

        @if (filled($data['figures'] ?? null))
            <dl class="mt-24 grid grid-cols-2 border-t border-filet lg:mt-32 lg:grid-cols-4">
                @foreach ($data['figures'] as $figure)
                    <div class="flex flex-col-reverse gap-3 border-filet pt-8 pr-6 pb-2 max-lg:nth-[n+3]:mt-8 max-lg:nth-[n+3]:border-t lg:border-l lg:pl-8 lg:first:border-l-0 lg:first:pl-0">
                        <dt class="kicker text-gris">{{ $home->plain($figure['label'] ?? '') }}</dt>
                        <dd class="font-serif text-[clamp(1.6rem,2.6vw,2.4rem)] leading-none">{{ $home->plain($figure['value'] ?? '') }}</dd>
                    </div>
                @endforeach
            </dl>
        @endif
    </div>
</section>