src/components/sections/ContentIntro.astro
---
// ContentIntro, recovered from blurr-components.pages.dev
---
<div class="cin-wrap cin-wrap--left"> <span class="cin-eyebrow">Over BLURR</span> <h1 class="cin-heading">We bouwen marketing die écht werkt</h1> <p class="cin-lead">BLURR is een full-service digitaal marketingbureau uit Amsterdam.</p> <p class="cin-subtext">Opgericht in 2019, groeiden we uit tot een bureau van 18 specialisten.</p> </div>
<style>
.cin-wrap{padding:3rem 0 2rem;max-width:860px}
.cin-wrap--center{text-align:center;margin:0 auto}
.cin-eyebrow{display:inline-block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent, #6366f1);margin-bottom:1rem}
.cin-heading{font-size:clamp(2rem,5vw,3.25rem);font-weight:900;line-height:1.15;color:var(--color-primary, #0a0a0a);margin:0 0 1.5rem;letter-spacing:-.02em}
.cin-lead{font-size:1.25rem;line-height:1.7;color: #e8e8e8;margin:0 0 1.25rem;font-weight:400}
.cin-subtext{font-size:1rem;line-height:1.75;color:#666;margin:0}
</style>