@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-vietnamese-opsz-normal.Czevyj-6.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-latin-ext-opsz-normal.CJcjJNj7.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-latin-opsz-normal.DihXLNYH.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--band:#155E6A;--band-foot:#114E59;--bright:#2CB7CA;--ground:#E8E4DC;--paper:#F6F2EB;--paper-lift:#FBF6EE;--line-paper:#E0D9CC;--edge:#CFC4B0;--ink:#16191C;--muted:#566163;--accent:#C76B45;--accent-deep:#A85734;--cream:#E7F1ED;--cream-soft:rgba(231,241,237,.72);--cream-line:rgba(231,241,237,.18);--display:"Fraunces Variable", Georgia, serif;--read:"Iowan Old Style","Charter","Palatino",Georgia,serif;--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;--maxw:1140px;--pad:24px;--panot:url(/panot-tile.png);--viz-cat1:#0087A5;--viz-cat2:var(--accent);--viz-cat3:var(--accent-deep);--viz-subject:var(--band);--viz-good:var(--bright);--viz-bad:var(--accent);--viz-bad-text:var(--accent-deep);--viz-line:var(--edge);--viz-label:var(--muted);--viz-dim:.35;--viz-scrim:rgba(15,25,28,.66);--viz-ease:.2s ease}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--read);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit}::selection{background:var(--accent-deep);color:var(--cream)}:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:2px}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--pad)}.top{position:sticky;top:0;z-index:10;background:var(--band);border-bottom:1px solid var(--cream-line)}.top .wrap{display:flex;align-items:center;justify-content:space-between;height:54px}.mark{font-family:var(--display);font-weight:600;font-size:1.1rem;color:var(--cream);letter-spacing:.01em;text-decoration:none}.mark i{color:var(--accent);font-style:normal;font-weight:700;padding:0 .02em}.nav{display:flex;gap:18px;font-family:var(--mono);font-size:.8rem}.nav a{color:var(--cream);text-decoration:none;opacity:.8;padding:6px 0}.nav a:hover,.nav a[aria-current=page]{opacity:1;color:var(--bright)}.nav a:focus-visible{outline-color:var(--cream)}.hero{position:relative;overflow:hidden;background:var(--band);color:var(--cream);border-bottom:3px solid var(--bright);padding:44px 0 40px}.hero:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:var(--panot);background-size:230px auto;opacity:.34}.hero .wrap{position:relative;z-index:1}.hero h1{font-family:var(--display);font-weight:600;margin:0;line-height:1.04;font-size:clamp(2.4rem,9vw,3.4rem);letter-spacing:-.01em}.hero .intro{margin:16px 0 0;max-width:42ch;font-size:1.08rem;color:var(--cream)}.hero .hl{background:var(--accent-deep);color:var(--cream);padding:.02em .22em;border-radius:2px}.hero.slim{padding:38px 0 32px}.hero.slim h1{font-size:clamp(2rem,6vw,2.6rem)}.arthead{max-width:68ch;margin:0 auto;padding:34px 0 4px}.arthead .back{display:inline-block;margin:0 0 18px;font-family:var(--mono);font-size:.72rem;letter-spacing:.04em;color:var(--muted);text-decoration:none}.arthead .back:hover{color:var(--accent-deep)}.arthead .meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 16px;font-family:var(--mono);font-size:.72rem;color:var(--muted)}.arthead h1{font-family:var(--display);font-weight:600;line-height:1.08;margin:0;font-size:clamp(2rem,5.4vw,2.9rem);letter-spacing:-.01em;color:var(--ink)}.arthead .lead{margin:14px 0 0;font-size:1.2rem;line-height:1.5;color:var(--muted)}.bento{padding:30px 0 46px}.grid{display:grid;grid-template-columns:1fr;gap:14px}.tile{display:flex;flex-direction:column;text-decoration:none;color:var(--ink);background:var(--paper);border:1px solid var(--edge);border-radius:14px;padding:20px;transition:border-color .12s ease,background .12s ease}a.tile:hover{border-color:var(--accent);background:var(--paper-lift)}.kicker{display:flex;align-items:center;gap:10px;margin:0 0 10px;flex-wrap:wrap}.type{font-family:var(--mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.len{font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:2px 8px;border:1px solid var(--line-paper);color:var(--muted)}.len.article,.len.paper{color:var(--accent-deep);border-color:color-mix(in srgb,var(--accent) 45%,var(--line-paper));background:color-mix(in srgb,var(--accent) 8%,transparent)}.len.tool{color:var(--band);border-color:color-mix(in srgb,var(--band) 40%,var(--line-paper));background:color-mix(in srgb,var(--band) 7%,transparent)}.when{font-family:var(--mono);font-size:.72rem;color:var(--muted);margin-left:auto}.tile h3{font-family:var(--display);font-weight:600;line-height:1.16;margin:0;letter-spacing:-.01em;font-size:1.25rem}.tile .sum{margin:8px 0 0;color:var(--muted);font-size:1rem;line-height:1.5}.tags{display:flex;flex-wrap:wrap;gap:6px;margin:auto 0 0;padding-top:12px}.tag{font-family:var(--mono);font-size:.7rem;color:var(--muted);border:1px solid var(--line-paper);border-radius:999px;padding:2px 9px}a.tile:hover h3{color:var(--accent-deep)}.tile.feat{background:var(--paper)}.tile.feat h3{font-size:1.85rem;line-height:1.1}.tile.feat .sum{font-size:1.06rem;color:var(--ink);opacity:.85}.tile.proj .meta{display:flex;flex-wrap:wrap;gap:6px 16px;font-family:var(--mono);font-size:.72rem;margin-top:10px}.tile.proj .meta b{color:var(--muted);font-weight:400;text-transform:uppercase;letter-spacing:.05em;margin-right:5px}.stat-live{color:var(--band)}.stat-wip{color:var(--accent-deep)}.tile .arrow{font-family:var(--mono);color:var(--accent-deep);margin-left:auto}.rowhead{display:flex;align-items:center;gap:12px;margin:26px 0 2px;font-family:var(--mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-deep)}.rowhead:after{content:"";flex:1;height:1px;background:var(--line-paper)}.rowhead a{text-decoration:none;color:var(--muted);letter-spacing:.04em}.rowhead a:hover{color:var(--accent-deep)}.yearhead{font-family:var(--mono);font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:30px 0 12px;display:flex;align-items:center;gap:12px}.yearhead:after{content:"";flex:1;height:1px;background:var(--line-paper)}@media(min-width:680px){.hero{padding:64px 0 56px}.grid.writing{grid-template-columns:1.7fr 1fr;grid-auto-rows:1fr;grid-template-areas:"feat note1" "feat note2"}.grid.writing .feat{grid-area:feat}.grid.writing .b1{grid-area:note1}.grid.writing .b2{grid-area:note2}.grid.projects,.grid.list{grid-template-columns:1fr 1fr}}@media(min-width:1000px){.grid.writing{grid-template-columns:1.7fr 1fr 1fr;grid-auto-rows:1fr;grid-template-areas:"feat note1 note2"}.grid.list{grid-template-columns:1fr 1fr 1fr}}.grid.writing.second{margin-top:14px}@media(min-width:680px){.grid.writing.second{grid-template-columns:1fr 1fr;grid-template-areas:none}.grid.writing.second .tile{grid-area:auto}}@media(min-width:1000px){.grid.writing.second{grid-template-columns:1fr 1fr 1fr}}.build-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:24px;padding:16px 20px;text-decoration:none;color:var(--ink);background:var(--paper);border:1px solid var(--edge);border-radius:14px;transition:border-color .12s ease,background .12s ease}.build-cta:hover{border-color:var(--accent);background:var(--paper-lift)}.build-cta span{font-size:1rem}.build-cta b{font-weight:600}.build-cta .go{font-family:var(--mono);font-size:.8rem;letter-spacing:.06em;color:var(--accent-deep)}.prose{max-width:68ch;margin:0 auto;padding:36px 0 8px}.prose>*:first-child{margin-top:0}.prose h2{font-family:var(--display);font-weight:600;font-size:1.55rem;margin:1.8em 0 .4em;letter-spacing:-.01em}.prose h3{font-family:var(--display);font-weight:600;font-size:1.22rem;margin:1.5em 0 .3em}.prose p{margin:0 0 1.1em}.prose a{color:var(--accent-deep);text-underline-offset:2px}.prose ul,.prose ol{margin:0 0 1.1em 1.2em}.prose li{margin:.3em 0}.prose code{font-family:var(--mono);font-size:.9em;background:var(--paper);border:1px solid var(--line-paper);border-radius:4px;padding:.05em .35em}.prose pre{background:var(--band);color:var(--cream);padding:16px 18px;border-radius:12px;overflow:auto;font-size:.85rem;line-height:1.5}.prose pre code{background:none;border:0;padding:0;color:inherit}.prose img{max-width:100%;height:auto;border-radius:10px}.prose figure{margin:1.6em 0;display:flex;flex-direction:column;align-items:center}.prose figure img{border:1px solid var(--line-paper)}.prose figcaption{margin-top:8px;font-family:var(--mono);font-size:.78rem;line-height:1.5;color:var(--muted);text-align:center;max-width:56ch}.prose blockquote{margin:1.2em 0;padding:.2em 0 .2em 16px;border-left:3px solid var(--accent);color:var(--muted)}.artmeta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 14px;font-family:var(--mono);font-size:.72rem;color:var(--cream-soft)}.artmeta .len{color:var(--cream);border-color:var(--cream-line)}.artmeta .len.article{color:var(--cream);border-color:var(--cream-line);background:color-mix(in srgb,var(--accent) 30%,transparent)}.back{display:inline-block;margin:0 0 14px;font-family:var(--mono);font-size:.72rem;letter-spacing:.04em;color:var(--cream-soft);text-decoration:none}.back:hover{color:var(--bright)}.prevnext{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;max-width:68ch;margin:8px auto 0;padding:22px 0 40px;border-top:1px solid var(--line-paper);font-family:var(--mono);font-size:.8rem}.prevnext a{color:var(--accent-deep);text-decoration:none}.prevnext a:hover{text-decoration:underline}footer{position:relative;overflow:hidden;background:var(--band-foot);color:var(--cream);padding:40px 0 56px;margin-top:14px}footer:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:var(--panot);background-size:230px auto;opacity:.12}footer .wrap{position:relative;z-index:1}.feyebrow{display:flex;align-items:center;gap:12px;margin:0 0 16px;font-family:var(--mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--cream-soft)}.feyebrow:after{content:"";flex:1;height:1px;background:var(--cream-line)}.foot-links{display:flex;flex-wrap:wrap;gap:10px 22px;font-family:var(--mono);font-size:.9rem}.foot-links a{color:var(--cream);text-decoration:none;border-bottom:1px solid transparent;padding:4px 0}.foot-links a:hover{color:var(--bright);border-color:var(--bright)}.colophon{margin-top:18px;font-family:var(--mono);font-size:.72rem;color:var(--cream-soft);line-height:1.7}.colophon a{color:var(--cream);text-decoration:underline;text-underline-offset:2px}.colophon a:hover{color:var(--bright)}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}