:root{--paper:#f4f1ea;--paper-2:#ebe6db;--ink:#141414;--muted:#5d5a54;--line:#141414;--donkey:#b0b0b0;--accent:#c2410c;--todo:#ffe45c;--serif:Charter, "Bitstream Charter", "Sitka Text", Cambria, "Iowan Old Style", Georgia, serif;--mono:ui-monospace, "JetBrains Mono", "SFMono-Regular", Menlo, Consolas, monospace;--stroke:3px;--wrap:1080px}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5rem}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--paper);color:var(--ink);font:1.125rem/1.6 var(--serif);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration-thickness:1.5px;text-underline-offset:.18em}a:hover{color:var(--accent)}a:focus-visible,.esel:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:2px}.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:var(--paper);padding:.5rem 1rem;z-index:10}.skip:focus{left:1rem;top:1rem}.top{position:sticky;top:0;z-index:5;display:flex;align-items:baseline;justify-content:space-between;gap:1rem;--g:max(1.5rem, calc((100% - var(--wrap)) / 2 + 1.5rem));padding:1.1rem var(--g);background:var(--paper)}.top::after{content:"";position:absolute;left:var(--g);right:var(--g);bottom:0;height:var(--stroke);background:var(--line)}.wordmark{font-weight:700;font-size:1.15rem;text-decoration:none;letter-spacing:-.01em}.wordmark span{color:var(--muted);font-weight:400}.top nav{display:flex;gap:1.4rem;font-family:var(--mono);font-size:.85rem}.top nav a{text-decoration:none;padding:.4rem 0;white-space:nowrap}.top nav a:hover{text-decoration:underline}main{max-width:var(--wrap);margin:0 auto;padding:0 1.5rem}.hero{display:grid;grid-template-columns:minmax(200px,340px)1fr;gap:clamp(2rem,6vw,5rem);align-items:center;padding:clamp(3rem,8vw,6rem)0 clamp(3rem,7vw,5rem);border-bottom:var(--stroke)solid var(--line)}.esel{margin:0;position:relative;cursor:pointer;user-select:none}.esel svg{display:block;width:100%;height:auto;overflow:visible;transform-origin:50% 90%}.esel .auge{transition:transform .12s ease-out}.esel .pupille{transform-box:fill-box;transform-origin:center;transition:transform .06s}.esel svg.blink .pupille{transform:scaleY(.12)}.esel.talk svg{animation:nick .6s ease-in-out}@keyframes nick{0%,100%{transform:rotate(0)}30%{transform:rotate(-4deg)}65%{transform:rotate(3deg)}}.iah{position:absolute;top:4%;right:-6%;font:700 1.05rem/1 var(--mono);background:var(--paper);border:var(--stroke)solid var(--line);border-radius:999px;padding:.55rem .85rem;opacity:0;transform:translateY(6px)scale(.9);pointer-events:none;transition:opacity .15s,transform .15s}.iah:empty{display:none}.esel.talk .iah{opacity:1;transform:none}.kicker{font-family:var(--mono);font-size:.9rem;color:var(--muted);margin:0 0 .4rem}h1{font-size:clamp(2.6rem,7vw,5.2rem);line-height:.98;letter-spacing:-.035em;margin:0 0 1.6rem;font-weight:700}.role{font:.9rem/1.6 var(--mono);color:var(--muted);margin:-.6rem 0 1.4rem}.lead{font-size:clamp(1.3rem,2.4vw,1.6rem);line-height:1.35;max-width:30ch;margin:0 0 1rem;text-wrap:pretty;font-weight:600;letter-spacing:-.01em}.bio{max-width:46ch;margin:0;color:var(--muted);text-wrap:pretty}.block{display:grid;grid-template-columns:220px 1fr;gap:1rem 3rem;padding:3.25rem 0;border-bottom:1px solid color-mix(in srgb,var(--ink) 25%,transparent)}.block>h2{grid-row:span 3;margin:0;font-size:1.5rem;letter-spacing:-.01em;line-height:1.2}.block>*:not(h2){grid-column:2}.num{display:block;font:.8rem var(--mono);color:var(--accent);margin-bottom:.35rem}.now{margin:0;display:grid;gap:0}.now>div{display:grid;grid-template-columns:10rem 1fr;gap:1.5rem;padding:.85rem 0;border-top:1px dashed color-mix(in srgb,var(--ink) 35%,transparent)}.now>div:first-child{border-top:0;padding-top:0}.now dt{font:.82rem/1.9 var(--mono);color:var(--muted)}.now dd{margin:0}.stamp{font:.8rem var(--mono);color:var(--muted);margin:1rem 0 0}.feature{border:var(--stroke)solid var(--line);background:#fff;box-shadow:6px 6px 0 var(--accent);padding:1.4rem 1.6rem 1.2rem;margin-bottom:2rem}.feature .no{font:.8rem var(--mono);color:var(--accent);margin:0 0 .7rem;display:flex;justify-content:space-between;align-items:center}.feature .no span{background:var(--accent);color:#fff;padding:.15rem .5rem;letter-spacing:.06em;text-transform:uppercase;font-size:.7rem}.feature h3{margin:0 0 .5rem;font-size:clamp(1.35rem,2.4vw,1.7rem);line-height:1.2;letter-spacing:-.02em}.feature h3 a{text-decoration:none}.feature h3 a:hover{text-decoration:underline}.feature p{margin:0 0 .6rem}.feature>p:not(.no):not(.tags){max-width:62ch}.feature .note{color:var(--muted);font-size:1rem}.feature .install{margin:1rem 0}.feature .tags{margin:0;padding-top:.7rem;border-top:1px solid var(--line);font:.78rem var(--mono)}.work{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.75rem}.work li{display:flex;flex-direction:column;border:var(--stroke)solid var(--line);background:#fff;box-shadow:6px 6px 0 var(--line);padding:1.25rem 1.4rem 1.1rem}.work .no{font:.8rem var(--mono);color:var(--accent);margin:0 0 .7rem;display:flex;justify-content:space-between;align-items:center}.work .no span{background:var(--ink);color:var(--paper);padding:.15rem .5rem;letter-spacing:.06em;text-transform:uppercase;font-size:.7rem}.work h3{margin:0 0 .5rem;font-size:1.22rem;line-height:1.25;letter-spacing:-.01em;text-wrap:balance}.work p{margin:0 0 .6rem}.work .note{color:var(--muted);font-size:1rem}.work .tags{margin:auto 0 0;padding-top:.7rem;border-top:1px solid var(--line);font:.78rem var(--mono)}.zettel{max-width:40rem;background:#fff;border:var(--stroke)solid var(--line);box-shadow:6px 6px 0 var(--line);padding:1.4rem 1.5rem 0;transform:rotate(-.6deg)}.zettel-kopf{font:.78rem var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin:0 0 .7rem}.zettel-text{font-size:1.2rem;margin:0 0 .9rem;text-wrap:pretty}.zettel-hint{font:.75rem var(--mono);color:var(--muted);margin:0 0 .9rem}.abriss{list-style:none;display:flex;margin:0 -1.5rem;padding:0;border-top:2px dashed var(--line)}.abriss li{flex:1;border-left:2px dashed var(--line);transition:transform .5s cubic-bezier(.5,0,.75,0),opacity .5s;transform-origin:50% 0}.abriss li:first-child{border-left:0}.abriss button{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;justify-content:flex-start;width:100%;min-height:10.5rem;padding:.9rem 0;writing-mode:vertical-rl;transform:rotate(180deg);font:.78rem var(--mono);color:var(--muted);white-space:nowrap}.abriss button b{color:var(--ink);font-weight:700}.abriss button:hover{background:var(--paper)}.abriss button:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.abriss li.weg{transform:translateY(60px)rotate(var(--r,8deg));opacity:0;pointer-events:none}@media(prefers-reduced-motion:reduce){.abriss li{transition:none}}.aside{margin:0 0 1rem;color:var(--muted)}.archive{list-style:none;margin:0;padding:0}.archive li{display:grid;grid-template-columns:4rem 1fr;gap:1rem;padding:.45rem 0}.archive time{font:.85rem/1.9 var(--mono);color:var(--muted)}.contact .big{font-size:clamp(1.4rem,3.5vw,2.2rem);font-weight:700;letter-spacing:-.02em;margin:0 0 .5rem;word-break:break-word}.anderswo{margin:1.2rem 0 0;display:flex;flex-wrap:wrap;gap:.8rem 2.5rem}.anderswo dt{font:.75rem var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.anderswo dd{margin:0;font-family:var(--mono)}.foot{max-width:var(--wrap);margin:0 auto;padding:2rem 1.5rem 3rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font:.82rem var(--mono);color:var(--muted);border-top:1px solid color-mix(in srgb,var(--ink) 25%,transparent)}.foot-links{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem}body.k-home .foot{border-top:0}.todo{background:linear-gradient(transparent 12%,var(--todo) 12%,var(--todo) 92%,transparent 92%);padding:0 .1em;box-decoration-break:clone;-webkit-box-decoration-break:clone}.todo-note{margin:1.4rem 0 0;font:.78rem var(--mono);color:var(--muted)}.todo-note::before{content:"";display:inline-block;width:.9em;height:.9em;background:var(--todo);margin-right:.5em;vertical-align:-.1em}.page{max-width:70ch;padding:3.5rem 0 4rem}.page h1{font-size:clamp(2.2rem,5vw,3.2rem);line-height:1.05;letter-spacing:-.03em;margin:0 0 2rem;text-wrap:balance}.prose h2,.prose h3{font-size:1.3rem;line-height:1.25;margin:2.4rem 0 .6rem;letter-spacing:-.01em}.prose p,.prose li{text-wrap:pretty}.prose img{max-width:100%;height:auto;border:var(--stroke)solid var(--line);background:#fff}.prose code{font:.88em var(--mono);background:var(--paper-2);padding:.08em .3em}.prose pre,.install{font:.85rem/1.55 var(--mono);background:var(--ink)!important;color:var(--paper)!important;padding:1rem 1.2rem;overflow-x:auto;margin:1.2rem 0}.prose pre code,.install code{background:0 0;padding:0;font:inherit;color:inherit}.prose blockquote{margin:1.5rem 0;padding-left:1.2rem;border-left:var(--stroke)solid var(--line);color:var(--muted)}.post-head .kicker{margin-bottom:.6rem}.stale{font:.82rem/1.5 var(--mono);background:var(--todo);padding:.6rem .8rem;margin:-1rem 0 2rem;display:inline-block}.cover{margin:0 0 2.5rem}.cover img{display:block;width:100%;height:auto;max-height:26rem;object-fit:cover;border:var(--stroke)solid var(--line);box-shadow:6px 6px 0 var(--line)}.post-nav{display:flex;justify-content:space-between;gap:1rem;margin-top:3.5rem;padding-top:1.2rem;border-top:var(--stroke)solid var(--line);font:.85rem var(--mono)}@media(max-width:760px){body{font-size:1.05rem}.top{--g:1.25rem;padding-block:.9rem}.top{flex-wrap:wrap;row-gap:.2rem}.top nav{gap:.2rem 1rem;font-size:.78rem;flex-wrap:wrap}main{padding:0 1.25rem}.hero{grid-template-columns:1fr;gap:1.5rem;padding-top:2.5rem}.esel{width:min(52vw,220px)}.iah{right:-40%}.block{grid-template-columns:1fr;padding:2.5rem 0}.block>*:not(h2){grid-column:1}.block>h2{grid-row:auto;margin-bottom:.5rem}.now>div{grid-template-columns:1fr;gap:.1rem}.zettel{transform:none}.abriss{overflow-x:auto}.abriss li{min-width:3rem}}@media(max-width:480px){.wordmark span{display:none}}@media print{.top{position:static}.todo{background:0 0}.todo-note,.iah{display:none}}