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

      <div class="{{ $p }}-{{ $v }}-head" 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>
        <p class="{{ $p }}-{{ $v }}-lead">{!! $block->get('lead_html') !!}</p>
      </div>

      <div class="{{ $block->get('cols_class', $p . '-' . $v . '-cols') }}" data-reveal>
@foreach ($cols as $col)
        <div class="{{ $p }}-{{ $v }}-col">
          <p class="{{ $p }}-{{ $v }}-col-eye">{{ $col['eye'] ?? '' }}</p>
          <h3 class="{{ $p }}-{{ $v }}-col-title">{!! $col['title_html'] ?? '' !!}</h3>
          <p class="{{ $p }}-{{ $v }}-col-body">{{ $col['body'] ?? '' }}</p>
@if (! empty($col['spec']))
          <p class="{{ $p }}-{{ $v }}-col-spec">{{ $col['spec'] }}</p>
@endif
        </div>
@endforeach
      </div>
    </div>
  </section>