:root{--licht-achtergrond:#efe8de;--licht-vlak:#fbf8f4;--licht-lijn:#ddd3c7;--licht-tekst:#1a1512;--licht-tekst-zacht:#5a4e44;--licht-accent:#94531f;--donker-achtergrond:#17120f;--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}.knop:hover{box-shadow:var(--schaduw-3), var(--schaduw-accent);transform:translateY(-1px)}.knop:active{transition-duration:var(--beweging-snel);transform:translateY(1px)scale(.985)}.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}}