src/components/heading/HeadingEditorial.astro
---
// HeadingEditorial, recovered from blurr-components.pages.dev
---
<div class="hd-editorial"> <p class="hd-editorial__issue">Vol. 04, 2025</p> <h2 class="hd-editorial__title">De toekomst van digital marketing</h2> <p class="hd-editorial__deck">Hoe AI, data en creativiteit samenkomen in een nieuw tijdperk van marketing.</p> <div class="hd-editorial__rule"></div> </div>
<style>
.hd-editorial{padding:2.5rem 0;max-width:760px}
.hd-editorial__issue{margin:0 0 1rem;font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#999}
.hd-editorial__title{margin:0 0 .75rem;font-size:clamp(2.25rem,5vw,3.75rem);font-weight:900;line-height:1.05;color:var(--color-primary);letter-spacing:-.025em}
.hd-editorial__deck{margin:0 0 1.5rem;font-size:1.2rem;color: #e8e8e8;line-height:1.65;font-style:italic}
.hd-editorial__rule{width:60px;height:4px;background:var(--color-accent);border-radius:2px}
</style>