@props([
    'settings',
])

@php
    $title = $settings->manifesto_title ?: 'Sofisticação que também se traduz em organização.';
    $lead = $settings->manifesto_lead ?: 'Um evento memorável não nasce apenas de uma boa estética. Ele depende de decisões bem conduzidas, fornecedores alinhados e atenção constante ao que realmente importa.';
    $body = $settings->manifesto_body ?: 'A Amare combina sensibilidade e precisão para criar encontros coerentes com cada cliente, marca e ocasião — sem fórmulas prontas, excessos ou ruído.';
@endphp

<section aria-labelledby="manifesto-heading" class="border-b border-amare-border bg-amare-bg-deep py-20" data-chapter="manifesto">
    <div class="container-amare grid gap-8 md:grid-cols-[minmax(0,0.8fr)_minmax(0,1.2fr)]" data-reveal>
        <p class="text-sm font-medium uppercase tracking-[0.18em] text-amare-accent">Manifesto</p>
        <div class="space-y-6">
            <h2 id="manifesto-heading" class="max-w-3xl text-3xl font-medium leading-tight text-amare-text md:text-4xl">{{ $title }}</h2>
            <p class="max-w-2xl text-xl leading-relaxed text-amare-text">{{ $lead }}</p>
            <p class="max-w-2xl text-amare-text-muted">{{ $body }}</p>
        </div>
    </div>
</section>