src/components/heading/HeadingMono.astro
---
// HeadingMono, recovered from blurr-components.pages.dev
---
<div class="hd-mono"> <span class="hd-mono__label">// sectie_03</span> <h2 class="hd-mono__title">Technologie als fundament</h2> <p class="hd-mono__sub">Wij bouwen op solide technische basis, schaalbaar, snel en veilig.</p> </div>
<style>
.hd-mono{padding:2.5rem 0;border-top:1px solid #e0e0e0}
.hd-mono__label{display:block;font-family:JetBrains Mono,Fira Code,monospace;font-size:.8rem;color:var(--color-accent);margin-bottom:.75rem;letter-spacing:.04em}
.hd-mono__title{margin:0 0 .75rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:clamp(1.5rem,3.5vw,2.5rem);font-weight:700;line-height:1.2;color:var(--color-primary);letter-spacing:-.01em}
.hd-mono__sub{margin:0;font-size:1rem;color:#555;line-height:1.65;max-width:520px}
</style>