.site-header{position:sticky;top:0;z-index:100;background:#F4F0E8;border-bottom:1px solid var(--line)}
.site-header .brand{flex-shrink:0}
.site-header nav{gap:clamp(1rem,2.2vw,2rem)}
.services-navigation{position:relative}
.services-toggle{background:none;border:0;padding:.7rem 0;color:inherit;font:inherit;font-size:.82rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.4rem}
.services-menu{position:absolute;top:100%;left:-1rem;min-width:230px;padding:.65rem 0;background:#F4F0E8;border:1px solid var(--line);z-index:101}
.services-menu[hidden]{display:none}
.services-menu a{display:block;padding:.7rem 1rem;white-space:nowrap}
.services-menu a:hover,.services-menu a[aria-current="page"]{color:#421A32;background:rgba(66,26,50,.06)}
.site-header :is(a,button):focus-visible{outline:2px solid #FF5138;outline-offset:4px}
.services-toggle:hover{color:#421A32;text-decoration:underline;text-underline-offset:.3em}
#herkenbaar,#werkwijze,#wat-er-wringt,#contactformulier{scroll-margin-top:110px}
@media(max-width:1000px){
 .site-header{height:74px}
 .site-header .menu-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;color:inherit;font-size:1.45rem;cursor:pointer}
 .site-header nav{display:none;position:absolute;top:100%;left:0;right:0;max-height:calc(100dvh - 74px);overflow-y:auto;background:#F4F0E8;padding:1rem 4.5vw;flex-direction:column;align-items:stretch;gap:.2rem;border-bottom:1px solid var(--line)}
 .site-header nav.open{display:flex}
 .site-header nav>a,.services-toggle{min-height:44px;padding:.7rem 0}
 .services-toggle{width:100%;justify-content:space-between}
 .services-menu{position:static;min-width:0;width:100%;border:0;border-left:1px solid var(--line);padding:0;margin:0 0 .7rem}
 .services-menu a{white-space:normal;min-height:44px;padding:.7rem 1rem}
 .site-header nav>.nav-cta{padding:.7rem 1rem;margin-top:.5rem;text-align:center}
 #herkenbaar,#werkwijze,#wat-er-wringt,#contactformulier{scroll-margin-top:92px}
}