@props([
    'settings',
])

<section aria-labelledby="method-heading" class="border-b border-amare-border bg-amare-bg-muted py-16">
    <div class="container-amare grid gap-8 md:grid-cols-[minmax(0,0.9fr)_minmax(0,1.1fr)] md:items-start">
        <div class="space-y-3">
            <h2 id="method-heading" class="text-3xl font-semibold text-amare-text">Método de trabalho</h2>
            <p class="text-amare-text-muted">Do briefing ao dia do evento, com clareza e acompanhamento próximo.</p>
        </div>

        <div class="space-y-4 text-amare-text-muted">
            <p>{{ $settings->about_summary }}</p>
            <ol class="grid gap-3">
                <li>1. Escuta e briefing inicial</li>
                <li>2. Planejamento e curadoria</li>
                <li>3. Coordenação no dia do evento</li>
            </ol>
        </div>
    </div>
</section>