@props([
    'kicker' => null,
    'title',
    'lead' => null,
    'image' => null,
    'align' => 'center',
    'wide' => false,
])
<section class="cms-hero" aria-label="{{ $title }}">
  @if($image)
    <div class="cms-hero-media" aria-hidden="true">
      <img src="{{ $image }}" alt="" width="2400" height="1200" fetchpriority="high">
    </div>
  @endif
  <div class="home-shell">
    <div class="cms-hero-inner {{ $wide ? 'cms-hero-inner-wide' : '' }} {{ $align === 'left' ? 'cms-hero-inner-left' : '' }}">
      @if($kicker)
        <p class="home-eyebrow cms-reveal">{{ $kicker }}</p>
      @endif
      <h1 class="home-section-title cms-reveal cms-reveal-delay-1" style="margin-top:.65rem">{{ $title }}</h1>
      @if($lead)
        <p class="cms-hero-lead cms-reveal cms-reveal-delay-2">{{ $lead }}</p>
      @endif
      @isset($actions)
        <div class="cms-hero-actions cms-reveal cms-reveal-delay-2">{{ $actions }}</div>
      @endisset
    </div>
    @isset($stats)
      <div class="cms-reveal cms-reveal-delay-3">{{ $stats }}</div>
    @endisset
  </div>
</section>