@props([
    'eyebrow' => null,
    'title',
    'subtitle' => null,
    'image' => null,
    'breadcrumbs' => [],
    'meta' => [],          // ['Label' => 'Value', ...] technical metadata strip
])

{{--
    Standard inner-page banner. Every non-home page opens with this so the site
    reads as one system: eyebrow, statement, supporting line, optional technical
    metadata, over either photography or the blueprint texture.
--}}
<section class="relative overflow-hidden bg-dark" data-parallax-scope>
    @if ($image)
        <img src="{{ $image }}" alt="" aria-hidden="true"
             class="absolute inset-0 size-full scale-110 object-cover opacity-45"
             data-parallax="0.08" fetchpriority="high" decoding="async">
        <div class="scrim-side"></div>
    @else
        <div class="absolute inset-0 bg-blueprint-dark opacity-70" aria-hidden="true"></div>
        <div class="absolute inset-0 bg-gradient-to-br from-dark via-dark-surface/95 to-secondary-600/80"></div>
    @endif

    <div class="container-page relative py-14 sm:py-20 lg:py-24">
        @if (filled($breadcrumbs))
            <x-breadcrumbs :items="$breadcrumbs" class="mb-6" />
        @endif

        @if ($eyebrow)
            <p class="eyebrow mb-4 text-white/70">{{ $eyebrow }}</p>
        @endif

        <h1 class="max-w-4xl font-display text-display font-bold text-white">{{ $title }}</h1>

        @if ($subtitle)
            <p class="prose-measure mt-5 text-lg leading-relaxed text-white/75">{{ $subtitle }}</p>
        @endif

        @if (filled($meta))
            <dl class="mt-8 flex flex-wrap gap-x-10 gap-y-4 border-t border-white/15 pt-6">
                @foreach ($meta as $label => $value)
                    @if (filled($value))
                        <div>
                            <dt class="meta-label text-white/50">{{ $label }}</dt>
                            <dd class="mt-1 text-sm font-medium text-white">{{ $value }}</dd>
                        </div>
                    @endif
                @endforeach
            </dl>
        @endif

        {{ $slot }}
    </div>
</section>