src/components/heading/HeadingDark.astro
---
// HeadingDark, recovered from blurr-components.pages.dev
---
<div class="hd-dark"> <span class="hd-dark__eyebrow">Partners</span> <h2 class="hd-dark__title">Samen bouwen we iets groots</h2> <p class="hd-dark__sub">Meer dan 80 bedrijven kozen BLURR als hun digitale partner.</p> </div>
<style>
.hd-dark{background:var(--color-primary);padding:4rem 2.5rem;text-align:center;border-radius:1rem}
.hd-dark__eyebrow{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent);margin-bottom:.75rem}
.hd-dark__title{margin:0 0 1rem;font-size:clamp(2rem,5vw,3.25rem);font-weight:800;line-height:1.1;color:#fff;letter-spacing:-.02em}
.hd-dark__sub{margin:0 auto;max-width:520px;font-size:1.05rem;color:#aaa;line-height:1.65}
</style>