*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--paper:#e7e1d2;--surface:#f1ecde;--ink:#24211c;--body:#322e26;--muted:#5b5346;--clay:#be5235;--font-display:"Bricolage Grotesque", system-ui, sans-serif;--font-body:"Fira Sans", system-ui, sans-serif;--font-mono:"Space Mono", ui-monospace, monospace;--border:2.5px solid var(--ink);--shadow:6px 6px 0 var(--ink);--noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.055 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}html{-webkit-text-size-adjust:100%}body{background-color:var(--paper);background-image:var(--noise), radial-gradient(circle, #24211c0d 1px, transparent 1.4px);min-height:100vh;color:var(--body);font-family:var(--font-body);background-size:180px 180px,24px 24px;justify-content:center;align-items:center;padding:clamp(1.5rem,5vw,4rem) 1.25rem;font-weight:300;line-height:1.7;display:flex}.container{width:100%;max-width:620px}.index{flex-direction:column;gap:1.15rem;display:flex}.item{border:var(--border);background:var(--surface);box-shadow:var(--shadow);transition:transform .18s,box-shadow .18s}.item:has(.trigger:hover){box-shadow:4px 4px 0 var(--ink);transform:translate(2px,2px)}.item:has(.trigger:focus-visible){outline:3px solid var(--clay);outline-offset:4px}.item:has(.trigger.open){box-shadow:3px 3px 0 var(--clay);transform:translate(3px,3px)}.trigger{cursor:pointer;text-align:left;width:100%;color:var(--ink);background:0 0;border:none;align-items:center;gap:.9rem;padding:1.05rem 1.15rem;display:flex}.trigger:focus-visible{outline:none}.trigger-title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);font-size:clamp(1.15rem,4.4vw,1.5rem);font-weight:700;line-height:1.1}.mark{border:2px solid var(--ink);background:var(--paper);flex-shrink:0;width:24px;height:24px;margin-left:auto;transition:background .25s;position:relative}.mark:before,.mark:after{content:"";background:var(--clay);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mark:before{width:11px;height:2.5px}.mark:after{width:2.5px;height:11px;transition:opacity .25s}.trigger.open .mark{background:var(--clay)}.trigger.open .mark:before{background:var(--paper)}.trigger.open .mark:after{opacity:0}.panel{max-height:0;transition:max-height .4s;overflow:hidden}.panel-inner{border-top:1.5px dashed #24211c47;padding:1.1rem 1.15rem 1.35rem}.panel-inner p{color:var(--body);margin-bottom:.7rem;font-size:.98rem}.panel-inner p:last-child{margin-bottom:0}.panel-inner a.tools{color:var(--clay);border-bottom:1.5px solid var(--clay);font-weight:400;text-decoration:none;transition:background .18s,color .18s}.panel-inner a.tools:hover{background:var(--clay);color:var(--paper)}.links{flex-wrap:wrap;gap:.7rem;margin-top:1.25rem;display:flex}.links a{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);border:2px solid var(--ink);background:var(--surface);box-shadow:3px 3px 0 var(--ink);padding:.4rem .7rem;font-size:.72rem;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s,color .15s}.links a:hover{box-shadow:1px 1px 0 var(--ink);background:var(--clay);color:var(--paper);transform:translate(2px,2px)}.links a:focus-visible{outline:3px solid var(--clay);outline-offset:3px}.samples{flex-direction:column;display:flex}.sample-link{border-bottom:1.5px dashed #24211c40;align-items:center;gap:.85rem;padding:.85rem 0;text-decoration:none;display:flex}.sample-link:first-child{padding-top:.2rem}.sample-link:last-child{border-bottom:none;padding-bottom:0}.bullet{border:2px solid var(--ink);background:var(--paper);flex-shrink:0;width:10px;height:10px;transition:background .2s}.sample-text{flex-direction:column;gap:.18rem;display:flex}.sample-title{font-family:var(--font-body);color:var(--ink);font-size:1rem;font-weight:400;transition:color .2s}.sample-desc{font-family:var(--font-mono);letter-spacing:.02em;color:var(--muted);font-size:.7rem;line-height:1.55}.sample-arrow{font-family:var(--font-mono);color:var(--ink);flex-shrink:0;margin-left:auto;font-size:1rem;transition:transform .2s,color .2s}.sample-link:hover .bullet{background:var(--clay)}.sample-link:hover .sample-title{color:var(--clay)}.sample-link:hover .sample-arrow{color:var(--clay);transform:translate(4px)}.sample-link:focus-visible{outline:3px solid var(--clay);outline-offset:3px}.back{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);border:2px solid var(--ink);background:var(--surface);box-shadow:3px 3px 0 var(--ink);padding:.4rem .7rem;font-size:.72rem;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s,color .15s;display:inline-block}.back:hover{box-shadow:1px 1px 0 var(--ink);background:var(--clay);color:var(--paper);transform:translate(2px,2px)}.back:focus-visible{outline:3px solid var(--clay);outline-offset:3px}.blog-header{margin-bottom:1.6rem}.blog-header h1{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);margin-top:1.1rem;font-size:clamp(1.8rem,7vw,2.6rem);font-weight:800;line-height:1.05}.post-list{flex-direction:column;gap:1.15rem;list-style:none;display:flex}.post-card{border:var(--border);background:var(--surface);box-shadow:var(--shadow);padding:1.1rem 1.15rem;text-decoration:none;transition:transform .18s,box-shadow .18s;display:block}.post-card:hover{box-shadow:3px 3px 0 var(--clay);transform:translate(3px,3px)}.post-card:focus-visible{outline:3px solid var(--clay);outline-offset:4px}.post-meta{font-family:var(--font-mono);letter-spacing:.02em;color:var(--muted);margin-bottom:.35rem;font-size:.7rem;display:block}.post-title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);margin-bottom:.4rem;font-size:clamp(1.1rem,4vw,1.35rem);font-weight:700;line-height:1.15;display:block}.post-card:hover .post-title{color:var(--clay)}.post-desc{color:var(--body);font-size:.95rem;display:block}.post{margin-top:1.5rem}.post>.post-meta{margin-bottom:.5rem}.post>h1{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);border-bottom:1.5px dashed #24211c47;margin-bottom:1.4rem;padding-bottom:1.2rem;font-size:clamp(1.8rem,7vw,2.7rem);font-weight:800;line-height:1.05}.prose{font-size:1rem}.prose>*+*{margin-top:1rem}.prose h2{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);margin-top:2rem;font-size:clamp(1.3rem,5vw,1.6rem);font-weight:700}.prose h3{font-family:var(--font-display);color:var(--ink);margin-top:1.6rem;font-size:1.2rem;font-weight:700}.prose a{color:var(--clay);border-bottom:1.5px solid var(--clay);text-decoration:none;transition:background .18s,color .18s}.prose a:hover{background:var(--clay);color:var(--paper)}.prose strong{color:var(--ink);font-weight:500}.prose ul,.prose ol{padding-left:1.3rem}.prose li{margin-top:.35rem}.prose blockquote{border-left:3px solid var(--clay);color:var(--muted);padding:.2rem 0 .2rem 1rem;font-style:italic}.prose code{font-family:var(--font-mono);background:var(--paper);border:1.5px solid #24211c33;padding:.1rem .35rem;font-size:.85em}.prose pre{font-family:var(--font-mono);background:var(--ink);color:var(--surface);border:var(--border);box-shadow:var(--shadow);padding:1rem 1.1rem;font-size:.82rem;line-height:1.6;overflow-x:auto}.prose pre code{font-size:inherit;color:inherit;background:0 0;border:none;padding:0}.prose img{border:var(--border);max-width:100%;height:auto;box-shadow:var(--shadow)}.prose hr{border:none;border-top:1.5px dashed #24211c47;margin:1.8rem 0}.recent{text-align:center;margin-top:1.6rem}.recent-toggle{background:var(--surface);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);cursor:pointer;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);align-items:center;gap:.5rem;margin:0 auto;padding:.6rem 1rem;font-size:.78rem;font-weight:600;transition:transform .15s,box-shadow .15s,background .15s,color .15s;display:inline-flex}.recent-toggle:hover{box-shadow:1px 1px 0 var(--ink);background:var(--clay);color:var(--paper);transform:translate(2px,2px)}.recent-toggle:hover .recent-caret{border-top-color:var(--paper)}.recent-toggle:focus-visible{outline:3px solid var(--clay);outline-offset:4px}.recent-caret{border-left:5px solid #0000;border-right:5px solid #0000;border-top:6px solid var(--clay);width:0;height:0;transition:transform .3s}.recent-toggle.open .recent-caret{transform:rotate(180deg)}.recent-panel{max-height:0;padding:0 8px 8px 0;transition:max-height .4s;overflow:hidden}.recent-list{background:var(--surface);border:var(--border);box-shadow:var(--shadow);text-align:left;flex-direction:column;margin-top:.9rem;padding:.4rem 1rem .9rem;display:flex}.recent-post{border-bottom:1.5px dashed #24211c40;margin:0 -1rem;padding:.75rem 1rem;text-decoration:none;transition:background .18s;display:block}.recent-post:first-child{padding-top:.55rem}.recent-post:hover{background:#be523514}.recent-post-title{font-family:var(--font-body);color:var(--ink);font-size:1rem;font-weight:400;transition:color .18s;display:block}.recent-post:hover .recent-post-title{color:var(--clay)}.recent-post-meta{font-family:var(--font-mono);letter-spacing:.04em;color:var(--muted);margin-top:.15rem;font-size:.68rem;display:block}.recent-all{width:fit-content;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--clay);margin:1.15rem auto 0;font-size:.72rem;text-decoration:none;transition:opacity .18s;display:block}.recent-all:hover{opacity:.7}@media (width<=520px){:root{--shadow:5px 5px 0 var(--ink)}.trigger{gap:.7rem;padding:.95rem 1rem}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}