:root{--licht-achtergrond:#f4f1ea;--licht-vlak:#fbf9f4;--licht-lijn:#dcd6c8;--licht-tekst:#1f2a22;--licht-tekst-zacht:#545c52;--licht-accent:#ad522c;--donker-achtergrond:#1f2a22;--donker-vlak:#28352b;--donker-lijn:#334036;--donker-tekst:#f4f1ea;--donker-tekst-zacht:#a9b2a8;--donker-accent:#e08a5e;--accent-tekst-licht:#fff;--accent-tekst-donker:#1f2a22;--sfeer-1:#6b4f3a;--sfeer-2:#5e7a4e;--sfeer-3:#a3b18a;--letter-kop:"Newsreader", Georgia, serif;--letter-tekst:"Instrument Sans", system-ui, sans-serif;--letter-label:"Instrument Sans", system-ui, sans-serif;--letter-kop-gewicht:350;--letter-kop-accent:400;--letter-kop-spatiering:-.025em;--letter-tekst-grootte:1.125rem;--letter-tekst-regel:1.6;--radius-klein:4px;--radius-knop:999px;--radius-kaart:20px;--radius-groot:28px;--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 1px 2px #1f2a220f;--schaduw-3:0 2px 6px #1f2a2214, 0 18px 40px -24px #1f2a224d;--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, #1e2620b8, #1e262061 45%, #1e262000 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}}