@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,600;12..96,800&family=Instrument+Serif:ital@0;1&family=Caveat:wght@400;600;700&family=JetBrains+Mono:wght@400;700&display=swap");:root{--ink:#0E0E12;--ink-soft:#2A2A33;--paper:#FBF7EE;--paper-warm:#F4EEDD;--void:#06060A;--void-soft:#14141C;--geel:#FFE94A;--rood:#FF4D6D;--blauw:#2E7CF6;--oranje:#FF6B35;--groen:#2ECC71;--lime:#39FF14;--magenta:#FF00C8;--cyan:#00E5FF;--bg:var(--paper);--bg-alt:var(--paper-warm);--fg:var(--ink);--fg-soft:var(--ink-soft);--accent:var(--oranje);--link:var(--blauw);--highlight:var(--geel);--alarm:var(--rood);--success:var(--groen);--font-display:"Bricolage Grotesque",system-ui,sans-serif;--font-body:"Instrument Serif",Georgia,serif;--font-hand:"Caveat","Comic Sans MS",cursive;--font-mono:"JetBrains Mono",ui-monospace,monospace;--t-mega:clamp(72px,14vw,200px);--t-huge:clamp(48px,8vw,120px);--t-h1:clamp(40px,5vw,72px);--t-h2:clamp(28px,3.5vw,48px);--t-h3:clamp(22px,2.4vw,32px);--t-lead:22px;--t-body:18px;--t-small:15px;--t-tiny:13px;--leading-tight:0.95;--leading-snug:1.1;--leading-body:1.5;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--s-9:96px;--s-10:144px;--r-0:0px;--r-sm:4px;--r-md:6px;--r-lg:12px;--shadow-stick-sm:3px 3px 0 0 var(--ink);--shadow-stick:6px 6px 0 0 var(--ink);--shadow-stick-lg:10px 10px 0 0 var(--ink);--shadow-glitch:3px 0 0 var(--magenta),-3px 0 0 var(--cyan);--border-thin:2px solid var(--ink);--border-thick:3px solid var(--ink);--ease-snap:cubic-bezier(0.7,0,0.2,1);--ease-out:cubic-bezier(0.2,0.7,0.3,1);--dur-fast:80ms;--dur-base:160ms;--dur-slow:320ms;--tilt-tiny:-1deg;--tilt-sm:-2.5deg;--tilt-md:3deg;--tilt-lg:-5deg}[data-theme=tic]{--bg:var(--void);--bg-alt:var(--void-soft);--fg:#F2F2F5;--fg-soft:#B5B5C0;--accent:var(--lime);--link:var(--cyan);--highlight:var(--magenta);--border-thin:1px solid var(--lime);--border-thick:2px solid var(--lime);--shadow-stick:none;--shadow-stick-sm:none;--shadow-stick-lg:none}body,html{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:var(--t-body);line-height:var(--leading-body)}[data-theme=tic] body{font-family:var(--font-mono)}.h1,h1{font-size:var(--t-h1);line-height:var(--leading-tight);font-weight:800;letter-spacing:-.02em;margin:0 0 var(--s-5)}.h1,.h2,h1,h2{font-family:var(--font-display);text-wrap:balance}.h2,h2{font-size:var(--t-h2);font-weight:700;letter-spacing:-.015em;margin:0 0 var(--s-4)}.h2,.h3,h2,h3{line-height:var(--leading-snug)}.h3,h3{font-family:var(--font-display);font-size:var(--t-h3);font-weight:600;margin:0 0 var(--s-3)}.t-mega{font-size:var(--t-mega);letter-spacing:-.04em}.t-huge,.t-mega{font-family:var(--font-display);line-height:var(--leading-tight);font-weight:800}.t-huge{font-size:var(--t-huge);letter-spacing:-.03em}.p,p{font-family:var(--font-body);font-size:var(--t-body);line-height:var(--leading-body);margin:0 0 var(--s-4);max-width:65ch;text-wrap:pretty}.lead{font-size:var(--t-lead);line-height:1.4}.small,small{font-size:var(--t-small)}.tiny{font-size:var(--t-tiny)}.hand{font-family:var(--font-hand);font-weight:600;line-height:1}.mono{font-family:var(--font-mono)}a{color:var(--link);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;transition:color var(--dur-base) var(--ease-snap)}a:hover{color:var(--accent)}.struck,s{text-decoration:line-through;text-decoration-thickness:2px;-webkit-text-decoration-color:var(--rood);text-decoration-color:var(--rood);opacity:.7}.mark,mark{background:var(--geel);color:var(--ink);padding:0 .12em;box-decoration-break:clone;-webkit-box-decoration-break:clone}[data-theme=tic] .mark,[data-theme=tic] mark{background:var(--magenta);color:var(--void)}::selection{background:var(--rood);color:var(--paper)}[data-theme=tic] ::selection{background:var(--lime);color:var(--void)}.glitch:after,.glitch:before{inset:0}.glitch:before{color:var(--magenta);transform:translate(-2px);mix-blend-mode:screen;-webkit-clip-path:polygon(0 0,100% 0,100% 45%,0 45%);clip-path:polygon(0 0,100% 0,100% 45%,0 45%)}.glitch:after{color:var(--cyan);transform:translate(2px);mix-blend-mode:screen;-webkit-clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%);clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%)}.scanlines{position:relative}.scanlines:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(180deg,transparent 0,transparent 2px,rgba(255,255,255,.04) 0,rgba(255,255,255,.04) 3px);mix-blend-mode:overlay}@media (prefers-reduced-motion:reduce){.glitch:after,.glitch:before{display:none}*,:after,:before{animation-duration:0s!important;transition-duration:0s!important}}body,html{margin:0;padding:0}*,:after,:before{box-sizing:border-box}img,svg{max-width:100%}body{background:var(--paper);overflow-x:hidden}.nav-link{font-family:var(--font-display);font-weight:600;font-size:18px;color:var(--ink);text-decoration:none;position:relative;display:inline-block}.nav-link.active{background:var(--geel);padding:2px 10px;transform:rotate(-2deg)}.nav-link:not(.active):after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:3px;background:var(--rood);transform:scaleX(0);transform-origin:left center;transition:transform .3s var(--ease-snap)}.nav-link:not(.active):hover:after{transform:scaleX(1)}.btn{--tilt:0deg;font-family:var(--font-display);font-weight:700;font-size:18px;padding:14px 22px;border:2px solid var(--ink);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:10px;transition:transform 80ms var(--ease-snap);background:var(--oranje);border-radius:6px;box-shadow:6px 6px 0 0 var(--ink);line-height:1;transform:rotate(var(--tilt));will-change:transform}.btn,.btn:hover{color:var(--ink)}.btn:hover{transform:rotate(calc(var(--tilt) - 1.5deg))}.btn:active{transform:rotate(var(--tilt)) scale(.97)}.btn--secondary{background:var(--paper)}.btn--yellow{background:var(--geel)}.btn--ghost{background:transparent;border:2px dashed var(--ink);box-shadow:none}.btn--ghost:hover{background:rgba(0,0,0,.03)}.glitch{position:relative;display:inline-block}.glitch:after,.glitch:before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;pointer-events:none;opacity:1}.glitch:before{color:var(--rood);animation:glitch-a 2.4s steps(1) infinite;mix-blend-mode:multiply}.glitch:after{color:var(--blauw);animation:glitch-b 2.4s steps(1) infinite;mix-blend-mode:multiply}.glitch:hover:after,.glitch:hover:before{animation-duration:.4s}@keyframes glitch-a{0%,78%,to{transform:translate(0);-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}80%{transform:translate(-8px,2px);-webkit-clip-path:inset(8% 0 55% 0);clip-path:inset(8% 0 55% 0)}82%{transform:translate(6px,-4px);-webkit-clip-path:inset(45% 0 15% 0);clip-path:inset(45% 0 15% 0)}84%{transform:translate(-5px,4px);-webkit-clip-path:inset(15% 0 65% 0);clip-path:inset(15% 0 65% 0)}86%{transform:translate(7px,-1px);-webkit-clip-path:inset(55% 0 8% 0);clip-path:inset(55% 0 8% 0)}88%{transform:translate(-4px,3px);-webkit-clip-path:inset(25% 0 40% 0);clip-path:inset(25% 0 40% 0)}90%{transform:translate(8px,-3px);-webkit-clip-path:inset(60% 0 12% 0);clip-path:inset(60% 0 12% 0)}92%{transform:translate(-6px);-webkit-clip-path:inset(10% 0 70% 0);clip-path:inset(10% 0 70% 0)}94%{transform:translate(4px,-2px);-webkit-clip-path:inset(35% 0 30% 0);clip-path:inset(35% 0 30% 0)}96%{transform:translate(-2px,1px);-webkit-clip-path:inset(50% 0 20% 0);clip-path:inset(50% 0 20% 0)}98%{transform:translate(0);-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}@keyframes glitch-b{0%,78%,to{transform:translate(0);-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}80%{transform:translate(7px,-2px);-webkit-clip-path:inset(65% 0 8% 0);clip-path:inset(65% 0 8% 0)}82%{transform:translate(-6px,4px);-webkit-clip-path:inset(12% 0 60% 0);clip-path:inset(12% 0 60% 0)}84%{transform:translate(5px,-3px);-webkit-clip-path:inset(40% 0 25% 0);clip-path:inset(40% 0 25% 0)}86%{transform:translate(-7px,1px);-webkit-clip-path:inset(5% 0 70% 0);clip-path:inset(5% 0 70% 0)}88%{transform:translate(4px,-4px);-webkit-clip-path:inset(48% 0 18% 0);clip-path:inset(48% 0 18% 0)}90%{transform:translate(-8px,2px);-webkit-clip-path:inset(20% 0 55% 0);clip-path:inset(20% 0 55% 0)}92%{transform:translate(6px,-1px);-webkit-clip-path:inset(58% 0 14% 0);clip-path:inset(58% 0 14% 0)}94%{transform:translate(-3px,3px);-webkit-clip-path:inset(28% 0 45% 0);clip-path:inset(28% 0 45% 0)}96%{transform:translate(2px,-2px);-webkit-clip-path:inset(42% 0 22% 0);clip-path:inset(42% 0 22% 0)}98%{transform:translate(0);-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}.struck,s{text-decoration:none!important;position:relative;display:inline-block}.struck:after,s:after{content:"";position:absolute;left:-2%;right:-2%;top:55%;height:.14em;background:var(--rood);transform:scaleX(0);transform-origin:left center;border-radius:2px;pointer-events:none;transition:transform .6s cubic-bezier(.6,.05,.3,1) .1s}.struck.in-view:after,s.in-view:after{transform:scaleX(1)}mark{background:linear-gradient(90deg,var(--geel) 50%,transparent 50%)!important;background-size:202% 100%!important;background-position:100% 0!important;transition:background-position .9s cubic-bezier(.5,.05,.2,1) .15s,color .9s cubic-bezier(.5,.05,.2,1) .15s;padding:0 4px;color:inherit}mark.in-view{background-position:0 0!important;color:var(--ink)!important}.reveal,.reveal-section,main>section{opacity:0;transform:translateY(28px);transition:opacity .8s ease-out,transform .8s cubic-bezier(.2,.7,.3,1)}.reveal-section.in-view,.reveal.in-view,main>section.in-view{opacity:1;transform:translateY(0)}.sticker{display:inline-block;background:var(--geel);padding:4px 12px;font-family:var(--font-hand);font-weight:700;font-size:22px;color:var(--ink);border:2px solid var(--ink);box-shadow:3px 3px 0 0 var(--ink)}@keyframes float-a{0%,to{transform:translateY(0) rotate(var(--r,-4deg))}50%{transform:translateY(-6px) rotate(calc(var(--r, -4deg) + 2deg))}}@keyframes float-b{0%,to{transform:translateY(0) rotate(var(--r,4deg))}50%{transform:translateY(-4px) rotate(calc(var(--r, 4deg) - 2deg))}}@keyframes sway-a{0%,to{transform:rotate(4deg)}50%{transform:rotate(7deg) translate(6px,-4px)}}@keyframes sway-b{0%,to{transform:rotate(-6deg)}50%{transform:rotate(-3deg) translate(-4px,6px)}}.sway-a{animation:sway-a 9s ease-in-out infinite}.sway-b{animation:sway-b 11s ease-in-out infinite}.float-a{animation:float-a 6s ease-in-out infinite}.float-b{animation:float-b 7s ease-in-out infinite}@keyframes portrait-wiggle{0%,to{transform:rotate(-4deg)}25%{transform:rotate(-2deg) translateY(-3px)}75%{transform:rotate(-6deg) translateY(2px)}}.hero-portrait{transition:transform .4s var(--ease-out)}.hero-portrait:hover{animation:portrait-wiggle .6s ease-in-out}.hand-hover,[data-hand]{transition:transform .3s cubic-bezier(.3,1.4,.5,1);display:inline-block}.hand-hover:hover,[data-hand]:hover{transform:rotate(-6deg) scale(1.08)}.book-cover{transition:transform .4s cubic-bezier(.3,1.2,.4,1)}.book-cover:hover{transform:rotate(-2deg) translateY(-8px) scale(1.03)!important}.social-card{transition:transform .25s cubic-bezier(.5,.1,.3,1.3),box-shadow .25s ease-out;will-change:transform}.social-card:hover{transform:translate(-4px,-6px) rotate(0deg)!important;box-shadow:12px 14px 0 0 var(--ink)!important}.social-card:active{transform:translate(2px,2px) rotate(0deg)!important;box-shadow:2px 2px 0 0 var(--ink)!important}.social-card .social-icon{transition:transform .4s cubic-bezier(.4,.05,.3,1.4)}.social-card:hover .social-icon{transform:rotate(-12deg) scale(1.15)}.blog-card{transition:transform .3s cubic-bezier(.3,1.2,.4,1),box-shadow .3s ease-out}.blog-card:hover{transform:translate(-3px,-5px) rotate(0deg)!important;box-shadow:12px 14px 0 0 var(--ink)!important}.chapter-card{transition:transform .3s cubic-bezier(.3,1.2,.4,1)}.chapter-card:hover{transform:rotate(0deg) translate(-2px,-3px)!important}.fact-card{transition:transform .3s cubic-bezier(.3,1.2,.4,1)}.fact-card:hover{transform:rotate(0deg) scale(1.04)!important}.bg-paper{background:var(--paper)}.bg-paper-warm{background:var(--paper-warm)}.bg-geel{background:var(--geel)}.bg-rood{background:var(--rood);color:var(--paper)}.bg-blauw{background:var(--blauw);color:var(--paper)}.bg-oranje{background:var(--oranje)}.bg-ink{background:var(--ink);color:var(--paper)}.section{padding:96px 32px;border-top:2px solid var(--ink)}.section--no-border{border-top:none}.shell{max-width:1100px;margin:0 auto}.shell--narrow{max-width:720px;margin:0 auto}@media (max-width:720px){.section{padding:56px 18px}.grid-2,.grid-3{grid-template-columns:1fr!important;gap:32px!important}.h1-resp{font-size:clamp(40px,11vw,64px)!important}.h2-resp{font-size:clamp(28px,7vw,40px)!important}.book-teaser .book-teaser__text{order:1}.book-teaser .book-teaser__cover{order:2}}.rich-text h2{font-weight:800;font-size:clamp(28px,3.5vw,48px);letter-spacing:-.02em;margin:32px 0 16px}.rich-text h2,.rich-text h3{font-family:var(--font-display)}.rich-text h3{font-weight:700;font-size:clamp(22px,2.4vw,32px);margin:24px 0 12px}.rich-text p{margin:0 0 18px;max-width:65ch}.rich-text ol,.rich-text ul{margin:0 0 18px 1.5em}.rich-text a{color:var(--blauw)}.rich-text strong{font-style:normal;font-weight:700}.rich-text [data-lexical-decorator] img,.rich-text figure img,.rich-text img{display:block;max-width:100%;width:auto;height:auto;margin:24px 0;border:2px solid var(--ink);box-shadow:6px 6px 0 0 var(--ink)}.rich-text figure{margin:24px 0}.rich-text figcaption{font-family:var(--font-mono);font-size:12px;color:var(--ink-soft);margin-top:8px}.social-feed-card{position:relative;display:block;background:var(--paper);color:var(--ink);border:2px solid var(--ink);box-shadow:6px 6px 0 0 var(--ink);text-decoration:none;overflow:hidden;transform:rotate(var(--tilt,0deg));transition:transform .32s cubic-bezier(.34,1.56,.64,1),box-shadow .22s ease;will-change:transform}.social-feed-card:focus-visible,.social-feed-card:hover{transform:rotate(0deg) translate(-2px,-4px) scale(1.02);box-shadow:10px 12px 0 0 var(--ink)}.social-feed-card:active{transform:rotate(0deg) translate(2px,2px) scale(.99);box-shadow:3px 3px 0 0 var(--ink);transition-duration:80ms}.social-feed-thumb{position:relative;aspect-ratio:4/5;background:var(--paper-warm,#f0ebe0);overflow:hidden}.social-feed-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.22,1,.36,1),filter .4s ease}.social-feed-card:hover .social-feed-img{transform:scale(1.06) rotate(-.5deg);filter:saturate(1.1) contrast(1.03)}.social-feed-badge{position:absolute;top:10px;right:10px;border:2px solid var(--ink);padding:6px;display:flex;transition:transform .28s cubic-bezier(.34,1.56,.64,1)}.social-feed-card:hover .social-feed-badge{transform:rotate(-12deg) scale(1.15)}.social-feed-caption{padding:12px 14px;border-top:2px solid var(--ink);font-family:var(--font-mono);font-size:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:calc(1.4em * 2 + 24px);background:var(--paper);transition:background .22s ease}.social-feed-card:hover .social-feed-caption{background:var(--paper-warm,#f0ebe0)}.tape{position:absolute;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}.tape.float-a{animation:float-a 6s ease-in-out infinite}.tape.float-b{animation:float-b 7s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.glitch:after,.glitch:before{display:none}*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal,.reveal-section,main>section{opacity:1!important;transform:none!important}.struck:after,s:after{transform:scaleX(1)!important}mark{background-position:0 0!important;color:var(--ink)!important}}