{{--
    The laurel from the wordmark, reduced to a rule. This is the one decorative
    element in the system; it marks the seam between major sections and nothing
    else, so it stays recognisable.
--}}
<div {{ $attributes->merge(['class' => 'flex items-center justify-center gap-3 py-stack-md']) }} aria-hidden="true">
    <span class="h-px w-16 bg-outline-variant/70 sm:w-28"></span>
    <svg viewBox="0 0 64 24" class="h-5 w-16 text-secondary/80" fill="none" stroke="currentColor" stroke-width="1.1">
        <path d="M32 20c0-6 3-10 8-12" stroke-linecap="round"/>
        <path d="M32 20c0-6-3-10-8-12" stroke-linecap="round"/>
        <path d="M40 8c3-2 6-1 7 1-2 2-5 2-7-1Z"/>
        <path d="M24 8c-3-2-6-1-7 1 2 2 5 2 7-1Z"/>
        <path d="M37 13c3-1 5 0 6 2-2 1-5 1-6-2Z"/>
        <path d="M27 13c-3-1-5 0-6 2 2 1 5 1 6-2Z"/>
        <circle cx="32" cy="21" r="1.4" fill="currentColor" stroke="none"/>
    </svg>
    <span class="h-px w-16 bg-outline-variant/70 sm:w-28"></span>
</div>