@props([
    'src' => null,
    'alt' => '',
    'caption' => null,
])

{{-- Photographie de la Maison ; en attendant les vraies images, un aplat sombre éclairé et une légende discrète. --}}
<figure {{ $attributes->class('relative m-0 overflow-hidden bg-encre-2') }}>
    @if ($src)
        <img src="{{ $src }}" alt="{{ $alt }}" loading="lazy" class="absolute inset-0 size-full object-cover transition-transform duration-[1.6s] ease-maison group-hover:scale-[1.04]">
    @else
        <div aria-hidden="true" class="absolute inset-0 bg-[radial-gradient(ellipse_at_28%_22%,#4a3a2e_0%,#241c17_45%,#120e0c_100%)] transition-transform duration-[1.6s] ease-maison group-hover:scale-[1.04]"></div>
        @if ($caption)
            <figcaption class="kicker absolute top-5 right-5 text-[0.6rem] text-ivoire/45">
                Photographie · {{ $caption }}
            </figcaption>
        @endif
    @endif
</figure>