/* KopKen 1.16 — rustige, toegankelijke uitvoering van Nancy's review. */
:root{--paper:#f3ecd9;--soft-paper:#fffaf0;--ink:#28332f;--red:#a9432e;--blue:#36586c;--yellow:#f1df9c;--mint:#d6e5dc;--line:1px solid #89938a;--gutter:clamp(1.25rem,6vw,6rem)}
html{scroll-padding-top:2rem}body{font-size:1rem;line-height:1.65;overflow-wrap:normal}
img{max-width:100%;height:auto}p,li{line-height:1.65}p{max-width:72ch}
h1,h2,h3,h4{overflow-wrap:normal;word-break:normal;hyphens:none;text-wrap:pretty}
h1,.home-hero h1,.krab-hero h1,.experiment-hero h1,.module-hero h1,.page-hero h1,.participation-hero h1,.publication-hero h1,.manifest-hero h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(2.6rem,5.3vw,4.8rem);line-height:1.16;letter-spacing:-.025em;text-transform:none;max-width:19ch}
h1 em,.home-hero h1 em{font:inherit;color:var(--red)}
h2,.home-quick>h2,.home-paths h2,.join-section h2,.contact-copy h2,.krab-intro h2,.krab-section-head h2,.krab-guide h2,.krab-method h2,.experiment-intro h2,.experiment-section-head h2,.research-cycle h2,.observation-section h2,.local-callout h2,.projects-intro h2,.kids-title h2,.module-next h2,.legal-privacy h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.9rem,3.1vw,3rem);font-weight:400;line-height:1.23;letter-spacing:-.015em;text-transform:none;max-width:25ch}
h3,.project-card h3,.krab-story h3,.experiment-card h3,.work-card h3,.role-card h3,.role-detail h2,.actions-grid h3,.principle-card h3{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:clamp(1.2rem,1.8vw,1.65rem);font-weight:600;letter-spacing:0;line-height:1.35;text-transform:none;max-width:30ch}
.eyebrow,.section-tag,.project-meta,.krab-story small,.krab-story>span,.experiment-card-meta,.krab-facts span,.experiment-facts span,.field label{font-size:.875rem;font-weight:600;letter-spacing:.04em;line-height:1.5}
.wordmark,.footer-wordmark{letter-spacing:-.04em}.eyebrow{margin-bottom:1.5rem}
.site-header{grid-template-columns:auto minmax(0,1fr) auto auto;gap:1.5rem;padding:1rem var(--gutter);min-height:5rem;align-items:center}
.site-header>nav{justify-content:center;flex-wrap:wrap;gap:.5rem 1.25rem;font-size:.9375rem}
.site-header a,.language-switcher summary{min-height:44px;align-items:center}
.header-contact{font-size:.9375rem;white-space:nowrap}.language-switcher{margin:0;min-width:0}.language-switcher>summary{font-size:.875rem;letter-spacing:0;font-weight:600;padding:.65rem .8rem;border-radius:.4rem}.language-panel{max-height:min(70vh,34rem);overflow:auto;max-width:calc(100vw - 2rem);box-shadow:0 8px 28px #28332f20;border-radius:.5rem}.language-panel a{font-weight:500;font-size:.9375rem}.language-panel a[aria-current=page]{background:var(--yellow)}.language-panel p{font-size:.875rem}.language-switcher[open]>summary{background:var(--soft-paper)}
.hero,.krab-hero,.experiment-hero,.module-hero{min-height:0;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}
.hero-copy,.krab-hero>div:first-child,.experiment-hero>div,.module-hero>div{padding:clamp(2.5rem,6vw,5.5rem) var(--gutter)}
.hero-intro{font-family:inherit;font-size:clamp(1.0625rem,1.5vw,1.25rem);line-height:1.7;margin:1.5rem 0 0;max-width:54ch}.hero-intro-short{margin-top:.8rem}
.hero-actions{margin:1.8rem 0 0;gap:1rem 1.5rem;flex-wrap:wrap}.button,.text-link,.contact-submit{font-size:.9375rem;font-weight:600;letter-spacing:0;line-height:1.5;text-transform:none;white-space:normal}.button{border-radius:.45rem;box-shadow:0 3px 0 #28332f25}.button-dark{background:var(--ink);color:var(--soft-paper)}.button:hover{box-shadow:0 1px 0 #28332f25}.text-link{width:fit-content}.hero-illustration{margin:2.5rem var(--gutter) 2.5rem 0;width:auto;max-width:26rem;transform:none}.visual-frame{border-radius:.65rem;overflow:hidden;box-shadow:0 5px 18px #28332f15;transform:none!important}.visual-frame figcaption{font-size:.875rem;line-height:1.5;letter-spacing:0}
.home-quick,.home-paths,.home-deeper,.page-hero{padding:clamp(2.5rem,5vw,5rem) var(--gutter)}.home-quick>h2,.home-paths h2{margin:1rem 0 1.5rem;max-width:26ch}.home-quick-grid,.home-deeper-grid{gap:1.3rem;border:0;background:none;margin-top:2rem}.home-quick-grid article,.home-deeper-grid a{padding:1.5rem;background:var(--soft-paper);border:var(--line);border-radius:.65rem;min-width:0}.home-quick-grid p{min-height:0}.home-paths{gap:2rem 4rem}.home-deeper-grid a{gap:.85rem}.home-deeper-grid strong{font-size:1.3rem;font-weight:600}.home-deeper-grid span{display:block;line-height:1.6}.page-hero h1{margin:1rem 0 1.5rem}.page-hero>p:last-child{font-size:1.125rem;line-height:1.7}
.join-section-contact{grid-template-columns:1fr;gap:2rem;padding:clamp(3rem,5vw,5rem) var(--gutter);min-height:0;background:#efe1b9;overflow:visible}.contact-area{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:3rem}.contact-copy h2{max-width:none;margin:0 0 1.25rem;white-space:normal}.contact-illustration{display:block;width:min(16rem,100%);margin-top:1.5rem;border-radius:.5rem}.contact-form{background:var(--soft-paper);border-radius:.65rem;box-shadow:0 5px 18px #28332f15}.contact-form input,.contact-form textarea{border-radius:.3rem;font-size:1rem}.contact-submit{border-radius:.4rem;box-shadow:none}.privacy{font-size:.875rem;line-height:1.6}.field label{text-transform:none}.form-row>div{min-width:0}
.krab-poster,.experiment-poster,.module-poster{align-self:center;min-height:0;margin:2rem var(--gutter) 2rem 0;padding:1.5rem;background:#dce7ec;color:var(--ink);border:var(--line);border-radius:.75rem;box-shadow:none;transform:none;overflow:visible}.krab-poster p,.experiment-poster p,.module-poster p{margin:0;max-width:none;font-size:clamp(1.4rem,2.3vw,2rem);line-height:1.4}.krab-poster>span,.experiment-poster>span,.module-poster>span{font-size:.875rem;letter-spacing:.025em}.krab-poster strong,.experiment-poster-mark,.module-poster b,.poster-mark{display:none}.experiment-poster::after,.module-poster::after,.hero-poster::after{display:none}.krab-mascots{display:flex;gap:1rem;margin-top:1.5rem}.krab-mascots img{width:calc(50% - .5rem);border-radius:.5rem;object-fit:contain}.experiment-poster img{margin-top:1.5rem;border-radius:.5rem}.krab-facts,.experiment-facts{margin-top:1.5rem}.krab-facts span,.experiment-facts span{background:var(--soft-paper);border-radius:2rem;text-transform:none}
.krab-intro,.krab-section-head,.krab-method,.krab-guide,.experiment-intro,.experiment-section-head,.research-cycle,.download-lab{gap:2rem 3rem}.krab-intro,.krab-method,.krab-guide,.experiment-intro,.research-cycle{padding:clamp(2.5rem,5vw,5rem) var(--gutter)}.krab-intro p{margin-top:1.25rem}.krab-stories,.experiment-list-section{padding:clamp(2.5rem,5vw,5rem) var(--gutter);background:#e4ebe5;color:var(--ink)}.krab-section-head,.experiment-section-head{margin-bottom:2rem}.krab-story-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;border:0}.krab-story,.experiment-card{min-height:0;background:var(--soft-paper);color:var(--ink);border:var(--line);border-radius:.75rem;padding:1.5rem;box-shadow:none;gap:.5rem}.krab-story:hover{transform:none;background:#fffef9;outline:2px solid var(--blue);outline-offset:2px}.krab-story h3,.experiment-card h3{margin:1rem 0 .6rem;max-width:none}.krab-story p,.experiment-card p{font-family:inherit;font-size:1rem;line-height:1.65;margin-bottom:1rem}.krab-story b,.experiment-card-actions a{font-size:.9375rem;line-height:1.5;font-weight:600}.krab-story img{width:5.5rem;margin:0 0 .5rem;aspect-ratio:4/3;object-fit:contain;border-radius:.4rem}.experiment-grid{grid-template-columns:1fr;border:0;gap:1.2rem}.experiment-card{display:grid;grid-template-columns:6rem minmax(0,1fr);column-gap:1.75rem;align-items:start}.experiment-card>img{grid-column:1;grid-row:1/5;width:6rem;aspect-ratio:4/3;object-fit:contain;border-radius:.5rem}.experiment-card>div,.experiment-card>h3,.experiment-card>p{grid-column:2}.experiment-card:last-child{min-height:0}.experiment-card-meta{flex-wrap:wrap;gap:.25rem 1rem}.experiment-card h3{font-size:1.6rem;margin:.4rem 0}.experiment-card-actions{gap:.75rem 1.5rem}
.krab-guide{background:#dce7ec;color:var(--ink)}.krab-guide p{font-family:inherit;font-size:1.0625rem}.krab-method li,.research-cycle li{gap:.8rem}.method-example{padding:1.25rem 1.5rem;background:var(--soft-paper);border-left:3px solid var(--blue);margin-top:1.5rem}.method-example p{margin:.5rem 0}.section-links{display:flex;flex-wrap:wrap;gap:.8rem 1.5rem;margin-top:2rem}.section-links a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:.3rem}.backlink{display:inline-flex;align-items:center;min-height:44px;margin-bottom:1rem;font-size:1rem;text-decoration:underline;text-underline-offset:.3rem}
.page-toc{padding:1.5rem var(--gutter);border-bottom:var(--line);background:var(--soft-paper)}.page-toc>strong{font-size:1rem;font-weight:600}.page-toc ol{display:flex;gap:.65rem 1.75rem;flex-wrap:wrap;margin:1rem 0 0;padding-left:1.25rem}.page-toc a{min-height:44px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:.3rem}.observation-section{min-height:0;background:var(--yellow);grid-template-columns:1fr}.observation-mark{display:none}.observation-section h2{max-width:30ch}.download-lab{padding:3rem var(--gutter)}
.principles-head,.work-head,.actions-head{gap:2rem;align-items:start}.principles-head h2,.work-head h2,.actions-head h2,.manifesto h2{font-size:clamp(1.9rem,3.1vw,3rem);line-height:1.23;letter-spacing:-.015em}.principle-card,.actions-grid li{min-height:0;gap:1rem}.principle-card h3,.actions-grid h3{margin:1rem 0 .5rem}.actions-grid p,.principle-card p{font-size:1rem;line-height:1.65}.work-grid{gap:1.2rem;border:0;grid-template-columns:repeat(2,minmax(0,1fr))}.work-card{background:var(--soft-paper)!important;color:var(--ink)!important;min-height:0;padding:1.5rem;border:var(--line);border-radius:.65rem;gap:.8rem}.work-card h3{margin:.3rem 0}.work-card p{font-family:inherit;font-size:1rem;line-height:1.65}.work-card img{width:6rem;aspect-ratio:4/3;object-fit:contain;border-radius:.4rem}.actions-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.action-image{width:4.5rem;aspect-ratio:4/3;object-fit:contain;border-radius:.4rem}.actions-head p{font-size:1rem}.local-callout h2{max-width:27ch}.local-callout{background:var(--yellow)}
.lecture-intro{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:2rem;align-items:center}.lecture-intro figure{margin:0;max-width:22rem;justify-self:center}.lecture-intro img{border-radius:.75rem}.lecture-intro p{font-size:1.125rem;line-height:1.7}.lecture-list{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.lecture-list>article{padding:1.5rem;border:var(--line);border-radius:.65rem;background:var(--soft-paper)}.lecture-list h2{font-size:1.65rem}
.guide-section{padding:clamp(2.5rem,5vw,4rem) var(--gutter);border-bottom:var(--line)}.guide-formats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.guide-formats article{padding:1.5rem;border:var(--line);border-radius:.65rem;background:var(--soft-paper)}.guide-formats h2{font-size:1.55rem}.guide-formats span{font-size:.9375rem;color:var(--blue);font-weight:600}.guide-basics{max-width:70ch}.guide-basics li{margin:.8rem 0}.guide-download{background:#dce7ec}.guide-download a{display:inline-flex;min-height:44px;align-items:center;text-decoration:underline;text-underline-offset:.3rem}
.site-footer{gap:2rem}.site-footer p+p,.site-footer small{font-size:.875rem;letter-spacing:0;text-transform:none}.site-footer small{color:#d8dfd4}.footer-links{font-weight:500}.footer-wordmark{font-size:3rem}.skip-link{position:absolute;left:1rem;top:-5rem;padding:.7rem 1rem;background:var(--ink);color:var(--soft-paper);z-index:999}.skip-link:focus{top:1rem}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.site-footer a:focus-visible,.work-section a:focus-visible{outline-color:var(--yellow)}
@media(max-width:1150px){.site-header{grid-template-columns:1fr auto auto;gap:1rem}.site-header>nav{display:none}.mobile-menu{display:block}.site-header>.header-contact{display:none}.mobile-menu nav{display:grid!important}.hero,.krab-hero,.experiment-hero,.module-hero{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)}.principles-head,.work-head,.actions-head{grid-template-columns:1fr 1fr}.principles-head>.section-tag,.work-head>.section-tag,.actions-head>.section-tag{grid-column:1/-1}}
@media(max-width:850px){.hero,.krab-hero,.experiment-hero,.module-hero,.contact-area,.lecture-intro,.guide-formats{grid-template-columns:1fr}.hero-illustration{width:min(75%,24rem);margin:0 auto 2.5rem}.krab-poster,.experiment-poster,.module-poster{margin:0 var(--gutter) 2.5rem;max-width:none;min-height:0}.krab-mascots{max-width:15rem}.experiment-poster img{max-width:15rem}.krab-story-grid,.actions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lecture-intro figure{width:min(70%,20rem)}.lecture-list{grid-template-columns:1fr}.principles-head,.work-head,.actions-head{grid-template-columns:1fr}.krab-intro,.krab-section-head,.experiment-intro,.experiment-section-head,.research-cycle,.krab-method,.krab-guide{grid-template-columns:1fr}.home-paths{grid-template-columns:1fr}}
@media(max-width:540px){h1,.home-hero h1,.krab-hero h1,.experiment-hero h1,.module-hero h1,.page-hero h1,.participation-hero h1,.publication-hero h1{font-size:2.55rem;max-width:100%;line-height:1.18}.site-header{gap:.6rem}.wordmark{font-size:1.55rem}.mobile-menu summary{font-size:.875rem;letter-spacing:0}.language-switcher>summary{padding:.6rem}.language-panel{right:0;width:min(19rem,calc(100vw - 2.5rem))}.hero-actions{align-items:stretch}.hero-actions .button{justify-content:center}.krab-story-grid,.actions-grid,.work-grid{grid-template-columns:1fr}.experiment-card{grid-template-columns:1fr}.experiment-card>img,.experiment-card>div,.experiment-card>h3,.experiment-card>p{grid-column:1;grid-row:auto}.experiment-card>img{width:4.5rem}.form-row{grid-template-columns:1fr}.krab-method li,.research-cycle li{grid-template-columns:2rem 1fr}.krab-method li p,.research-cycle li p{grid-column:2}.page-toc ol{display:block}.page-toc li{margin:.25rem 0}.page-hero{padding-top:2.5rem}.site-footer{grid-template-columns:1fr}.home-quick-grid,.home-deeper-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
h1 em,h2 em,h3 em{letter-spacing:inherit;line-height:inherit}
@media print{.site-header,.site-footer,.page-toc,.hero-actions,.section-links,.backlink,.skip-link,.language-suggestion{display:none!important}body{background:white;color:#111;font-size:11pt}h1,h2{font-size:22pt!important}.guide-section,.krab-intro,.krab-method{padding:1rem 0}.guide-formats{display:block}.guide-formats article{break-inside:avoid;margin:1rem 0}.visual-frame{box-shadow:none}}
.eyebrow:has(>span){display:flex;align-items:center;gap:.7rem}.eyebrow>span{flex-shrink:0;width:auto;min-width:2.5rem;height:auto;min-height:2.2rem;padding:.25rem .45rem;white-space:nowrap;margin-right:0}
.experiment-hero .page-toc{padding:1.5rem 0 0;margin-top:1.5rem;border-top:var(--line);border-bottom:0;background:transparent}.experiment-hero .page-toc ol{display:block}.experiment-hero .page-toc li{margin:.1rem 0}
@media(max-width:360px){.site-header{gap:.4rem;padding-inline:1rem}.language-switcher>summary{padding-inline:.35rem}.wordmark{font-size:1.45rem}}
.hero>*,.krab-hero>*,.experiment-hero>*,.module-hero>*,.contact-area>*,.lecture-list>*,.home-quick-grid>*{min-width:0}
@media(max-width:850px){.hero,.krab-hero,.experiment-hero,.module-hero,.contact-area,.lecture-intro,.guide-formats{grid-template-columns:minmax(0,1fr)}.experiment-poster,.krab-poster,.module-poster{width:auto}.experiment-principles{grid-template-columns:minmax(0,1fr)}}
.page-toc{display:block}