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

      <figure class="{{ $p }}-{{ $v }}-img" data-reveal>
        <div class="{{ $p }}-{{ $v }}-img-frame">
          <img src="{{ media_url($block->get('image')) }}" alt="{{ $block->get('image_alt') }}" loading="lazy" />
        </div>
        <figcaption class="{{ $p }}-{{ $v }}-img-cap">
          <span>{{ $block->get('caption_label') }}</span>
          <em>{{ $block->get('caption_em') }}</em>
        </figcaption>
      </figure>

      <div class="{{ $p }}-{{ $v }}-content" data-reveal>
        <p class="{{ $block->get('eyebrow_class', 'section-eyebrow') }}">{{ $block->get('eyebrow') }}</p>
        <h2 class="{{ $block->get('title_class', $p . '-section-title') }}">{!! $block->get('title_html') !!}</h2>

        <div class="{{ $p }}-{{ $v }}-grid">
@foreach ($cells as $cell)
          <div class="{{ $p }}-{{ $v }}-cell">
            <p class="{{ $p }}-{{ $v }}-eye">{{ $cell['eye'] ?? '' }}</p>
            <h3 class="{{ $p }}-{{ $v }}-title">{{ $cell['title'] ?? '' }}</h3>
            <p class="{{ $p }}-{{ $v }}-body">{{ $cell['body'] ?? '' }}</p>
          </div>
@endforeach
        </div>

        <p class="{{ $p }}-{{ $v }}-note">{!! $block->get('note') !!}</p>
      </div>

    </div>
  </section>