src/components/heading/HeadingCategory.astro
---
// HeadingCategory, recovered from blurr-components.pages.dev
---
<div class="hd-cat"> <span class="hd-cat__category">Google Ads</span> <h2 class="hd-cat__title">Maximale zichtbaarheid op het juiste moment</h2> <p class="hd-cat__sub">Bereik mensen die actief zoeken naar jouw product of dienst.</p> </div>
<style>
.hd-cat{padding:2.5rem 0}
.hd-cat__category{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--color-primary);padding:.3rem .7rem;border-radius:4px;margin-bottom:1rem}
.hd-cat__title{margin:0 0 .75rem;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800;color:var(--color-primary);line-height:1.15;letter-spacing:-.02em;max-width:640px}
.hd-cat__sub{margin:0;font-size:1.05rem;color:#555;line-height:1.65;max-width:520px}
</style>