*{box-sizing:border-box}
  body{margin:0;background:#F5F1EA;color:#181B22;font-family:'Hanken Grotesk',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
  html{scroll-behavior:smooth}
  a{color:#94570F;text-decoration:none}
  a:hover{color:#6F4109}
  ::selection{background:#D8851D;color:#F5F1EA}
  @media (max-width:1040px){[data-navlink]{display:none!important}[data-navtoggle]{display:inline-flex!important}}
    [hidden]{display:none!important}
    /* focus zichtbaar op alles wat bediend wordt */
    a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #A86412;outline-offset:2px;border-radius:4px}
    [data-cym-paneel]{visibility:hidden;opacity:0;pointer-events:none;transition:opacity .12s ease}
    [data-navmenu]:hover [data-cym-paneel],[data-navmenu]:focus-within [data-cym-paneel]{visibility:visible;opacity:1;pointer-events:auto}
  .c0:hover{background:#EEE8DC;color:#2C3440}
  .c1:hover{background:#EEE8DC}
  .c2:hover{background:#8A510E;color:#FFFFFF}
  .c3:hover{border-color:#A86412}
  .c4:hover{color:#94570F}
  .c5:hover{border-color:#D8851D;transform:translateY(-4px);box-shadow:0 2px 4px rgba(44,52,64,.07),0 14px 30px rgba(44,52,64,.09)}
  .c6:hover{color:#F5F1EA}