src/components/heading/HeadingWide.astro
---
// HeadingWide, recovered from blurr-components.pages.dev
---
<div class="hd-wide"> <div class="hd-wide__meta"> <span class="hd-wide__kicker">Exclusief interview</span> <span class="hd-wide__date">14 april 2025</span> </div> <h1 class="hd-wide__title">Hoe BLURR in 3 jaar uitgroeide tot het snelstgroeiende marketingbureau van Nederland</h1> <div class="hd-wide__rule"></div> </div>
<style>
.hd-wide{padding:2.5rem 0;border-top:3px solid var(--color-primary)}
.hd-wide__meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}
.hd-wide__kicker{font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent)}
.hd-wide__date{font-size:.8rem;color:#888;font-weight:500}
.hd-wide__title{margin:0 0 1.5rem;font-size:clamp(2rem,5.5vw,4rem);font-weight:900;color:var(--color-primary);line-height:1.08;letter-spacing:-.025em}
.hd-wide__rule{height:1px;background:#e0e0e0}
</style>