{{-- The page title owns the single H1 when the page does not open with a hero (MP §14.1). --}}
@props(['title', 'intro' => null, 'eyebrow' => null])
<header {{ $attributes->class('container-site pb-4 pt-12 lg:pt-16') }}>
    @if ($eyebrow)
        <p class="mb-3 text-eyebrow font-semibold uppercase text-muted">{{ $eyebrow }}</p>
    @endif
    <h1 class="max-w-4xl text-h1">{{ $title }}</h1>
    @if ($intro)
        <p class="mt-5 max-w-[var(--container-prose)] text-lead text-muted">{{ $intro }}</p>
    @endif
    {{ $slot }}
</header>