/* Gedeelde stijlen. Eenmaal geladen, daarna gecached. */
  *{box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}
  a{color:var(--amber-deep);text-decoration:none}
  a:hover{color:#8a5310}
  ::selection{background:var(--amber);color:var(--cream)}
  a:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--amber);outline-offset:2px;border-radius:4px}
  .skip-link{position:absolute;left:-9999px;top:0;background:var(--slate);color:var(--cream);padding:10px 16px;border-radius:0 0 8px 0;z-index:200;font:600 14px var(--sans)}
  .skip-link:focus{left:0}
  .wrap{max-width:1180px;margin:0 auto;padding-left:40px;padding-right:40px}
  .ico{width:1em;height:1em;display:inline-block;vertical-align:-.125em;flex:none}
  .compliance{background:var(--slate);color:#B9BEC7;font:500 11.5px/1.4 var(--sans);text-align:center;padding:9px 20px;letter-spacing:.01em}
  .stickytop{position:sticky;top:0;z-index:50}
  .site-header{background:rgba(245,241,234,.94);backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid var(--border-grey)}
  .header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:13px;padding-bottom:13px}
  .brand{display:flex;align-items:center;gap:11px;color:var(--slate)}
  .brand-name{font:600 22px var(--serif);letter-spacing:-.01em}
  .nav{display:flex;align-items:center;gap:6px}
  .nav-item{position:relative;padding:6px 0}
  .nav-link{display:flex;align-items:center;gap:4px;font:500 15px var(--sans);color:var(--slate);padding:8px 12px;cursor:pointer;background:none;border:none}
  .nav-link:hover{color:var(--amber-deep)}
  .nav-link[aria-current="page"]{font-weight:600;color:var(--amber-deep)}
  .nav-link .caret{color:var(--mist);width:13px;height:13px}
  .dropdown{position:absolute;top:100%;left:0;background:var(--cream);border:1px solid var(--border-grey);border-radius:12px;box-shadow:0 14px 40px rgba(24,27,34,.12);padding:10px;min-width:250px;display:none;z-index:60}
  .dropdown.right{left:auto;right:0;min-width:190px}
  .nav-item:hover .dropdown,.nav-item:focus-within .dropdown{display:grid}
  .dropdown.col{grid-template-columns:1fr}
  .dropdown.grid2{grid-template-columns:1fr 1fr;gap:2px}
  .dd-link{display:flex;align-items:center;gap:9px;font:500 13.5px var(--sans);color:var(--slate);padding:9px 10px;border-radius:8px}
  .dd-link:hover{background:var(--cream-deep);color:var(--slate)}
  .dd-link .ico{font-size:17px;color:var(--amber-deep)}
  .btn-cta{font:600 15px var(--sans);background:var(--amber);color:var(--cream);padding:11px 20px;border-radius:8px;margin-left:8px}
  .btn-cta:hover{background:var(--amber-deep);color:var(--cream)}
  .site-footer{background:var(--slate-deep);color:var(--mist)}
  .footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.4fr;gap:40px}
  .footer-brand{display:flex;align-items:center;gap:10px;color:var(--cream);margin-bottom:12px}
  .footer-brand .brand-name{font-size:20px}
  .footer-blurb{font:400 14.5px/1.6 var(--sans);color:var(--mist);max-width:260px}
  .footer-form{display:flex;gap:8px;margin-top:18px;max-width:300px}
  .footer-form input{flex:1;min-width:0;font:400 13.5px var(--sans);padding:11px 12px;border-radius:8px;border:1px solid var(--slate);background:#22272F;color:var(--cream);outline:none}
  .footer-form input:focus{border-color:var(--amber)}
  .footer-form button{font:600 13.5px var(--sans);background:var(--amber);color:var(--cream);border:none;padding:11px 14px;border-radius:8px;cursor:pointer}
  .footer-form button:hover{background:var(--amber-deep)}
  .footer-col-h{font:600 12px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--steel);margin-bottom:16px}
  .footer-links{display:flex;flex-direction:column;gap:11px}
  .footer-links a{font:400 14.5px var(--sans);color:#AEB4BD}
  .footer-links a:hover{color:var(--cream)}
  .footer-bottom{border-top:1px solid var(--slate);margin-top:44px;padding-top:22px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;align-items:center}
  .footer-copy{font:500 12px var(--mono);color:var(--steel)}
  .footer-social{display:flex;gap:20px}
  .footer-social a{font:500 13px var(--sans);color:var(--mist)}
  .footer-social a:hover{color:var(--cream)}
  @media (max-width:900px){
    .wrap{padding-left:22px;padding-right:22px}
    .nav .nav-item,.nav .desktop-only{display:none}
    .footer-grid{grid-template-columns:1fr 1fr}
  @media (max-width:560px){.footer-grid{grid-template-columns:1fr}}
  @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
  .breadcrumb{padding:20px 0 4px}
  .breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;font:500 12.5px var(--mono);color:var(--mist)}
  .breadcrumb li{display:flex;gap:8px;align-items:center}
  .breadcrumb a{color:var(--amber-deep)}
  .breadcrumb [aria-current="page"]{color:var(--muted)}
  .kicker{font:600 12px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--amber-deep);margin-bottom:14px;display:flex;align-items:center;gap:9px}