@props([])

<section
    aria-labelledby="manifesto-heading"
    class="home-chapter border-b border-amare-border bg-amare-bg"
    data-chapter="sobre"
    id="sobre"
>
    <div class="container-amare grid gap-10 py-16 md:grid-cols-[0.8fr_1.2fr] md:gap-[90px] md:py-24" data-reveal-group>
        <div data-reveal data-reveal-from="up">
            <p class="text-xs font-bold uppercase tracking-[0.16em] text-amare-accent-deep">01 — A Amare</p>
        </div>

        <div class="flex flex-col gap-8" data-reveal data-reveal-from="up">
            <h2 id="manifesto-heading" class="text-[clamp(1.875rem,4vw,3.25rem)] font-medium leading-[1.15] tracking-[-0.02em] text-amare-text">
                Mais do que organizar um evento, a Amare conduz pessoas, decisões e detalhes para que cada experiência aconteça com clareza e tranquilidade.
            </h2>

            <p class="max-w-[760px] text-[clamp(1.1875rem,2vw,1.5rem)] leading-[1.55] text-amare-text-muted">
                Aqui entra a apresentação institucional da marca e da Michele, com texto real aprovado pela cliente. A home deve construir confiança antes de pedir uma conversão.
            </p>
        </div>
    </div>
</section>