@php($p = $block->get('prefix'))
@php($v = $block->get('variant'))
@php($paragraphs = $block->get('paragraphs', []))
@php($images = $block->get('images', []))
  <section class="{{ $p }}-{{ $v }}">
    <div class="{{ $p }}-{{ $v }}-inner">

      <div class="{{ $p }}-{{ $v }}-text" data-reveal>
        <p class="{{ $block->get('eyebrow_class', 'section-eyebrow') }}">{{ $block->get('eyebrow') }}</p>
        <h2 class="{{ $block->get('title_class', $p . '-' . $v . '-title') }}">{!! $block->get('title_html') !!}</h2>
@foreach ($paragraphs as $para)
        <p class="{{ $para['class'] ?? '' }}">{!! $para['html'] ?? '' !!}</p>
@endforeach
      </div>

      <div class="{{ $p }}-{{ $v }}-imgs" data-reveal>
@foreach ($images as $img)
        <figure class="{{ $p }}-{{ $v }}-img {{ $img['modifier'] ?? '' }}">
          <div class="{{ $p }}-{{ $v }}-img-frame">
            <img src="{{ media_url($img['image'] ?? '') }}" alt="{{ $img['alt'] ?? '' }}" loading="lazy" />
          </div>
          <figcaption class="{{ $p }}-{{ $v }}-img-cap">
@if (! empty($img['caption_label']))
            <span>{{ $img['caption_label'] }}</span>
@endif
            <em>{{ $img['caption_em'] ?? '' }}</em>
          </figcaption>
        </figure>
@endforeach
      </div>

    </div>
  </section>