@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,300;0,400;0,600;0,700;1,400&display=swap');
/* Editorial laag: merkfont, zandvlakken en de stip uit het logo als sectiemarkering.
   Wordt als laatste stylesheet geladen, zodat deze regels van de pagina-eigen stijl winnen. */
:root{--sand:#f7f2ea;--sand-line:#e8ddca}
section.muted,.methods{background:var(--sand)}
section.muted .feature-card,section.muted .meth-card,section.muted .card,section.muted .ai-role,.methods .meth-card{border-color:var(--sand-line)}
section .eyebrow,section .section-eyebrow{position:relative}
section .eyebrow::before,section .section-eyebrow::before{content:"";position:absolute;left:-14px;top:-44px;width:88px;height:88px;border-radius:50%;background:var(--accent);opacity:.12;pointer-events:none}
.center .eyebrow::before,.center .section-eyebrow::before,section[style*="text-align:center"] .eyebrow::before{left:50%;transform:translateX(-50%)}
.hero .eyebrow::before,.page-hero .eyebrow::before,.art-head .eyebrow::before,.ehero .eyebrow::before{display:none}
@media(max-width:700px){section .eyebrow::before,section .section-eyebrow::before{width:64px;height:64px;top:-34px}}