{# brutalist cta override — bordered slab with hard offset. Fields: heading, text, primaryUrl, primaryLabel, secondaryUrl, secondaryLabel, background. #}
<section class="bru-section bg-background text-foreground{% if class %} {{ class }}{% endif %}">
<div class="bru-wrap">
<div class="bru-slab bru-shadow p-8 md:p-14 text-center"{% if background == "band" %} style="background:hsl(var(--accent));color:hsl(var(--accent-foreground))"{% endif %}>
{% if heading %}<h2 class="bru-kicker" style="font-size:clamp(1.75rem,4vw,3rem);{% if background == "band" %}color:hsl(var(--accent-foreground)){% endif %}">{{ heading }}</h2>{% endif %}
{% if text %}<p class="mt-4 text-lg mx-auto" style="max-width:44rem;{% if background == "band" %}color:hsl(var(--accent-foreground));opacity:0.85{% else %}color:hsl(var(--muted-foreground)){% endif %}">{{ text }}</p>{% endif %}
{% if (primaryUrl and primaryLabel) or (secondaryUrl and secondaryLabel) %}<div class="mt-8 flex flex-wrap items-center justify-center gap-4">
{% if primaryUrl and primaryLabel %}<a href="{{ primaryUrl }}" class="bru-btn {% if background == "band" %}bru-btn-ghost{% else %}bru-btn-solid{% endif %}">{{ primaryLabel }}</a>{% endif %}
{% if secondaryUrl and secondaryLabel %}<a href="{{ secondaryUrl }}" class="bru-btn bru-btn-ghost">{{ secondaryLabel }}</a>{% endif %}
</div>{% endif %}
</div>
</div>
</section>
