@php
    $process = $home['process'] ?? [];
    $imgPath = $process['image'] ?? '/images/home/business-meeting.jpg';
    $imgSrc = str_starts_with($imgPath, 'http') ? $imgPath : asset(ltrim($imgPath, '/'));
@endphp
<section class="home-section home-section--muted">
    <div class="container-page">
        @include('pages.home._section-head', [
            'kicker' => $process['kicker'] ?? '',
            'title' => $process['title'] ?? '',
            'lead' => $process['lead'] ?? '',
            'centered' => true,
        ])

        <ol class="home-steps home-steps--row">
            @foreach(($process['steps'] ?? []) as $item)
                <li class="home-step-card">
                    <span class="home-step-card__num">{{ $item['step'] ?? '' }}</span>
                    <h3 class="home-step-card__title">{{ $item['title'] ?? '' }}</h3>
                    <p class="home-step-card__text">{{ $item['text'] ?? '' }}</p>
                </li>
            @endforeach
        </ol>

        <figure class="home-figure home-figure--center mt-12">
            <img
                src="{{ $imgSrc }}"
                alt="{{ $process['image_alt'] ?? '' }}"
                width="960"
                height="400"
                class="home-editorial-photo home-editorial-photo--wide"
                loading="lazy"
                decoding="async"
            >
            <figcaption class="home-figure-caption home-figure-caption--center">{{ $process['caption'] ?? '' }}</figcaption>
        </figure>
    </div>
</section>