:root{--licht-achtergrond:#efe8de;--licht-vlak:#fbf8f4;--licht-lijn:#ddd3c7;--licht-tekst:#1a1512;--licht-tekst-zacht:#5a4e44;--licht-accent:#94531f;--donker-achtergrond:#1a1512;--donker-vlak:#251e19;--donker-lijn:#4a3f36;--donker-tekst:#f1ebe3;--donker-tekst-zacht:#b9ada0;--donker-accent:#d69a5e;--accent-tekst-licht:#fff;--accent-tekst-donker:#1a1512;--sfeer-1:#6b4a2f;--sfeer-2:#a5642a;--sfeer-3:#c8b49a;--letter-kop:"IBM Plex Sans Condensed", "Arial Narrow", sans-serif;--letter-tekst:"IBM Plex Sans", system-ui, sans-serif;--letter-label:"IBM Plex Mono", ui-monospace, monospace;--letter-kop-gewicht:700;--letter-kop-accent:700;--letter-kop-spatiering:-.01em;--letter-tekst-grootte:1.0625rem;--letter-tekst-regel:1.6;--radius-klein:2px;--radius-knop:2px;--radius-kaart:2px;--radius-groot:2px;--radius-pil:999px;--ruimte-1:4px;--ruimte-2:8px;--ruimte-3:12px;--ruimte-4:16px;--ruimte-5:24px;--ruimte-6:32px;--ruimte-7:48px;--ruimte-8:64px;--ruimte-9:88px;--ruimte-10:128px;--breedte-max:1280px;--kantlijn:clamp(16px, 4vw, 48px);--schaduw-1:0 1px 2px #0000001f;--schaduw-2:0 0 0 1px var(--donker-lijn);--schaduw-3:0 0 0 1px var(--donker-accent);--schaduw-4:0 8px 20px #00000024, 0 40px 80px -24px #00000080;--schaduw-accent:0 12px 32px -10px color-mix(in srgb, var(--licht-accent) 55%, transparent);--perspectief:900px;--kantel-x:3deg;--kantel-y:4deg;--beweging-snel:.12s;--beweging:.2s;--beweging-traag:.42s;--beweging-curve:cubic-bezier(.16, 1, .3, 1);--hero-verloop:linear-gradient(180deg, #1a1512b3, #1a151233 40%, #1a151200 100%)}:root,[data-thema=licht]{--achtergrond:var(--licht-achtergrond);--vlak:var(--licht-vlak);--lijn:var(--licht-lijn);--tekst:var(--licht-tekst);--tekst-zacht:var(--licht-tekst-zacht);--accent:var(--licht-accent);--accent-tekst:var(--accent-tekst-licht)}[data-thema=donker]{--achtergrond:var(--donker-achtergrond);--vlak:var(--donker-vlak);--lijn:var(--donker-lijn);--tekst:var(--donker-tekst);--tekst-zacht:var(--donker-tekst-zacht);--accent:var(--donker-accent);--accent-tekst:var(--accent-tekst-donker)}[data-thema]{background:var(--achtergrond);color:var(--tekst)}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--achtergrond);color:var(--tekst);font-family:var(--letter-tekst);font-size:var(--letter-tekst-grootte);line-height:var(--letter-tekst-regel);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--letter-kop);font-weight:var(--letter-kop-gewicht);letter-spacing:var(--letter-kop-spatiering);margin:0;line-height:1.1}h1 strong,h2 strong,h3 strong{font-weight:var(--letter-kop-accent)}a{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius-klein)}.hero{isolation:isolate;min-height:100svh;margin-top:0;position:relative}.menu{z-index:10;padding:var(--ruimte-5) var(--kantlijn);color:var(--donker-tekst);background:0 0;justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0 0 auto}.menu:before{content:"";z-index:-1;background:var(--hero-verloop);pointer-events:none;position:absolute;inset:0 0 -80%}.knop{align-items:center;gap:var(--ruimte-2);padding:var(--ruimte-4) var(--ruimte-5);border-radius:var(--radius-knop);background:var(--accent);color:var(--accent-tekst);font:inherit;font-family:var(--letter-kop);font-weight:var(--letter-kop-accent);box-shadow:var(--schaduw-accent);cursor:pointer;transition:transform var(--beweging) var(--beweging-curve), box-shadow var(--beweging) var(--beweging-curve);border:0;text-decoration:none;display:inline-flex}@media (hover:hover) and (pointer:fine){.knop:hover{box-shadow:var(--schaduw-3), var(--schaduw-accent);transform:translateY(-1px)}}.knop:active{transition-duration:.1s;transform:scale(.97)}.zwevende-knop{z-index:20;right:var(--kantlijn);bottom:calc(var(--ruimte-5) + env(safe-area-inset-bottom));transform:translateY(calc(100% + var(--ruimte-7)));opacity:0;pointer-events:none;transition:transform var(--beweging-traag) var(--beweging-curve), opacity var(--beweging-traag) var(--beweging-curve);position:fixed}.zwevende-knop.is-zichtbaar{opacity:1;pointer-events:auto;transform:none}@media (width<=640px){.zwevende-knop{left:var(--kantlijn);justify-content:center}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}[data-beweging]{transform:none!important}.zwevende-knop{opacity:1;pointer-events:auto;transform:none}}@media (prefers-reduced-motion:no-preference){:root.js [data-in]{opacity:0;transition:opacity var(--beweging-traag) var(--beweging-curve), transform var(--beweging-traag) var(--beweging-curve);transform:translateY(12px)}:root.js [data-in].is-in{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){:root.js [data-in]{opacity:0;transition:opacity var(--beweging) ease!important}:root.js [data-in].is-in{opacity:1}}:root.js .na-hero{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(var(--na-hero-schuif,4px));transition:opacity var(--beweging-traag) var(--beweging-curve), transform var(--beweging-traag) var(--beweging-curve), visibility 0s linear var(--beweging-traag)}:root.js.na-hero .na-hero{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;transform:none}@media (prefers-reduced-motion:reduce){:root.js .na-hero{transform:none}}