@font-face{font-family:Libre Caslon Display;src:url(fonts/libre-caslon-display.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Hanken Grotesk;src:url(fonts/hanken-grotesk.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}@view-transition{navigation:auto}:root{--v-ink:#0a0807;--v-ink2:#120e0b;--nacht:#1b1613;--room:#26201b;--goud:#cfa56a;--goud-l:#e7c48c;--koper:#ab824e;--koper-d:#7d5a2a;--creme:#efe8df;--creme2:#f8f3ed;--wit:#f6f1ea;--wit2:#cfc6ba;--inkt:#1a1411;--inkt2:#574d43;--lijn:rgba(231,196,140,.2);--serif:"Libre Caslon Display",Georgia,"Times New Roman",serif;--sans:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--ease:cubic-bezier(.16,1,.3,1);--tab:0px;--rand:clamp(16px,4vw,56px)}.demo{display:flex;justify-content:center;gap:14px;align-items:center;min-height:24px;padding:3px 12px;background:#060504;color:#a59c90;font:500 11.5px/1.2 var(--sans);letter-spacing:.04em}.demo a{color:var(--goud);text-decoration:none}.demo a:hover{text-decoration:underline}.kop{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:clamp(14px,2.2vw,34px);height:76px;padding:0 var(--rand);background:#0a0807f0;border-bottom:1px solid rgba(231,196,140,.12);transition:background .35s,border-color .35s,height .35s var(--ease);font-family:var(--sans)}body.over .kop{position:fixed;top:24px;left:0;right:0;background:linear-gradient(180deg,#060504b8,#06050400);border-color:transparent}body.over.ver .kop{top:0;background:#0a0807f0;border-color:#e7c48c1f;height:66px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.kop .logo,.voet .logo{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--goud);flex:none}.kop .logo .merk,.voet .logo .merk{width:32px;height:42px;fill:currentColor;flex:none}.kop .logo span,.voet .logo span{display:block}.kop .logo b,.voet .logo b{display:block;font:400 29px/1 var(--serif);letter-spacing:.12em;color:#d6ab6e}.kop .logo small,.voet .logo small{display:block;margin-top:6px;font:500 10px/1 var(--sans);letter-spacing:.5em;text-align:center;color:#d6ab6e;text-indent:.5em}.kop-nav{display:flex;gap:clamp(14px,2vw,30px);margin:0 auto;align-items:center}.kop-nav a{position:relative;padding:8px 0;color:#f3ece3;text-decoration:none;font:600 11.5px/1 var(--sans);letter-spacing:.13em;text-transform:uppercase;white-space:nowrap}.kop-nav a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--goud);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}.kop-nav a:hover:after,.kop-nav a.on:after{transform:scaleX(1)}.taal{position:relative;flex:none}.taal summary{display:flex;align-items:center;gap:7px;min-height:44px;cursor:pointer;list-style:none;color:#f3ece3;font:600 12px/1 var(--sans);letter-spacing:.1em}.taal summary::-webkit-details-marker{display:none}.taal summary i{width:6px;height:6px;border:solid currentColor;border-width:0 1.2px 1.2px 0;transform:translateY(-2px) rotate(45deg)}.taal>div{position:absolute;right:-8px;top:100%;min-width:160px;padding:6px;background:#17120e;border:1px solid var(--lijn);border-radius:6px;box-shadow:0 18px 40px #00000080}.taal a,.taal button{display:block;width:100%;padding:11px 12px;border:0;background:none;text-align:left;cursor:pointer;color:#f3ece3;text-decoration:none;font:500 14px/1.2 var(--sans);border-radius:4px}.taal a:hover,.taal button:hover{background:#e7c48c1a}.taal a.on,.taal button.on{color:var(--goud)}.kn,.kn-l,.kn-o,.kn-c{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:13px 24px;border-radius:4px;border:1px solid transparent;cursor:pointer;text-decoration:none;font:600 12px/1.15 var(--sans);letter-spacing:.14em;text-transform:uppercase;transition:transform .3s var(--ease),box-shadow .3s,background .3s,color .3s,border-color .3s;background:none;-webkit-tap-highlight-color:transparent}.kn{background:linear-gradient(180deg,#e0bb7f,#c0945a);color:#1a120a;box-shadow:0 10px 26px -14px #e0bb7fe6}.kn:hover{box-shadow:0 0 0 1px #ffeccc80,0 16px 36px -12px #e0bb7f;transform:translateY(-1px)}.kn-o{border-color:#ffffffb8;color:#fff}.kn-o:hover{background:#ffffff1a}.kn-l{border-color:var(--goud);color:var(--goud-l)}.kn-l:hover{background:#cfa56a24}.kn-c{border-color:#a57d48;color:#6c4c20}.kn-c:hover{background:#ab824e1f}.ar{position:relative;display:inline-block;width:18px;height:1px;background:currentColor;flex:none;transition:transform .3s var(--ease)}.ar:after{content:"";position:absolute;right:0;top:-3px;width:6px;height:6px;border:solid currentColor;border-width:1px 1px 0 0;transform:rotate(45deg)}a:hover>.ar,button:hover>.ar{transform:translate(4px)}.kop-cta{min-height:44px;padding:11px 18px;font-size:11.5px;flex:none}.burger{display:none;flex:none;width:44px;height:44px;padding:11px 8px;border:0;background:none;cursor:pointer;flex-direction:column;justify-content:space-between}.burger i{display:block;height:1.5px;background:#f3ece3;transition:transform .3s var(--ease),opacity .2s}.burger[aria-expanded=true] i:nth-child(1){transform:translateY(9.75px) rotate(45deg)}.burger[aria-expanded=true] i:nth-child(2){opacity:0}.burger[aria-expanded=true] i:nth-child(3){transform:translateY(-9.75px) rotate(-45deg)}.menu{position:fixed;inset:0;z-index:35;padding:120px var(--rand) calc(90px + env(safe-area-inset-bottom));background:#0c0a08;overflow:auto;font-family:var(--sans)}.menu nav{display:grid;margin-bottom:26px}.menu nav a{padding:12px 0;border-bottom:1px solid rgba(231,196,140,.13);color:#f3ece3;text-decoration:none;font:400 29px/1.2 var(--serif)}.menu nav a.on{color:var(--goud)}.menu .kn{width:100%}.menu p{margin:20px 0 0;text-align:center}.menu p a{color:var(--goud);font-size:15px}.voet{background:#080605;color:#b9b0a4;padding:clamp(44px,6vw,72px) var(--rand) calc(30px + var(--tab));font:400 15px/1.55 var(--sans);border-top:1px solid rgba(231,196,140,.1)}.voet-g{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:clamp(24px,4vw,56px);max-width:1320px;margin:0 auto}.voet h2{margin:0 0 12px;color:var(--goud);font:600 11.5px/1.2 var(--sans);letter-spacing:.16em;text-transform:uppercase}.voet-g>div>a:not(.logo){display:block;padding:7px 0;color:#d9d0c4;text-decoration:none}.voet-g a:hover{color:var(--goud-l)}.voet p{margin:16px 0 0;max-width:34ch}.voet .logo{margin-bottom:4px}.voet p a{color:var(--goud-l)}.voet .voet-d{max-width:1320px;margin:clamp(28px,4vw,44px) auto 0;padding-top:18px;border-top:1px solid rgba(231,196,140,.1);font-size:13.5px;color:#a59c90}.tab{display:none;position:fixed;left:0;right:0;bottom:0;z-index:45;grid-template-columns:repeat(5,1fr);padding:0 4px env(safe-area-inset-bottom);background:#0b0907f5;border-top:1px solid rgba(231,196,140,.28);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tab a{position:relative;display:flex;align-items:center;justify-content:center;min-height:60px;padding:6px 2px;text-align:center;color:#ece4d8;text-decoration:none;font:500 11.5px/1.15 var(--sans)}.tab a.on{color:var(--goud-l);font-weight:600}.tab a.on:before{content:"";position:absolute;top:-1px;left:24%;right:24%;height:2px;background:var(--goud-l)}@media (max-width:1180px){.kop-nav,.kop-cta{display:none}.burger{display:flex}.taal{margin-left:auto}}@media (max-width:820px){:root{--tab: calc(61px + env(safe-area-inset-bottom)) }.tab{display:grid}.demo a{display:none}.kop{height:66px}.kop .logo b{font-size:25px}.kop .logo .merk{width:28px;height:37px}.voet-g{grid-template-columns:1fr 1fr}.voet-g>div:first-child{grid-column:1/-1}.taal>div{right:0}}@media (pointer:coarse){.demo{font-size:12px}}html body .tab{grid-template-columns:repeat(5,auto);justify-content:space-between;padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right));background:#0a0807;border-top:1px solid rgba(231,196,140,.16);-webkit-backdrop-filter:none;backdrop-filter:none}html body .tab a{min-width:48px;padding:6px 5px;color:#cfc6ba;font-weight:500;letter-spacing:.012em}html body .tab a.on{color:var(--goud-l);font-weight:500}html body .tab a.on:before{left:5px;right:5px;height:1px}html:has(.menu:not([hidden])) .tab{display:none}.menu{padding-top:calc(102px + env(safe-area-inset-top));padding-bottom:calc(28px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch}.menu nav{margin-bottom:22px}.menu nav a{padding:11px 0;font-size:clamp(1.7rem,7.8vw,2.15rem);line-height:1.15;border-bottom-color:#e7c48c1c;animation:menu-in .55s var(--ease) both}.menu nav a:nth-child(2){animation-delay:.03s}.menu nav a:nth-child(3){animation-delay:.06s}.menu nav a:nth-child(4){animation-delay:.09s}.menu nav a:nth-child(5){animation-delay:.12s}.menu nav a:nth-child(6){animation-delay:.15s}.menu nav a:nth-child(7){animation-delay:.18s}.menu nav a.on{color:var(--goud-l)}.menu p{margin-top:10px}.menu p a{display:inline-flex;align-items:center;min-height:44px}@keyframes menu-in{0%{opacity:0;transform:translateY(10px)}}body.over.ver .kop{background:#0a0807;-webkit-backdrop-filter:none;backdrop-filter:none}@media (prefers-reduced-motion:reduce){.menu nav a{animation:none}}@media (max-width:820px) and (orientation:portrait){:root{--rand:clamp(20px,5.4vw,40px)}}