.demo{z-index:10;padding:4vh 0 10vh;scroll-margin-top:72px;position:relative}@media (width>=768px){.demo{padding:9vh 0 10vh}}.demo-kop{font-size:clamp(28px,2.7vw,36px)}.demo-marginalia{max-width:48ch;margin-top:10px;font-size:15px;line-height:1.5}.demo-noot{text-wrap:pretty;max-width:66ch;margin-top:18px;font-size:15px;line-height:1.5}.demo-venster{border:1px solid var(--color-hairline);background:var(--color-bg);margin-top:38px;position:relative;box-shadow:0 34px 80px -46px #11141761}.demo-chrome{background:var(--color-dark);color:var(--color-paper);font-family:var(--font-mono);letter-spacing:.09em;text-transform:lowercase;justify-content:space-between;align-items:center;gap:16px;padding:9px 20px;font-size:10.5px;display:flex}.demo-chrome .modus{color:#f3f1eb9e;white-space:nowrap}.demo-chrome .modus .kort{display:none}.demo-venster--auto .demo-chrome .modus{color:var(--color-paper)}.demo-split{grid-template-columns:minmax(0,11fr) minmax(0,10fr);display:grid}.demo-links{flex-direction:column;gap:14px;padding:26px 30px 20px;display:flex}@media (width>=768px){.demo-split{min-height:700px}.demo-links{min-height:0}.paneel-inhoud{min-height:350px}.demo-status{height:2.4em;overflow:hidden}}.paneel-inhoud{animation:paneel-in .42s var(--ease-dr-ink) both;flex-direction:column;gap:14px;display:flex}@keyframes paneel-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.paneel-kop{font-family:var(--font-mono);letter-spacing:.1em;color:var(--color-muted);text-transform:lowercase;justify-content:space-between;align-items:baseline;font-size:10.5px;display:flex}.paneel-vraag{letter-spacing:-.01em;text-wrap:pretty;margin-top:14px;font-size:clamp(20px,1.7vw,24px);line-height:1.2}.paneel-volgt{max-width:44ch;margin-top:8px;font-size:13.5px;line-height:1.45}.paneel-opties{border-top:1px solid var(--color-hairline);margin-top:18px}.optie{border:0;border-bottom:1px solid var(--color-hairline);text-align:left;width:100%;font:inherit;color:var(--color-ink);cursor:pointer;transition:color .3s var(--ease-dr-ink);background:0 0;grid-template-columns:18px 1fr auto;align-items:center;gap:14px;padding:12px 2px;font-size:15px;display:grid}.optie .ring{box-sizing:border-box;border:1.4px solid var(--color-ink);width:11px;height:11px;transition:background-color .25s var(--ease-dr-ink), border-color .25s var(--ease-dr-ink), transform .25s var(--ease-dr-ink);background:0 0;border-radius:50%}.optie .index{font-family:var(--font-mono);letter-spacing:.08em;color:var(--color-muted);font-size:10px}.optie:hover .tekst{color:var(--color-accent)}.optie:hover .ring{border-color:var(--color-accent)}.optie[aria-checked=true] .ring{background:var(--color-accent);border-color:var(--color-accent);transform:scale(1.1)}.optie[aria-checked=true] .tekst{color:var(--color-accent)}.optie:focus-visible{outline-offset:-2px}.optie--open .tekst{font-style:italic}.paneel-invoer{margin-top:18px;display:block}.paneel-invoer .lbl{font-family:var(--font-mono);letter-spacing:.1em;color:var(--color-muted);text-transform:lowercase;font-size:10.5px;display:block}.paneel-invoer input{border:0;border-bottom:1px dashed var(--color-accent);width:100%;font-family:var(--font-serif);color:var(--color-ink);transition:border-color .3s var(--ease-dr-ink);background:0 0;border-radius:0;margin-top:6px;padding:8px 0;font-size:18px;line-height:1.3;display:block}.paneel-invoer input::placeholder{color:var(--color-muted);opacity:1;font-style:italic}.paneel-invoer input:focus{box-shadow:0 1.5px 0 0 var(--color-accent);border-bottom-style:solid}.paneel-invoer input:focus-visible{outline:2px solid var(--color-seal);outline-offset:4px}.paneel-vraag:focus-visible{outline-offset:4px}.demo-boom-rail:focus-visible{outline-offset:2px}.paneel-invoer .hint{font-family:var(--font-mono);letter-spacing:.09em;color:var(--color-muted);margin-top:7px;font-size:10px;display:block}.paneel-invoer--alt{margin-top:14px;padding-left:32px}.paneel-invoer input[aria-invalid=true]{border-bottom-style:double;border-bottom-width:3px;padding-bottom:6px}.paneel-fout{font-family:var(--font-serif);color:var(--color-ink);text-wrap:pretty;max-width:44ch;margin:7px 0 0;font-size:13.5px;font-style:italic;line-height:1.45}.paneel-nav{font-family:var(--font-mono);letter-spacing:.1em;align-items:center;gap:10px;margin-top:22px;font-size:11px;display:flex}.paneel-nav .punt{color:var(--color-muted)}.nav-knop{font:inherit;letter-spacing:inherit;color:var(--color-ink);cursor:pointer;text-transform:lowercase;transition:color .3s var(--ease-dr-ink), border-color .3s var(--ease-dr-ink);background:0 0;border:0;border-bottom:1px solid #0000;padding:6px 0}.nav-knop:hover:not(:disabled){color:var(--color-accent);border-bottom-color:var(--color-accent)}.nav-knop:disabled{color:var(--color-muted);opacity:.55;cursor:default}.nav-knop.opnieuw{margin-left:auto}.paneel-klaar{margin-top:12px;font-size:13.5px;line-height:1.45}.demo-status{min-height:1.6em;font-family:var(--font-mono);letter-spacing:.06em;color:var(--color-muted);margin-top:12px;font-size:10.5px}.demo-boom{width:100%;height:auto;margin-top:4px;display:block;overflow:visible}.demo-boom .boomlijn{fill:none;stroke:var(--color-ink);stroke-width:1.4px;stroke-linecap:round}.demo-boom .boomlijn-echo{fill:none;stroke:var(--color-ink);stroke-width:1.1px;stroke-linecap:round;opacity:.28}.demo-boom .boomlijn-acc{fill:none;stroke:var(--color-ink);stroke-width:1.9px;stroke-linecap:round}.demo-boom .knoop{fill:var(--color-bg);stroke:var(--color-ink);stroke-width:1.4px}.demo-boom .knoop-acc{fill:var(--color-accent);stroke:var(--color-accent)}.demo-boom .puls{fill:none;stroke:var(--color-accent);stroke-width:1.2px;opacity:0}.demo-boom .vraag-label,.demo-boom .antwoord-label,.demo-boom .glyph-label{paint-order:stroke fill;stroke:var(--color-bg);stroke-width:5px;stroke-linejoin:round}.demo-boom .vraag-label{font-family:var(--font-mono);letter-spacing:.1em;fill:var(--color-muted);font-size:9.5px}.demo-boom{overflow:visible}.demo-boom .antwoord-label{font-family:var(--font-serif);fill:var(--color-ink);transition:fill .3s var(--ease-dr-ink);font-size:11.5px;font-style:italic}.demo-boom .antwoord-label.aan{fill:var(--color-accent)}.demo-boom .glyph-label{font-family:var(--font-mono);letter-spacing:.1em;fill:var(--color-muted);font-size:9px}.demo-boom .glyph rect{fill:var(--color-paper);stroke:var(--color-ink);stroke-width:1.1px}.demo-boom .glyph line{stroke:var(--color-ink);stroke-width:.9px;opacity:.7;stroke-linecap:round}.demo-papier-wrap{border-left:1px solid var(--color-hairline);background:var(--color-paper);min-height:460px;position:relative}.demo-papier-wrap:after{content:"";pointer-events:none;background:linear-gradient(to bottom, #f3f1eb00, var(--color-paper));height:48px;position:absolute;bottom:0;left:0;right:0}.demo-papier{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--color-hairline) transparent;padding:26px 30px 40px 54px;position:absolute;inset:0;overflow-y:auto}.demo-papier:focus-visible{outline-offset:-2px}.demo-papier .card-gedateerd{font-family:var(--font-mono);letter-spacing:.12em;align-items:baseline;gap:9px;margin-top:13px;font-size:9.5px;display:flex}.demo-papier .card-gedateerd .veld .val{font-family:var(--font-serif);letter-spacing:0;font-size:12.5px}.demo-papier .card-gedateerd+.card-doctitel{margin-top:8px}.demo-papier .card-body{font-size:12.5px}.demo-papier .card-body h4,.demo-papier .card-body .art{margin-top:15px;font-size:9px}.demo-papier .card-body p{margin:0 -5px;padding:2px 5px}.demo-papier .card-body .s-num{left:-27px}.demo-papier .card-voet{font-size:9px}.demo-papier .card-proef{font-family:var(--font-mono);letter-spacing:.08em;color:var(--color-muted);text-wrap:pretty;margin-top:7px;font-size:8.5px;line-height:1.5}@media (width<=880px){.demo{padding:11vh 0 9vh}.demo-split{grid-template-columns:1fr}.demo-links{padding:20px 18px 16px}.demo-papier-wrap{border-left:0;border-top:1px solid var(--color-hairline);height:340px;min-height:340px}.demo-papier{padding:20px 20px 40px 46px}}@media (width<=600px){.demo-chrome{padding:8px 14px;font-size:9.5px}.demo-chrome .staat,.demo-chrome .modus .lang{display:none}.demo-chrome .modus .kort{display:inline}.demo-links,.demo-split,.demo-venster{min-width:0;max-width:100%}.demo-boom-rail{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;box-sizing:border-box;width:calc(100% + 36px);max-width:calc(100% + 36px);margin:0 -18px;padding:0 18px;overflow-x:auto}.demo-boom-rail::-webkit-scrollbar{display:none}.demo-boom-rail .demo-boom{width:640px;max-width:none}.demo-boom-hint{color:var(--color-muted);margin-top:6px;font-size:10px;display:block}.paneel-nav{flex-wrap:wrap;gap:8px 10px}.paneel-invoer--alt{padding-left:0}}.demo-boom-hint{display:none}@media (prefers-reduced-motion:reduce){.paneel-inhoud{animation:none}.optie,.optie .ring,.paneel-invoer input,.nav-knop,.demo-boom .antwoord-label{transition:none}}@layer components{.demo--landing{padding-top:clamp(40px,7vh,72px)}.demo--landing .demo-kop--landing{max-width:16ch;font-size:clamp(38px,4.2vw,60px)}.demo--landing .demo-marginalia{max-width:60ch}.hero-foto{background:var(--color-dark);min-height:92svh;color:var(--color-paper);align-items:flex-end;display:flex;position:relative;overflow:hidden}.hero-foto__img{object-fit:cover;object-position:50% 35%;filter:grayscale()contrast(1.06)brightness(.72);width:100%;height:100%;position:absolute;inset:0}.hero-foto__laag{pointer-events:none;background:linear-gradient(180deg, #14201a59 0%, #14201a8c 55%, var(--color-bg) 100%), linear-gradient(90deg, #14201a8c 0%, #14201a00 60%);position:absolute;inset:0}.hero-foto__laag:after{content:"";background:var(--color-accent);mix-blend-mode:color;opacity:.38;position:absolute;inset:0}.hero-foto__inhoud{z-index:2;padding-top:22vh;padding-bottom:9vh;position:relative}.hero-foto .hero-h1{max-width:14ch;color:var(--color-paper)}.hero-foto .hero-sub{color:#f3f1ebcc}.hero-foto .hero-bewijs{color:#f3f1eb99;border-top-color:#f3f1eb40}.hero-foto__acties{flex-wrap:wrap;align-items:center;gap:30px;margin-top:26px;display:flex}.hero-foto .hero-cta{margin-top:0}.hero-foto .hero-cta .tekst{border-bottom-color:var(--color-paper)}.hero-foto .hero-cta:hover .tekst{color:var(--color-accent-soft);border-color:var(--color-accent-soft)}.hero-verder{font-family:var(--font-mono);letter-spacing:.1em;color:#f3f1ebb3;transition:color .3s var(--ease-dr-ink);font-size:11px}.hero-verder:hover{color:var(--color-paper)}.hero-foto__fig{z-index:2;font-family:var(--font-mono);letter-spacing:.1em;color:#f3f1eb8c;font-size:10.5px;position:absolute;bottom:22px;right:4vw}.hero-h1{font-size:clamp(38px,4.1vw,58px);line-height:1.06}.beslisboom{min-height:100svh;position:relative;overflow:hidden}.beslisboom .hero-inner{z-index:10;max-width:min(46vw,620px);position:absolute;bottom:7vh;left:4vw}.beslisboom--speelt .hero-h1,.beslisboom--speelt .hero-onthul{opacity:0}.beslisboom .hero-foto__acties{margin-top:22px}.beslisboom .hero-h1{max-width:14ch}.scroll-hint{z-index:3;font-family:var(--font-mono);color:var(--color-muted);font-size:14px;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.hero-card--dicht{clip-path:inset(0 0 100%)}.hero-sub{max-width:44ch;color:var(--color-muted);text-wrap:pretty;margin-top:22px;font-size:16px}.hero-bewijs{border-top:1px solid var(--color-hairline);font-family:var(--font-mono);letter-spacing:.09em;color:var(--color-muted);text-transform:lowercase;margin-top:26px;padding-top:13px;font-size:10.5px}.hero-cta{align-items:center;gap:10px;margin-top:22px;font-size:16.5px;display:inline-flex}.hero-cta .tekst{border-bottom:1px solid var(--color-ink);transition:color .3s var(--ease-dr-ink), border-color .3s var(--ease-dr-ink);padding-bottom:2px}.hero-cta .zegel-dot{background:var(--color-seal);width:9px;height:9px;transition:transform .35s var(--ease-dr-ink);border-radius:50%}.hero-cta:hover .zegel-dot{transform:scale(1.25)}.hero-cta:hover .tekst{color:var(--color-accent);border-color:var(--color-accent)}.hero-marginalia{z-index:12;text-align:right;width:13em;font-size:13.5px;line-height:1.5;position:absolute;top:15vh;right:calc(5vw + min(340px,30vw) + 26px)}@media (width<=1250px){.hero-marginalia{display:none}}.spine-lead{z-index:5;background:var(--color-ink);transform-origin:top;width:1.4px;position:absolute;bottom:0}.hero-card{z-index:12;background:var(--color-paper);border:1px solid var(--color-hairline);width:min(340px,30vw);padding:24px 26px 20px 44px;position:absolute;top:12vh;right:5vw;box-shadow:0 26px 64px -32px #1114174d}.card-letterhead{text-align:center;border-bottom:1px solid var(--color-hairline);padding-bottom:11px}.briefhoofd-veld{font-size:11px}.card-doctitel{justify-content:space-between;align-items:baseline;margin-top:12px;display:flex}.card-doctitel .t{font-family:var(--font-mono);letter-spacing:.12em;font-size:9.5px}.card-doctitel .s{font-family:var(--font-mono);letter-spacing:.1em;color:var(--color-muted);border:1px solid var(--color-hairline);padding:2px 7px;font-size:9px}.card-body{margin-top:12px;font-size:11.5px;line-height:1.68;position:relative}.card-body h4,.card-body .art{font-family:var(--font-mono);letter-spacing:.14em;color:var(--color-muted);margin:10px 0 2px;font-size:8.5px;font-weight:400}.card-body p{text-wrap:pretty;border-radius:2px;position:relative}.card-body .s-num{font-family:var(--font-mono);color:var(--color-muted);font-size:9px;position:absolute;left:-30px}.veld{color:var(--color-accent);border-bottom:1px dashed var(--color-accent);border-radius:2px}.veld .ph{font-family:var(--font-mono);letter-spacing:.05em;color:var(--color-muted);font-size:.84em}.veld .val{display:none}.veld.ingevuld{border-bottom-style:solid}.veld.ingevuld .ph{display:none}.veld.ingevuld .val{display:inline}.card-body .zegge{color:var(--color-muted);font-style:italic}.card-body .ph-blok{font-family:var(--font-mono);letter-spacing:.04em;color:var(--color-muted);font-size:.84em}.card-body .variant{display:none}.card-voet{border-top:1px solid var(--color-hairline);font-family:var(--font-mono);letter-spacing:.08em;color:var(--color-muted);justify-content:space-between;margin-top:15px;padding-top:9px;font-size:8.5px;display:flex}.sectie-num{font-family:var(--font-mono);letter-spacing:.13em;color:var(--color-muted);font-size:11px}.index-rij{border-bottom:1px solid var(--color-hairline);color:inherit;transition:color .3s var(--ease-dr-ink);grid-template-columns:48px 1fr auto;align-items:baseline;gap:18px;padding:18px 0;text-decoration:none;display:grid}.index-rij:hover .titel{color:var(--color-accent)}.index-rij .num{font-family:var(--font-mono);letter-spacing:.08em;color:var(--color-muted);font-size:10.5px}.index-rij .titel{transition:color .3s var(--ease-dr-ink);font-size:16.5px}.index-rij .volgt{font-family:var(--font-serif);color:var(--color-muted);font-size:13.5px;font-style:italic}.slotzin{letter-spacing:-.01em;max-width:24ch;margin-top:9vh;font-size:clamp(24px,2.3vw,32px);line-height:1.3}.slotzin small{font-family:var(--font-mono);letter-spacing:.09em;color:var(--color-muted);margin-top:18px;font-size:10.5px;display:block}@media (width<=880px){.hero{flex-direction:column;display:flex}.hero-inner{max-width:100%;padding:14vh 4vw 6vh;position:static}.hero-card{width:min(420px,92vw);margin:0 4vw 10vh;position:static}.hero-marginalia,.spine-lead{display:none}}.landing-hero .hero-h1{font-size:clamp(38px,4.2vw,60px)}@media (width>=1536px){.landing-hero .hero-h1{font-size:68px}}.landing-hero .hero-foto__acties{margin-top:24px}.hero-verder--ink{color:var(--color-muted)}.hero-verder--ink:hover{color:var(--color-ink)}.landing-kaart{margin-top:8px;position:relative}.landing-kaart .hero-card{width:min(400px,100%);min-height:500px;margin-left:auto;position:relative;top:auto;right:auto}.hero-route{pointer-events:none;width:24%;height:40px;position:absolute;top:42%;left:-22%;overflow:visible}.hero-route path{fill:none;stroke:var(--color-ink);stroke-width:1.3px;vector-effect:non-scaling-stroke}.hero-route circle{fill:var(--color-accent)}.hero-route-label{width:20%;font-size:13px;line-height:1.35;position:absolute;top:42%;left:-22%;transform:translateY(26px)}@media (width<=767px){.hero-route,.hero-route-label{display:none}.landing-kaart .hero-card{margin-left:0}}.landing-stage{min-height:560px;position:relative}.landing-stage .landing-kaart{width:min(400px,62%);position:absolute;top:24px;right:0}.paneel{z-index:14;background:var(--color-paper);border:1px solid var(--color-hairline);width:min(300px,44%);padding:18px 20px 16px;position:absolute;top:0;left:0;box-shadow:0 18px 44px -28px #11141747}.paneel-stap{font-family:var(--font-mono);letter-spacing:.12em;color:var(--color-muted);font-size:10px}.paneel-vraag{margin-top:8px;font-size:18px;line-height:1.3}.paneel-invoer{border-bottom:1px solid var(--color-ink);min-height:30px;margin-top:14px;padding:4px 2px;font-size:15px}.paneel-invoer.is-actief{border-bottom-color:var(--color-accent);box-shadow:0 1px 0 var(--color-accent)}.paneel-invoer.is-actief .paneel-invoer-tekst:after{content:"";background:var(--color-ink);vertical-align:-.15em;width:1px;height:1em;margin-left:1px;animation:1s steps(2,end) infinite cursor-knipper;display:inline-block}.paneel-opties{border-top:1px solid var(--color-hairline);margin-top:12px}.paneel-optie{border-bottom:1px solid var(--color-hairline);transition:color .3s var(--ease-dr-ink), background .3s var(--ease-dr-ink);align-items:baseline;gap:12px;padding:10px 2px;font-size:15px;display:flex}.paneel-optie-index{font-family:var(--font-mono);color:var(--color-muted);font-size:10.5px}.paneel-optie.is-gekozen,.paneel-optie.is-gekozen .paneel-optie-index{color:var(--color-accent)}.paneel-optie.is-gekozen>span:last-child{border-bottom:1px solid var(--color-accent)}.uitleg{z-index:16;background:var(--color-dark);width:min(280px,35%);color:var(--color-paper);padding:14px 16px 12px;position:absolute;right:min(412px,64%);box-shadow:0 18px 44px -24px #11141780}.uitleg:after{content:"";background:var(--color-accent-soft);width:14px;height:1px;position:absolute;top:18px;right:-14px}.uitleg-kop{color:var(--color-accent-soft);font-size:13px}.uitleg-tekst{color:#f3f1ebd9;margin-top:6px;font-size:12.5px;line-height:1.55}.uitleg-voet{font-family:var(--font-mono);letter-spacing:.1em;color:#f3f1eb8c;margin-top:10px;font-size:10px}.cursor{z-index:20;pointer-events:none;opacity:0;will-change:transform;position:absolute;top:0;left:0}.cursor svg path{fill:var(--color-ink);stroke:var(--color-paper);stroke-width:1.2px;stroke-linejoin:round}.cursor-ring{border:1.5px solid var(--color-accent);opacity:0;border-radius:50%;width:20px;height:20px;position:absolute;top:-8px;left:-8px}.card-body p.is-uitgelicht{background:#11141712}@keyframes cursor-knipper{to{opacity:0}}@media (width<=767px){.landing-stage{min-height:auto}.landing-stage .landing-kaart{width:100%;position:static}.landing-stage .hero-card{width:100%;min-height:0;margin:0}.paneel,.uitleg,.cursor{display:none}}@media (width>=1536px){.landing-stage{min-height:620px}}}@media (width>=1536px){.landing-kaart .hero-card{width:min(460px,100%)}}@media (width>=768px){.sectie-01 .self-end .dr-beeld__kader{box-shadow:0 0 0 8px var(--color-bg)}}.sectie-01 .self-end .dr-beeld__kader img{object-position:42% 58%}