:root{--font-sans: "Inter var", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "Cascadia Mono", "Cascadia Code", Menlo, Consolas, "Liberation Mono", monospace;--measure: 74ch;--border-w: 3px;--shadow-d: 5px;--shadow-d-lg: 8px;--paper: #f4f1e8;--panel: #fffdf7;--ink: #0d0d0d;--ink-soft: #56534b;--hatch: rgba(13, 13, 13, .07);--orange: #ff7a29;--blue: #56a8ff;--yellow: #ffd93d;--green: #4ade80;--pink: #ff8fb1;--violet: #b39dff;--accent: var(--orange)}@media(prefers-color-scheme:dark){:root{--paper: #131318;--panel: #1c1c23;--ink: #f2efe6;--ink-soft: #a5a29a;--hatch: rgba(242, 239, 230, .07)}}*,*:before,*:after{box-sizing:border-box}html{font-size:17px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-sans);font-size:1rem;line-height:1.65;-webkit-font-smoothing:antialiased}:focus-visible{outline:var(--border-w) solid var(--ink);outline-offset:3px}.brut{background:var(--panel);border:var(--border-w) solid var(--ink);box-shadow:var(--shadow-d) var(--shadow-d) 0 var(--ink)}.chip{display:inline-flex;align-items:center;gap:.35em;padding:.15em .5em;border:2px solid var(--ink);background:var(--panel);color:var(--ink);font-family:var(--font-mono);font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;white-space:nowrap;line-height:1.5}a.chip{transition:transform .08s ease,box-shadow .08s ease}a.chip:hover,a.chip:focus-visible{background:var(--accent);color:#0d0d0d;transform:translate(-1px,-1px);box-shadow:2px 2px 0 var(--ink)}.chip--filled{background:var(--accent);color:#0d0d0d}.chip--draft{background:var(--pink);color:#0d0d0d}.a-orange{--accent: var(--orange)}.a-blue{--accent: var(--blue)}.a-yellow{--accent: var(--yellow)}.a-green{--accent: var(--green)}.a-pink{--accent: var(--pink)}.a-violet{--accent: var(--violet)}.wrap{max-width:62rem;margin-inline:auto;padding:2rem 1.5rem 5rem}@media(max-width:34rem){.wrap{padding:1.25rem 1rem 3.5rem}:root{--shadow-d: 4px;--shadow-d-lg: 5px}}.site-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:3rem}.brand{display:inline-flex;align-items:baseline;gap:.55rem;padding:.4rem .75rem;background:var(--yellow);color:#0d0d0d;border:var(--border-w) solid var(--ink);box-shadow:var(--shadow-d) var(--shadow-d) 0 var(--ink);text-decoration:none;font-weight:900;font-size:1.15rem;letter-spacing:-.03em;text-transform:uppercase;transition:transform .08s ease,box-shadow .08s ease}.brand:hover,.brand:focus-visible{transform:translate(-2px,-2px);box-shadow:calc(var(--shadow-d) + 2px) calc(var(--shadow-d) + 2px) 0 var(--ink)}.brand .brand-host{font-family:var(--font-mono);font-size:.7rem;font-weight:700;letter-spacing:0;text-transform:none;opacity:.75}@media(max-width:26rem){.brand .brand-host{display:none}}.site-nav{display:flex;gap:.5rem;flex-wrap:wrap}.site-footer{margin-top:5rem;padding-top:1.25rem;border-top:var(--border-w) solid var(--ink);display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap;font-family:var(--font-mono);font-size:.75rem;color:var(--ink-soft)}.site-footer a{color:var(--ink-soft);text-decoration-thickness:2px;text-underline-offset:2px}.site-footer a:hover{color:var(--ink)}.hero{margin-bottom:2.5rem}.hero h1{font-size:clamp(2.1rem,8vw,3.4rem);font-weight:900;line-height:.98;letter-spacing:-.04em;text-transform:uppercase;margin:0 0 .75rem}.hero h1 mark{background:var(--orange);color:#0d0d0d;padding:0 .12em;box-decoration-break:clone;-webkit-box-decoration-break:clone}.hero p{max-width:46ch;margin:0;font-size:1.05rem;color:var(--ink-soft)}.tag-bar{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center;margin-top:3.5rem;padding-top:1.5rem;border-top:var(--border-w) dashed var(--ink)}.tag-bar-label{font-family:var(--font-mono);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);margin-right:.25rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));gap:1.75rem;list-style:none;margin:0;padding:0}.card{position:relative;display:flex;flex-direction:column;gap:.6rem;padding:1.25rem;background:var(--panel);border:var(--border-w) solid var(--ink);box-shadow:var(--shadow-d) var(--shadow-d) 0 var(--ink);transition:transform .1s ease,box-shadow .1s ease}.card:hover,.card:focus-within{transform:translate(-3px,-3px);box-shadow:var(--shadow-d-lg) var(--shadow-d-lg) 0 var(--ink)}.card:before{content:"";position:absolute;inset:0 0 auto;height:.6rem;background:var(--accent);border-bottom:var(--border-w) solid var(--ink)}.card>*{position:relative}.card-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:.5rem;font-family:var(--font-mono);font-size:.72rem;color:var(--ink-soft)}.card h2{margin:0;font-size:1.3rem;font-weight:900;line-height:1.12;letter-spacing:-.025em}.card h2 a{color:var(--ink);text-decoration:none}.card h2 a:after{content:"";position:absolute;inset:0}.card:hover h2 a,.card h2 a:focus-visible{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:3px;text-decoration-color:var(--accent)}.card p{margin:0;color:var(--ink-soft);font-size:.94rem;line-height:1.55}.card-tags{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:auto;padding-top:.6rem}.card-tags .chip{position:relative;z-index:1}.empty{padding:2rem;border:var(--border-w) dashed var(--ink);color:var(--ink-soft);font-family:var(--font-mono);font-size:.85rem}.post-header{margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:var(--border-w) solid var(--ink)}.post-header h1{font-size:clamp(1.9rem,6.5vw,2.9rem);font-weight:900;line-height:1.02;letter-spacing:-.035em;margin:0 0 .6rem}.post-deck{font-size:1.1rem;line-height:1.45;color:var(--ink-soft);margin:0 0 1rem;max-width:52ch}.post-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-family:var(--font-mono);font-size:.75rem;color:var(--ink-soft)}.post-meta .sep{opacity:.4}.post-links{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.9rem}.post-body{max-width:var(--measure);font-size:1.02rem}.post-body>*+*{margin-top:1.15em}.post-body h2,.post-body h3,.post-body h4{font-weight:900;letter-spacing:-.025em;line-height:1.2;scroll-margin-top:1.5rem}.post-body h2{margin-top:2.5rem;font-size:1.5rem;text-transform:uppercase}.post-body h2:after{content:"";display:block;width:2.5rem;height:var(--border-w);margin-top:.4rem;background:var(--accent)}.post-body h3{margin-top:2rem;font-size:1.18rem}.post-body h4{margin-top:1.6rem;font-size:1.02rem;text-transform:uppercase;letter-spacing:.02em;color:var(--ink-soft)}.post-body a{color:var(--ink);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;text-decoration-color:var(--accent)}.post-body a:hover{background:var(--accent);color:#0d0d0d;text-decoration-color:#0d0d0d}.post-body ul,.post-body ol{padding-left:1.3rem}.post-body li+li{margin-top:.4em}.post-body li::marker{font-weight:700}.post-body img,.post-body video,.post-body canvas,.post-body svg{max-width:100%;height:auto}.post-body>img,.post-body>video{display:block;border:var(--border-w) solid var(--ink);box-shadow:var(--shadow-d) var(--shadow-d) 0 var(--ink)}.post-body blockquote{margin-inline:0;padding:.75rem 1rem;background:var(--panel);border:var(--border-w) solid var(--ink);border-left-width:10px;border-left-color:var(--accent);color:var(--ink-soft)}.post-body blockquote>:first-child{margin-top:0}.post-body hr{border:none;height:.5rem;margin:2.5rem 0;background-image:linear-gradient(var(--ink),var(--ink));background-size:.5rem .5rem;background-position:center;background-repeat:space no-repeat;width:4rem;margin-inline:auto}.post-body table{width:100%;border-collapse:collapse;font-size:.9rem;display:block;overflow-x:auto}.post-body th,.post-body td{border:2px solid var(--ink);padding:.45rem .7rem;text-align:left}.post-body th{background:var(--accent);color:#0d0d0d;font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}.post-body kbd{font-family:var(--font-mono);font-size:.8em;padding:.1em .4em;border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);background:var(--panel)}.post-footer{max-width:var(--measure);margin-top:4rem;padding-top:1.5rem;border-top:var(--border-w) dashed var(--ink);display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.post-body code{font-family:var(--font-mono);font-size:.87em}.post-body :not(pre)>code{padding:.1em .35em;border:2px solid var(--ink);background:var(--panel);white-space:nowrap}.post-body pre{padding:1rem;border:var(--border-w) solid var(--ink);box-shadow:var(--shadow-d) var(--shadow-d) 0 var(--ink);overflow-x:auto;font-size:.85rem;line-height:1.55;tab-size:2}@media(prefers-color-scheme:dark){.astro-code,.astro-code span{color:var(--shiki-dark)!important;background-color:var(--shiki-dark-bg)!important;font-style:var(--shiki-dark-font-style)!important;font-weight:var(--shiki-dark-font-weight)!important;text-decoration:var(--shiki-dark-text-decoration)!important}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}