@props(['kicker' => null, 'title', 'lede' => null, 'crumbs' => []])
<header class="page-hero">
    <div class="hero-grid" aria-hidden="true"></div>
    <div class="hero-glow" aria-hidden="true"></div>
    <div class="relative z-10 mx-auto max-w-6xl px-5">
        @include('components.breadcrumbs')
        @if($kicker)<p class="kicker mt-6">{{ $kicker }}</p>@endif
        <h1 class="page-title mt-4 max-w-4xl">{{ $title }}</h1>
        @if($lede)<p class="speakable mt-5 max-w-2xl text-base leading-7 text-cream/75 sm:text-lg sm:leading-8">{{ $lede }}</p>@endif
    </div>
</header>