.brand.wordmark{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-decoration:none;white-space:nowrap;line-height:1.15;margin:0}
.wordmark-name{font-family:'Space Grotesk',Arial,sans-serif;font-size:29px;letter-spacing:4px;font-weight:600;color:#f2ede5}
.wordmark-name>span{color:#dc864e}
.wordmark-slogan{font-family:'DM Sans',Arial,sans-serif;font-size:8px;font-weight:500;text-transform:uppercase;letter-spacing:1.75px;color:#e6ded2}
@media(max-width:650px){.wordmark-name{font-size:22px;letter-spacing:2.7px}.wordmark-slogan{font-size:6px;letter-spacing:1.3px}.design-v2 .site-nav{gap:10px;font-size:10px}}
@media(max-width:380px){.wordmark-name{font-size:19px}.wordmark-slogan{font-size:5.5px;letter-spacing:1px}.design-v2 .site-nav{gap:8px}}

/* Gemeenschappelijke header op alle pagina's. */
html{scrollbar-gutter:stable}
body .site-header{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;height:108px;min-height:108px;max-width:1440px;width:100%;margin:0 auto;padding:12px 5%;gap:24px;flex-wrap:nowrap;background:transparent;border:0;border-bottom:1px solid #373831}
body .site-header .wordmark{flex-shrink:0;margin:0}
body .site-header .site-nav{display:flex;align-items:center;gap:30px;margin-left:auto;font-size:13px;width:auto;white-space:nowrap}
body .site-header .site-nav a{color:#bdbbb1;text-decoration:none}
body .site-header .site-nav a:hover,body .site-header .site-nav a[aria-current=page]{color:#f2ede5;text-decoration:underline;text-underline-offset:6px}
body .site-header .header-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:48px;box-sizing:border-box;padding:13px 20px;margin-left:15px;background:#d08a5e;color:#151311;border:1px solid #c8875f;border-radius:2px;font-size:12px;font-weight:600;text-decoration:none;white-space:nowrap}
@media(max-width:1000px){body .site-header .site-nav{gap:16px}body .site-header .header-cta{display:none}}
@media(max-width:650px){body .site-header{height:94px;min-height:94px;padding:7px 5%;gap:10px}body .site-header .site-nav{gap:10px;font-size:10px}body .site-header .site-nav a:nth-child(2){display:none}}
@media(max-width:380px){body .site-header .site-nav{gap:8px}}
/* Verfijnde navigatie en ingetogen koperaccent. */
body .site-header .site-nav{gap:32px;font-family:'DM Sans',Arial,sans-serif}
body .site-header .site-nav a{position:relative;display:inline-flex;align-items:center;min-height:44px;font-size:12px;font-weight:500;letter-spacing:.45px;color:#d4d0c7;text-decoration:none;transition:color .18s ease}
body .site-header .site-nav a:after{content:'';position:absolute;left:0;right:0;bottom:4px;height:1px;background:#ce956f;transform:scaleX(0);transform-origin:left;transition:transform .18s ease}
body .site-header .site-nav a:hover,body .site-header .site-nav a[aria-current=page]{color:#fff5e9;text-decoration:none}
body .site-header .site-nav a:hover:after,body .site-header .site-nav a[aria-current=page]:after{transform:scaleX(1)}
body .site-header .header-cta,body .setup-panel .setup-cta{background:linear-gradient(125deg,#bc805016,#bc805004);border:1px solid #aa7b56;color:#f0d7bf;border-radius:3px;min-height:46px;padding:12px 18px;gap:22px;font-family:'DM Sans',Arial,sans-serif;font-size:12px;letter-spacing:.35px;font-weight:500;box-shadow:inset 0 1px 0 #ffffff06;transition:background .18s ease,border-color .18s ease,color .18s ease}
body .site-header .header-cta span,body .setup-panel .setup-cta span{font-size:17px;line-height:1;color:#e1a675;transition:transform .18s ease}
body .site-header .header-cta:hover,body .setup-panel .setup-cta:hover{background:#ba815022;border-color:#e0ab80;color:#fff3e7}
body .site-header .header-cta:hover span,body .setup-panel .setup-cta:hover span{transform:translate(2px,-2px)}
body .site-header a:focus-visible{outline:2px solid #e0ab80;outline-offset:5px;border-radius:2px}
@media(max-width:1000px){body .site-header .site-nav{gap:20px}}
@media(max-width:650px){body .site-header .site-nav{gap:12px}body .site-header .site-nav a{font-size:10px;letter-spacing:.1px}}
@media(max-width:380px){body .site-header .site-nav{gap:8px}body .site-header .site-nav a{font-size:9px}}
@media(prefers-reduced-motion:reduce){body .site-header .site-nav a,body .site-header .site-nav a:after,body .site-header .header-cta,body .setup-panel .setup-cta,body .site-header .header-cta span,body .setup-panel .setup-cta span{transition:none}}