src/components/text/TextDropCap.astro
---
// TextDropCap, recovered from blurr-components.pages.dev
---
<div class="tdc-wrap"> <p class="tdc-text">Marketing is geen kostenpost, het is de motor van groei.</p> <span class="tdc-author">- Redactioneel, BLURR Marketing Insights</span> </div>
<style>
.tdc-wrap{--color-accent: #6366f1;--color-primary: #0a0a0a;max-width:640px;padding:32px;font-family:Georgia,Times New Roman,serif}
.tdc-text{margin:0 0 20px;font-size:1.05rem;line-height:1.8;color:var(--color-primary)}
.tdc-text:first-letter{float:left;font-size:4.5rem;line-height:.75;font-weight:900;color:var(--color-accent);margin:0 12px 0 0;padding:4px 0;font-family:system-ui,sans-serif}
.tdc-author{display:block;font-size:.8rem;color:#6b7280;font-style:italic;font-family:system-ui,sans-serif}
</style>