@font-face{font-family:SGrotesk-fb;src:local("Helvetica Neue"),local("Arial");size-adjust:101%}@font-face{font-family:ISans-fb;src:local("Helvetica Neue"),local("Arial");size-adjust:99%}@font-face{font-family:JBMono-fb;src:local("Menlo"),local("Consolas"),local("Courier New");size-adjust:102%}:root{--kagit: #FAF9F6;--nokta: rgba(28, 32, 38, .07);--masa: #14171C;--grafit: #22262C;--ayrac: #B33A2B;--bant: #CFC4AE;--klips: #9AA3AD;--font-head: "Space Grotesk", "SGrotesk-fb", "Helvetica Neue", sans-serif;--font-body: "Instrument Sans", "ISans-fb", "Helvetica Neue", sans-serif;--font-mono: "JetBrains Mono", "JBMono-fb", ui-monospace, SFMono-Regular, monospace;--font-hand: "Caveat", "Segoe Script", cursive;--col: min(62ch, 86vw)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:auto}body{background:var(--masa);color:var(--grafit);font-family:var(--font-body);font-size:clamp(1rem,.95rem + .3vw,1.0625rem);line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased;-webkit-hyphens:manual;hyphens:manual}::selection{background:var(--grafit);color:var(--kagit)}a{color:inherit;text-decoration:none;background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-position:0 100%;background-size:100% 1px;transition:background-size .2s ease-out;padding-bottom:2px}a:hover{background-size:100% 2px}@media(hover:hover){a{background-size:0 1px}a:hover,a:focus-visible{background-size:100% 1px}}a:focus-visible{outline:2px solid color-mix(in srgb,var(--grafit) 70%,var(--kagit));outline-offset:3px}html{scrollbar-width:thin;scrollbar-color:#343A42 var(--masa)}::-webkit-scrollbar{width:9px}::-webkit-scrollbar-track{background:var(--masa)}::-webkit-scrollbar-thumb{background:#343a42;border-radius:4px}.mono{font-family:var(--font-mono)}.hand{font-family:var(--font-hand)}.visually-hidden{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}#gl{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;display:none}html.gl-on #gl{display:block}#grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background-image:radial-gradient(ellipse at 50% 38%,transparent 55%,rgba(10,12,16,.22) 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E")}main#notebook{position:relative;z-index:1}.scene{position:relative;width:var(--col);margin:0 auto;padding:20vh 0 22vh;padding:20svh 0 22svh}.turn-gap{height:130vh;height:130svh}html:not(.gl-on) .turn-gap{height:9vh;height:9svh}.scene--q,.scene--epilogue{background:radial-gradient(var(--nokta) 1px,transparent 1.3px),linear-gradient(#fffffd66,#f0eee84d),var(--kagit);background-size:19px 19px,auto,auto;box-shadow:0 1px #ffffff59 inset,0 34px 70px #0000008c;padding-left:clamp(1.6rem,4vw,3.4rem);padding-right:clamp(1.6rem,4vw,3.4rem)}.scene--q:before{content:"";position:absolute;top:0;bottom:auto;right:clamp(.8rem,2vw,1.8rem);width:14px;height:88px;background:linear-gradient(100deg,#9A2F22,var(--ayrac) 55%,#8E2C20);clip-path:polygon(0 0,100% 0,100% 100%,50% 88%,0 100%);opacity:.9}html.gl-on .scene--q{background:#faf9f680;box-shadow:0 0 38px 38px #faf9f680;border-radius:18px}html.gl-on .scene--epilogue{background:none;box-shadow:none}html.gl-on .scene--q:before{display:none}html.gl-on .scene--scale{background:#faf9f6b8;box-shadow:0 0 16px 16px #faf9f6b8,0 30px 60px #00000059;border-radius:6px}.scene--cover{min-height:96vh;min-height:96svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0}html.gl-on .scene--cover{height:210vh;height:210svh;min-height:0;justify-content:flex-start}.cover-label{position:relative;background:var(--kagit);color:var(--grafit);padding:2rem 2.6rem 1.8rem;max-width:min(30rem,88vw);box-shadow:0 14px 36px #00000073;transform:rotate(-.6deg)}html.gl-on .cover-label{position:sticky;top:30vh;will-change:transform,opacity}.cover-label{border-radius:8px}.cover-owner{font-size:clamp(.86rem,2.4vw,1.02rem);font-weight:700;letter-spacing:.14em;line-height:1.9}.cover-place{margin-top:.9rem;font-size:.8rem;letter-spacing:.3em;opacity:.75}.cover-coords{margin-top:.35rem;font-size:.8rem;letter-spacing:.14em;opacity:.75}.scroll-cue{margin-top:7vh;font-size:.78rem;letter-spacing:.22em;color:var(--kagit);opacity:.55}html.gl-on .scroll-cue{position:fixed;left:50%;bottom:4vh;transform:translate(-50%);margin:0}.q-head{margin-bottom:4rem}.q-slug{font-size:.74rem;letter-spacing:.2em;opacity:.55;margin-bottom:1.3rem}.q-title{font-family:var(--font-head);font-weight:600;font-size:clamp(3rem,7vw,6rem);line-height:1.06;letter-spacing:-.02em;color:var(--grafit);text-wrap:balance;-webkit-hyphens:manual;hyphens:manual}.q-body p{max-width:62ch}.q-body p+p{margin-top:1.5rem}.rule{position:relative;margin:3.4rem 0;padding:.4rem 0 .4rem 1.6rem;border-left:3px solid color-mix(in srgb,var(--grafit) 55%,transparent)}.rule-line{font-size:clamp(1.35rem,3vw,1.8rem);font-style:italic;font-weight:500;line-height:1.45;text-wrap:balance}.stamp{position:relative;display:inline-block;font-weight:700;color:var(--ayrac);border:1.5px solid var(--ayrac);border-radius:6px;padding:.42em .85em;letter-spacing:.18em;font-size:.78rem;transform:rotate(-2deg)}.stamp.is-drawing{border-color:transparent}.stamp.is-drawing .stamp-text{opacity:0}.stamp .stamp-frame{position:absolute;top:-1.5px;right:-1.5px;bottom:-1.5px;left:-1.5px;width:calc(100% + 3px);height:calc(100% + 3px);overflow:visible;pointer-events:none}.stamp .stamp-frame rect{fill:none;stroke:var(--ayrac);stroke-width:1.5}.stamp.is-glow{box-shadow:0 0 14px #b33a2b59}.stamp--rule{position:absolute;right:clamp(0rem,3vw,2.2rem);bottom:-1.9rem}.stamp--count{margin:.9rem 0 .2rem}html.gl-on .stamp.is-armed{opacity:0}html.gl-on .stamp.is-pressed{opacity:1}.desk-block{margin-top:4.6rem}.desk-title{font-size:.78rem;letter-spacing:.24em;opacity:.6;margin-bottom:1.8rem}.cards{list-style:none;display:grid;gap:1.5rem}.card{position:relative;background:linear-gradient(#fffffdd9,#f5f3eecc),var(--kagit);border:1px solid rgba(34,38,44,.12);border-radius:8px;box-shadow:0 4px 14px #0a0c101a;padding:1.5rem}.card:nth-child(odd){transform:rotate(-.3deg)}.card:nth-child(2n){transform:rotate(.25deg)}.card-no{font-size:.72rem;letter-spacing:.18em;opacity:.62;margin-bottom:.7rem}.card-copy{font-size:.98rem;line-height:1.65}.margin-note{font-size:clamp(1.15rem,2.2vw,1.35rem);color:color-mix(in srgb,var(--grafit) 84%,var(--kagit));transform:rotate(-2.4deg);margin-top:2.6rem;max-width:16ch;line-height:1.25}.sketch{margin-top:3rem}.sketch svg{width:min(340px,74vw);height:auto;display:block}.sketch svg path,.sketch svg line,.sketch svg circle,.sketch svg rect{fill:none;stroke:color-mix(in srgb,var(--grafit) 88%,var(--kagit));stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}.margin-note--finally{margin-top:.6rem}.sketch--assembled{margin:3rem 1.5rem 0 auto;width:fit-content}.sketch--assembled svg{width:min(190px,60vw)}.margin-note--finally{margin:.5rem 2.2rem 0 auto;max-width:none;width:fit-content}@media(min-width:1280px){.scene--q{overflow:visible}.sketch--exploded{position:absolute;right:-9rem;top:22rem;margin:0}.sketch--exploded svg{width:200px}.margin-note{position:absolute;left:-11rem;top:30rem;margin:0}}.videos{margin-top:4.2rem}.videos-kicker{font-size:.72rem;letter-spacing:.2em;opacity:.55;margin-bottom:1.6rem}.video-cards{list-style:none;display:grid;gap:1.4rem;grid-template-columns:repeat(auto-fit,minmax(215px,1fr))}.video-card{position:relative;background:linear-gradient(#fffffdeb,#f4f2ede0),var(--kagit);border:1px solid rgba(34,38,44,.12);border-radius:8px;box-shadow:0 4px 14px #0a0c101a;transform:rotate(-.4deg)}.video-card:nth-child(2){transform:rotate(.4deg)}.video-card:nth-child(3){transform:rotate(-.2deg)}.video-card:before{content:"";position:absolute;top:-13px;left:18px;width:15px;height:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 34'%3E%3Cpath d='M4 10 v16 a3.5 3.5 0 0 0 7 0 V7 a5.5 5.5 0 0 0 -11 0 v20' fill='none' stroke='%239AA3AD' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3));z-index:1}.video-card a{display:block;padding:.85rem .85rem 1rem;background:none}.video-thumb{display:block;overflow:hidden;border-radius:3px}.video-thumb img{display:block;width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover;filter:saturate(.92)}.video-title{display:block;margin-top:.75rem;font-size:.92rem;line-height:1.45;font-weight:500;color:var(--grafit)}.video-meta{display:block;margin-top:.45rem;font-size:.68rem;letter-spacing:.08em;opacity:.6}.stamp--video{position:absolute;top:.55rem;right:.55rem;font-size:.58rem;letter-spacing:.14em;padding:.3em .55em;background:#faf9f6d9}.clippings{list-style:none;display:flex;flex-wrap:wrap;gap:1.1rem;margin-top:3.4rem}.clipping{position:relative;background:linear-gradient(#fffffdeb,#f4f2ede0);border:1px solid rgba(35,32,27,.1);box-shadow:0 6px 16px #00000024;padding:.55rem 1.1rem;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase}.clipping:before{content:"";position:absolute;top:-8px;left:50%;width:46px;height:15px;transform:translate(-50%) rotate(-3deg);background:linear-gradient(90deg,color-mix(in srgb,var(--bant) 58%,transparent),color-mix(in srgb,var(--bant) 80%,transparent) 25%,color-mix(in srgb,var(--bant) 80%,transparent) 75%,color-mix(in srgb,var(--bant) 58%,transparent));box-shadow:0 2px 4px -1px #0003}.clipping a{display:inline-flex;gap:.7em;align-items:baseline;background:none}.clipping a:hover .clip-outlet{text-decoration:underline;text-underline-offset:3px}.clip-title{font-family:var(--font-body);font-size:.85rem;text-transform:none;letter-spacing:0}.clip-date{opacity:.55;font-size:.7rem}.clippings-empty{margin-top:3.4rem;font-size:.98rem;line-height:1.8;opacity:.75}.clipping--more{opacity:.65;cursor:default}.clipping:nth-child(1){transform:rotate(-1.2deg)}.clipping:nth-child(2){transform:rotate(.8deg)}.clipping:nth-child(3){transform:rotate(-.5deg)}.clipping:nth-child(4){transform:rotate(1.4deg)}.empty-page{position:relative;border-radius:8px;margin-top:4.2rem;min-height:46vh;background:radial-gradient(var(--nokta) 1px,transparent 1.3px),linear-gradient(#fffffdbf,#f3f1eca6),var(--kagit);background-size:19px 19px,auto,auto;border:1px solid rgba(34,38,44,.08);box-shadow:0 14px 34px #00000029;padding:2.6rem 2.4rem}.empty-title{font-family:var(--font-head);font-weight:600;font-size:clamp(1.35rem,3vw,1.9rem);letter-spacing:-.01em;margin-bottom:1rem}.empty-line{font-size:1rem;opacity:.85;max-width:46ch}.empty-line--after{margin-top:.4rem}.count{margin:1.6rem 0 .4rem;font-size:.9rem;letter-spacing:.14em;opacity:.8}.odometer{display:inline-block;min-width:1.2ch;font-variant-numeric:tabular-nums}.closing-line{margin-top:3.6rem;font-size:clamp(1.3rem,2.8vw,1.7rem);font-style:italic;line-height:1.5;max-width:34ch;text-wrap:balance}.contact{list-style:none;margin-top:3.4rem;display:grid;gap:1.05rem}.contact li{font-size:.92rem;letter-spacing:.1em}.contact-key{font-weight:700;letter-spacing:.18em}.scene--epilogue{min-height:70vh;display:flex;flex-direction:column;justify-content:center}html.gl-on .scene--epilogue{background:none;color:var(--kagit)}.epilogue-body p+p{margin-top:1.8rem}.epilogue-coords{font-size:.85rem;letter-spacing:.2em;opacity:.7}.lang-switch{margin-top:4.5rem;font-size:.78rem;letter-spacing:.2em}.lang-switch a{opacity:.75}.lang-switch a:hover{opacity:1}.boot-line{display:none}html.gl-on .boot-line{display:block;height:1.4em;margin-top:1.1rem;font-size:.72rem;letter-spacing:.2em;opacity:.55;transition:opacity .4s ease-out}html.gl-on.gl-ready .boot-line{opacity:0}.sound-toggle{position:fixed;left:1.1rem;bottom:1rem;z-index:4;font-size:.68rem;letter-spacing:.18em;color:color-mix(in srgb,var(--kagit) 62%,transparent);background:none;border:1px solid color-mix(in srgb,var(--kagit) 22%,transparent);padding:.45em .8em;cursor:pointer}.sound-toggle:hover{color:color-mix(in srgb,var(--kagit) 85%,transparent)}.sound-toggle:focus-visible{outline:2px solid color-mix(in srgb,var(--kagit) 60%,transparent);outline-offset:3px}.corner-fold{position:absolute;right:0;bottom:0;width:30px;height:30px;border:0;padding:0;cursor:pointer;background:linear-gradient(315deg,rgba(198,188,162,.9) 0 49%,rgba(120,106,78,.28) 50% 54%,transparent 55%);clip-path:polygon(100% 0,100% 100%,0 100%);transition:width .18s ease-out,height .18s ease-out}.corner-fold:hover,.corner-fold:focus-visible{width:40px;height:40px;outline:none}.corner-fold:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--grafit) 60%,var(--kagit))}.secret{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6;display:grid;place-items:center;background:#0a08059e;padding:1.4rem}.secret[hidden]{display:none}.secret-sheet{position:relative;background:radial-gradient(var(--nokta) 1px,transparent 1.3px),linear-gradient(#fffffdbf,#f3f1eca6),var(--kagit);background-size:19px 19px,auto,auto;color:var(--grafit);max-width:30rem;width:100%;padding:3rem 2.6rem 2.8rem;box-shadow:0 34px 70px #0009;transform:rotate(-.5deg)}.secret-sheet .q-slug{margin-bottom:1.2rem;opacity:.7}.secret-body p{line-height:1.8}.secret-close{position:absolute;top:.7rem;right:.9rem;background:none;border:0;cursor:pointer;font-size:1.25rem;color:var(--grafit);opacity:.6;padding:.2em .4em}.secret-close:hover{opacity:1}.secret-close:focus-visible{outline:2px solid color-mix(in srgb,var(--grafit) 70%,var(--kagit))}@media print{#gl,#grain,.sound-toggle,.scroll-cue,.corner-fold,.secret,.boot-line{display:none!important}body{background:#fff;color:#000}.scene,html.gl-on .scene--q,html.gl-on .scene--epilogue{background:none;box-shadow:none;border-radius:0;width:auto;max-width:42rem;margin:0 auto;padding:1.2cm 0;min-height:0;height:auto}.scene--cover{height:auto}html.gl-on .cover-label{position:static}.cover-label{box-shadow:none;border:1px solid #000;transform:none}.turn-gap{height:0!important}.scene--epilogue{color:#000}.card,.empty-page,.clipping{box-shadow:none;border:1px solid #ccc;transform:none}.stamp{opacity:1!important;transform:rotate(-7deg) scale(1)!important}a{background:none;text-decoration:underline}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media(max-width:640px){.scene{padding-top:12vh;padding-bottom:14vh}.stamp--rule{position:static;display:inline-block;margin-top:1.4rem}.rule{padding-left:1.1rem}}@media(min-width:641px)and (max-width:900px){.stamp--rule{right:5.5rem}}@media(max-width:700px){html.gl-on .scene--q{background:radial-gradient(var(--nokta) 1px,transparent 1.3px),linear-gradient(#fffffdf5,#f3f1ecf5),var(--kagit);background-size:19px 19px,auto,auto;box-shadow:0 1px #ffffff59 inset,0 22px 48px #00000080;border-radius:2px}}.topbar{position:fixed;top:0;left:0;right:0;z-index:5;height:48px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 clamp(.9rem,2.5vw,1.6rem);background:color-mix(in srgb,var(--kagit) 96%,transparent);color:var(--grafit);border-bottom:1px solid rgba(34,38,44,.08);transition:box-shadow .3s ease-out}.topbar.is-scrolled{box-shadow:0 6px 22px #0a0c1024}.topbar a{background:none;padding-bottom:0}.topbar-brand{font-weight:700;font-size:.82rem;letter-spacing:.16em;min-width:44px;min-height:44px;display:inline-flex;align-items:center}.topbar-pos{position:absolute;left:50%;transform:translate(-50%);font-size:.72rem;letter-spacing:.2em;opacity:.6}.topbar-right{display:flex;align-items:center;gap:clamp(.6rem,2vw,1.4rem)}.topbar-fihrist{font-size:.74rem;letter-spacing:.18em;border:1px solid rgba(34,38,44,.28);border-radius:4px;padding:.55em .9em;min-height:44px;display:inline-flex;align-items:center;cursor:pointer}.topbar-fihrist:hover{border-color:var(--grafit)}.topbar-lang{font-size:.72rem;letter-spacing:.12em;opacity:.75}.topbar-lang a{min-width:24px;min-height:44px;display:inline-flex;align-items:center}.topbar-cur{font-weight:700}@media(max-width:700px){.topbar-pos{display:none}}html:not(.gl-on) main#notebook{padding-top:48px}.scene--toc{min-height:60vh}.toc-list{list-style:none;margin-top:1.4rem}.toc-row+.toc-row{margin-top:.35rem}.toc-row a{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"slug slug slug" "title dots page";align-items:baseline;column-gap:.9rem;padding:.8rem .4rem;min-height:44px;background:none;border-radius:6px}.toc-row a:hover,.toc-row a:focus-visible{background:#22262c0d}.toc-slug{grid-area:slug;font-size:.68rem;letter-spacing:.18em;opacity:.55}.toc-title{grid-area:title;font-family:var(--font-head);font-weight:600;font-size:clamp(1.05rem,2.4vw,1.5rem);letter-spacing:-.01em}.toc-dots{grid-area:dots;border-bottom:2px dotted rgba(34,38,44,.3);transform:translateY(-.35em)}.toc-page{grid-area:page;font-size:.74rem;letter-spacing:.12em;opacity:.6}.fihrist{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6;display:grid;place-items:center;background:#0c0e12a8;padding:1.2rem}.fihrist[hidden]{display:none}.fihrist-sheet{position:relative;background:radial-gradient(var(--nokta) 1px,transparent 1.3px),linear-gradient(#fffffdd9,#f3f1eccc),var(--kagit);background-size:19px 19px,auto,auto;color:var(--grafit);width:min(44rem,100%);max-height:min(84vh,84svh);overflow:auto;padding:2.6rem 2.4rem 2.2rem;border-radius:10px;box-shadow:0 40px 80px #0000008c}.toc-list--overlay .toc-row+.toc-row{margin-top:.5rem}@media(max-width:640px){.fihrist-sheet{padding:2rem 1.3rem}.toc-list--overlay .toc-row a{padding:1rem .5rem}}.skip-intro{position:fixed;right:1.2rem;bottom:1.1rem;z-index:5;background:none;border:0;cursor:pointer;font-size:.74rem;letter-spacing:.16em;color:color-mix(in srgb,var(--kagit) 70%,transparent);padding:.6em .4em}.skip-intro:hover{color:var(--kagit)}.skip-intro:focus-visible{outline:2px solid color-mix(in srgb,var(--kagit) 60%,transparent);outline-offset:3px}.clipping--more{padding:0}.clipping--more button{background:none;border:0;cursor:pointer;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--grafit);opacity:.7;padding:.55rem 1.1rem;min-height:44px}.clipping--more button:hover{opacity:1}.clipping--more button:focus-visible{outline:2px solid color-mix(in srgb,var(--grafit) 70%,var(--kagit));outline-offset:2px}