src/components/heading/HeadingStacked.astro
---
// HeadingStacked, recovered from blurr-components.pages.dev
---
<div class="hd-stacked"> <p class="hd-stacked__small">Onze belofte aan jou</p> <h2 class="hd-stacked__large">Meetbaar resultaat of je geld terug.</h2> </div>
<style>
.hd-stacked{padding:3rem 0;text-align:center}
.hd-stacked__small{margin:0 0 .25rem;font-size:.9rem;font-weight:500;color:var(--color-accent);letter-spacing:.08em;text-transform:uppercase}
.hd-stacked__large{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:900;line-height:1.05;color:var(--color-primary);letter-spacing:-.03em;max-width:800px;margin:0 auto}
</style>