{{-- Decorative woven-triangle pattern (purely ornamental, hidden from assistive tech). --}}
@props(['id' => 'geo'])
<svg {{ $attributes->merge(['class' => 'pointer-events-none absolute inset-0 h-full w-full text-white opacity-[0.07]']) }} aria-hidden="true" focusable="false">
    <defs>
        <pattern id="{{ $id }}" width="56" height="56" patternUnits="userSpaceOnUse">
            <path d="M0 56 L28 0 L56 56 Z" fill="none" stroke="currentColor" stroke-width="1.2"/>
            <path d="M14 56 L28 28 L42 56 Z" fill="currentColor" opacity=".55"/>
            <circle cx="28" cy="46" r="2" fill="currentColor"/>
        </pattern>
    </defs>
    <rect width="100%" height="100%" fill="url(#{{ $id }})"/>
</svg>