:root{--beige:#E7E1D5;--kalk:#F7F4EE;--antr:#2E2E2E;--grijs:#595959;--oranje:#F26B43;--ord:#A33E1C;--hair:#CFC7B6;--sans:"Arial Nova",Arial,Helvetica,sans-serif;--mono:var(--sans)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--kalk);color:var(--antr);font-family:var(--sans);font-size:18px;line-height:1.55}
a{color:var(--ord);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em;transition:color .15s,text-decoration-thickness .15s}
a:hover{color:var(--antr);text-decoration-thickness:2px}
a:focus-visible,.btn:focus-visible{outline:2px solid var(--antr);outline-offset:4px}
.mono{font-family:var(--sans);text-transform:uppercase;letter-spacing:.14em;font-size:12px;line-height:1.6;color:var(--grijs)}

/* Woordmerk volgens Merkboek p. 07 · X = kapitaalhoogte (Arial 0,716 em) */
.wm{font-weight:300;letter-spacing:.3em;white-space:nowrap;text-decoration:none;color:var(--antr)}
.wm .r{letter-spacing:0}
.wm i{display:inline-block;width:.136em;height:.136em;margin-left:.079em;background:var(--oranje)}

/* Knoppen volgens Merkboek p. 19 · 52 px hoog, 18 px tekst, rechte hoeken */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;height:52px;padding:0 26px;background:var(--antr);color:var(--kalk);font-size:18px;text-decoration:none;transition:background .15s}
.btn:hover{background:#444;color:var(--kalk)}
.btn .pijl{transition:transform .15s}
.btn:hover .pijl{transform:translateX(4px)}

/* ---------- Landingspagina ---------- */
body.rust{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;background:var(--beige)}
.rust main{flex:1;display:flex;align-items:center;justify-content:center;padding:clamp(32px,6vh,72px) 64px}
.binnen{width:100%;max-width:1080px;text-align:center}
.logo{display:inline-block;margin:0;font-size:clamp(44px,min(8.4vw,12.5vh),124px);font-weight:300;line-height:1}
.logo .wm{display:block}
.logo .desc{display:block;font-size:.2em;font-weight:400;line-height:1;white-space:nowrap;text-align:left;margin-top:1.25em;letter-spacing:.2em}
.lead{max-width:34em;margin:clamp(32px,6.5vh,64px) auto 0;font-size:20px;line-height:28px;text-wrap:balance}
.velden{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:clamp(28px,5vh,48px) 0 0;padding:0;list-style:none;text-align:left}
.velden li{border-top:1px solid var(--antr);padding-top:14px}
.velden .mono{display:block;color:var(--ord);margin-bottom:6px}
.velden p{margin:0;color:var(--grijs);font-size:18px;line-height:28px;text-wrap:pretty}
.acties{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px 32px;margin-top:clamp(28px,5.5vh,52px)}
.links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 28px;margin:0;padding:0;list-style:none;font-size:18px}
.status{margin:clamp(20px,4vh,40px) 0 0}
.rust footer{border-top:1px solid var(--hair);padding:18px 64px}
.rust footer .rij{display:flex;align-items:center;justify-content:space-between;gap:12px 32px;flex-wrap:wrap;max-width:1280px;margin:0 auto}
.rust footer .mono{margin:0}
.rust footer a{color:var(--grijs)}
.rust footer a:hover{color:var(--antr)}
.tile{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--antr);color:var(--kalk);font-weight:300;font-size:19px;line-height:1;flex:none}
.tile i{display:inline-block;width:.18em;height:.18em;background:var(--oranje);margin-left:.04em;align-self:flex-end;margin-bottom:.3em}

@media (max-width:767px){
 .rust main{display:block;padding:48px 20px 32px}
 .logo{font-size:min(calc((100vw - 48px) / 6.8),64px)}
 .lead{margin-top:32px;font-size:18px}
 .velden{grid-template-columns:1fr;gap:0;margin-top:24px}
 .velden li{padding:12px 0 14px}
 .velden li+li{border-top-color:var(--hair)}
 .acties{flex-direction:column;align-items:stretch;gap:20px;margin-top:20px}
 .btn{width:100%}
 .links{flex-direction:column;align-items:center;gap:12px}
 .status{margin-top:28px}
 .rust footer{padding:20px}
 .rust footer .rij{flex-direction:column;align-items:flex-start;gap:8px}
 .rust footer .tile{margin-top:8px}
}
/* Eenmalige opkomst bij laden · Merkboek p. 20: max. 250 ms */
@keyframes op{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.rust .binnen>*{animation:op .25s ease-out both}
.rust .binnen>:nth-child(2){animation-delay:.08s}
.rust .binnen>:nth-child(3){animation-delay:.16s}
.rust .binnen>:nth-child(n+4){animation-delay:.24s}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* ---------- Privacypagina (ongewijzigd) ---------- */
.wrap{max-width:1160px;margin:0 auto;padding:0 32px}
header{border-bottom:1px solid var(--hair);background:var(--kalk)}
header .wrap{display:flex;justify-content:space-between;align-items:center;height:84px}
header .wm{font-size:22px}
section{padding:88px 0}
h2{font-weight:300;font-size:clamp(30px,3.6vw,44px);line-height:1.1;margin:14px 0 20px}
.prose{max-width:46em}.prose h3{font-weight:400;font-size:21px;margin:30px 0 8px}
body:not(.rust) footer{padding:28px 0 36px;border-top:1px solid var(--hair)}
body:not(.rust) footer .wrap{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
@media (max-width:820px){.wrap{padding:0 20px}header .wrap{height:68px}header .wm{font-size:17px}section{padding:64px 0}}