@php $image = $url($data['image'] ?? null); @endphp
<section class="{{ $cls }}" {{ $attrs }}>
    <div class="container-page">
        <div class="home-split home-split--equal home-split--center">
            @if($image !== '')
                <figure class="home-figure">
                    <img src="{{ $image }}" alt="{{ ($data['image_alt'] ?? '') ?: ($pageTitle ?? '') }}" width="720" height="480" class="home-editorial-photo" loading="lazy" decoding="async">
                    @if(filled($data['image_caption'] ?? null))
                        <figcaption class="home-figure-caption">{{ $data['image_caption'] }}</figcaption>
                    @endif
                </figure>
            @endif

            <div class="home-case-copy min-w-0">
                @include('builder.partials.head', ['centered' => false, 'linkUrl' => null, 'linkText' => null])

                <div class="mt-8 space-y-6">
                    @foreach(['challenge' => 'Challenge', 'solution' => 'Solution'] as $key => $label)
                        @if(filled($data[$key] ?? null))
                            <div>
                                <h3 class="text-sm font-semibold uppercase tracking-wide text-primary">{{ $label }}</h3>
                                <p class="mt-2 leading-relaxed text-muted">{{ $data[$key] }}</p>
                            </div>
                        @endif
                    @endforeach
                    @if(filled($data['results'] ?? null))
                        <p class="home-case-copy__result">{{ $data['results'] }}</p>
                    @endif
                </div>
            </div>
        </div>
    </div>
</section>