@if(!empty($impact['items']))
    <section class="impact section" aria-labelledby="impact-title" @sectionTone($impact['style'] ?? [])>
        <div class="container">
            <div class="section-head section-head--split reveal">
                <div>
                    <p class="eyebrow" data-edit="impact.eyebrow">{{ $impact['eyebrow'] ?? '' }}</p>
                    <h2 id="impact-title"><x-editable path="impact.title">{{ $impact['title'] ?? '' }}</x-editable></h2>
                </div>
                <p class="section-head__desc"><x-editable path="impact.description">{{ $impact['description'] ?? '' }}</x-editable></p>
            </div>

            <dl class="impact__grid">
                @foreach($impact['items'] as $item)
                    <div class="impact__item reveal">
                        <dd class="impact__value">
                            <span data-count="{{ $item['value'] ?? 0 }}" data-edit="impact.items.{{ $loop->index }}.value">{{ $item['value'] ?? '' }}</span><span class="impact__suffix" data-edit="impact.items.{{ $loop->index }}.suffix">{{ $item['suffix'] ?? '' }}</span>
                        </dd>
                        <dt class="impact__label" data-edit="impact.items.{{ $loop->index }}.label">{{ $item['label'] ?? '' }}</dt>
                    </div>
                @endforeach
            </dl>
        </div>
    </section>
@endif