src/components/heading/HeadingInline.astro
---
// HeadingInline, recovered from blurr-components.pages.dev
---
<div class="hinl" style="--hinl-size: 1rem"> <span class="hinl__line" aria-hidden="true"></span> <h2 class="hinl__text">Onze klanten</h2> <span class="hinl__line" aria-hidden="true"></span> </div>
<style>
.hinl{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;max-width:900px;margin:0 auto}
.hinl__line{flex:1;height:1px;background:#e0e0e0}
.hinl__text{font-size:var(--hinl-size, 1rem);font-weight:700;color:var(--color-primary, #0a0a0a);margin:0;white-space:nowrap;letter-spacing:.04em;text-transform:uppercase}
</style>