@font-face{font-family:Open Runde;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/open-runde-600-subset.woff2)format("woff2")}@font-face{font-family:Inter Variable;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin-wght-normal.woff2)format("woff2-variations")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-400-normal.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-600-normal.woff2)format("woff2")}:root{--display:"Open Runde", ui-rounded, "SF Pro Rounded", system-ui, sans-serif;--body:"Inter Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--measure:40rem;--canvas:#f5f5f5;--surface:#e9e9e9;--hairline:#d9d9d9;--hairline-strong:#c2c2c2;--ink:#1a1a1a;--ink-body:#3b3b3b;--ink-muted:#5c5c5c;--ink-subtle:#6b6b6b;--accent:#8a5409;--accent-hover:#6d4207;--lift:#fcfcfc;--fill:#e8e8e8;--code-fill:#ececec;--code-line:#e7e7e7;--ease-hover:ease;--ease-out:cubic-bezier(.23, 1, .32, 1);--fast:.14s;--move:.15s}@view-transition{navigation:auto}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scrollbar-gutter:stable}body{background:var(--canvas);color:var(--ink);font-family:var(--body);letter-spacing:-.005em;font-feature-settings:"cv05" 1;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:1rem;line-height:1.65}.wrap{max-width:var(--measure);margin:0 auto;padding:clamp(3rem,8vw,5.5rem) 1.5rem 4rem}a{color:inherit}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}.hero{margin-bottom:3.5rem}.hero-head{align-items:center;gap:clamp(.875rem,.6rem + 1.4vw,1.25rem);display:flex}.hero img{object-fit:cover;border-radius:50%;flex:none;width:clamp(3.75rem,3.1rem + 3.2vw,4.75rem);height:clamp(3.75rem,3.1rem + 3.2vw,4.75rem);display:block}.hero-id{min-width:0}.hero h1{font-family:var(--display);letter-spacing:-.024em;text-wrap:balance;margin:0;font-size:clamp(1.5rem,1.15rem + 1.75vw,2.125rem);font-weight:600;line-height:1.15}.role{color:var(--ink-muted);text-wrap:pretty;margin:.25rem 0 0;font-size:clamp(.9375rem,.875rem + .3vw,1.0625rem);font-weight:400;line-height:1.4}.tagline{letter-spacing:-.008em;color:var(--ink-body);text-wrap:pretty;max-width:34rem;margin:1.5rem 0 0;font-size:clamp(1rem,.94rem + .3vw,1.125rem);font-weight:400;line-height:1.55}.hero .tags{margin-top:1.75rem}@media (width<=26rem){.hero .tags{margin-top:1.5rem}.tagline{margin-top:1.25rem}}.tags{flex-wrap:wrap;gap:.375rem;margin:0;padding:0;list-style:none;display:flex}.tag{border:1px solid var(--hairline);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-subtle);white-space:nowrap;background:0 0;border-radius:6px;align-items:center;gap:.35rem;padding:.15rem .5rem;font-size:.6875rem;line-height:1.55;display:inline-flex}.tag svg{flex:none}@media (width<=26rem){.tags{gap:.3rem}.tag{gap:.3rem;padding:.15rem .4rem .15rem .32rem;font-size:.6875rem}.tag svg{width:11px;height:11px}}.pieces{margin:0;padding:0;list-style:none}.pieces>li+li{margin-top:.25rem}.row{color:inherit;transition:background-color .2s var(--ease-hover);border-radius:12px;margin-inline:-1.25rem;padding:1.25rem;text-decoration:none;display:block}@media (hover:hover) and (pointer:fine){.row:hover{background:var(--lift)}}.row:focus-visible{background:var(--lift)}.ptags{flex-wrap:wrap;gap:.375rem;margin:0 0 .5rem;padding:0;list-style:none;display:flex}.ptag{background:var(--fill);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-muted);white-space:nowrap;border-radius:6px;padding:.125rem .5rem;font-size:.6875rem;line-height:1.55}.pieces .title{font-family:var(--display);letter-spacing:-.014em;text-wrap:balance;margin:0 0 .375rem;font-size:1.25rem;font-weight:600;line-height:1.4}.pieces .deck{color:var(--ink-muted);text-wrap:pretty;margin:0;font-size:.875rem;line-height:1.625}.flag{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-subtle);background:var(--fill);vertical-align:.12em;border-radius:3px;margin-left:.5rem;padding:.1rem .35rem;font-size:.625rem;font-weight:400}.back{font-family:var(--mono);color:var(--ink-subtle);transition:color var(--fast) var(--ease-hover);margin-bottom:3rem;font-size:.8125rem;text-decoration:none;display:inline-block}.back:hover{color:var(--accent)}.piece>header{margin-bottom:2.75rem}.piece>header .ptags{margin-bottom:.875rem}.piece h1{font-family:var(--display);letter-spacing:-.02em;text-wrap:balance;margin:0 0 1rem;font-size:clamp(2rem,1.55rem + 2.2vw,3rem);font-weight:600;line-height:1.15}.piece .deck{color:var(--ink-muted);text-wrap:pretty;margin:0 0 1.1rem;font-size:1.0625rem;line-height:1.6}.piece time{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-subtle);font-size:.6875rem}.prose{color:var(--ink-body);font-size:1.125rem;line-height:1.625}.prose>*+*{margin-top:1.25rem}.prose h2{font-family:var(--display);letter-spacing:-.025em;color:var(--ink);text-wrap:balance;margin-top:3.5rem;margin-bottom:1.25rem;font-size:1.875rem;font-weight:600;line-height:1.2}.prose h3{font-family:var(--display);letter-spacing:-.014em;color:var(--ink);margin-top:2.5rem;font-size:1.25rem;font-weight:600}.prose strong{color:var(--ink);font-weight:600}.prose a{color:var(--accent);text-underline-offset:3px;transition:color var(--fast) var(--ease-hover);text-decoration-thickness:1px}.prose a:hover{color:var(--accent-hover)}.prose code{font-family:var(--mono);background:var(--code-fill);border:1px solid var(--code-line);border-radius:6px;padding:.1em .375em;font-size:.875em}.prose pre{font-family:var(--mono);background:var(--code-fill);border-radius:12px;padding:1rem 1.1rem;font-size:.8125rem;line-height:1.6;overflow-x:auto}.prose pre code{font-size:inherit;background:0 0;border:0;padding:0}.prose blockquote{border-left:2px solid var(--hairline-strong);color:var(--ink-muted);margin-left:0;padding-left:1.1rem}.prose img{border-radius:12px;max-width:100%;height:auto}.prose figcaption{color:var(--ink-subtle);margin-top:.75rem;font-size:.875rem;line-height:1.625}.prose hr{border:0;border-top:1px solid var(--hairline);margin:3rem 0}.notfound{padding:2rem 0 0}.notfound h1{font-family:var(--display);letter-spacing:-.022em;margin:0 0 .75rem;font-size:clamp(1.375rem,1.1rem + 1.3vw,1.75rem);font-weight:600;line-height:1.2}.notfound .deck{color:var(--ink-muted);text-wrap:pretty;margin:0 0 1.75rem}.notfound .back{margin-bottom:0}footer{font-family:var(--mono);color:var(--ink-subtle);margin-top:4rem;padding-top:0;font-size:.8125rem}footer a{color:var(--ink-muted);text-underline-offset:3px;transition:color var(--fast) var(--ease-hover);text-decoration-thickness:1px}footer a:hover{color:var(--accent)}@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}}