:root{--bg:#f4ede4;--card:#fbf6ef;--ink:#2b211c;--muted:#6e5f55;--line:#e2d5c6;--soft:#ebdfd0;--accent:oklch(58% .14 30);--onaccent:#fff8f2;--font-body:"Figtree", system-ui, sans-serif;--font-display:"Bricolage Grotesque", sans-serif;color-scheme:light}:root[data-theme=dark]{--bg:#1b1614;--card:#251e1b;--ink:#f3e7dc;--muted:#ad9d90;--line:#3b302b;--soft:#302723;--accent:oklch(74% .13 35);--onaccent:#1b1614;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.6;transition:background .3s,color .3s}a{color:var(--ink);text-underline-offset:3px;text-decoration-color:var(--accent)}a:hover{color:var(--accent)}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.shell{flex-wrap:wrap;align-items:flex-start;gap:clamp(32px,5vw,72px);max-width:1200px;margin:0 auto;padding:0 clamp(20px,4vw,40px);display:flex}.sidebar{flex:300px;gap:24px;max-width:none;padding:clamp(32px,6vw,64px) 0 24px;display:grid}@media (width>=1000px){.sidebar{max-width:400px;position:sticky;top:0}}@media (width<=999.98px){.sidebar{text-align:center;border-bottom:1px solid var(--line);justify-items:center;padding-bottom:32px}.sidebar .portrait{max-width:180px}.side-nav{flex-wrap:wrap;justify-content:center;gap:6px 20px;display:flex}.btn-row{justify-content:center}}.main{flex:3 520px;min-width:0;padding:clamp(32px,6vw,64px) 0}.portrait{aspect-ratio:1;object-fit:cover;background:repeating-linear-gradient(135deg, var(--soft) 0 8px, var(--line) 8px 16px);width:100%;max-width:240px;color:var(--muted);border-radius:24px;align-items:flex-end;padding:12px;font-family:ui-monospace,monospace;font-size:11px;display:flex}img.portrait{border:1px solid var(--line);background:0 0;padding:0;display:block}.name{margin:0;font-size:clamp(40px,5vw,56px);font-weight:700;line-height:1}.name a{color:inherit;text-decoration:none}.title{color:var(--accent);font-size:18px;font-weight:600}.subtitle{color:var(--muted);font-size:15px}.side-nav{gap:6px;font-size:16px;display:grid}.side-nav a{text-decoration:none}.side-nav a[aria-current=page]{color:var(--accent);font-weight:600}.btn-row{flex-wrap:wrap;gap:10px;display:flex}.btn{background:var(--card);border:1px solid var(--line);color:var(--ink);border-radius:12px;padding:10px 18px;font-size:15px;font-weight:600;text-decoration:none}.btn:hover{background:var(--soft);color:var(--ink)}.btn-primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}.btn-primary:hover{background:var(--ink);color:var(--bg);opacity:.88}.theme-toggle{z-index:20;cursor:pointer;font:inherit;background:var(--ink);color:var(--bg);border:0;border-radius:999px;padding:10px 16px;font-size:13px;font-weight:600;position:fixed;bottom:20px;right:20px;box-shadow:0 8px 30px #0000002e}.stack-sections{gap:64px;display:grid}.lede{font-family:var(--font-display);letter-spacing:-.015em;text-wrap:pretty;margin:0;font-size:clamp(26px,3.2vw,36px);font-weight:500;line-height:1.25}.lede em{color:var(--accent);font-style:normal}.muted{color:var(--muted)}.about p.muted{text-wrap:pretty;max-width:62ch;margin:18px 0 0}.h2{margin:0 0 12px;font-size:28px;font-weight:700}.exp-row{border-top:1px solid var(--line);border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:4px 24px;margin:0 -12px;padding:18px 12px;text-decoration:none;transition:background .15s;display:grid}.exp-row:hover{background:var(--card);color:var(--ink)}.exp-row .dates{color:var(--muted);font-size:14px}.exp-row .body{grid-column:span 3;gap:4px;min-width:0;display:grid}.exp-row .co{font-weight:700}.exp-row .co span{font-weight:500}.exp-row .sum{color:var(--muted);text-wrap:pretty;font-size:15px}.more{color:var(--accent);font-size:14px;font-weight:600}.cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;align-content:start;gap:8px;padding:22px;display:grid}.card .where{color:var(--accent);font-size:13px;font-weight:600}.card h3{margin:0;font-size:19px;font-weight:700}.card p{color:var(--muted);text-wrap:pretty;margin:0;font-size:15px}.tags{flex-wrap:wrap;gap:6px;display:flex}.chip{background:var(--card);border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:14px}.tags .chip{background:var(--soft);border:0;padding:2px 10px;font-size:12px}.post-row{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;padding:14px 0;text-decoration:none;display:flex}.post-row .t{font-size:17px;font-weight:600}.post-row .m{color:var(--muted);font-size:14px}.detail{background:var(--card);border:1px solid var(--line);border-radius:28px;align-content:start;gap:32px;padding:clamp(24px,4vw,48px);display:grid;position:relative}.detail-close{background:var(--soft);border:1px solid var(--line);width:40px;height:40px;color:var(--ink);border-radius:999px;place-items:center;text-decoration:none;display:grid;position:absolute;top:16px;right:16px}.detail-close:hover{background:var(--line);color:var(--ink)}.detail .dates{color:var(--accent);font-size:14px;font-weight:600}.detail h1{margin:8px 0;font-size:clamp(36px,5vw,56px);font-weight:700;line-height:1}.detail .role{font-size:19px;font-weight:500}.detail .overview{font-family:var(--font-display);letter-spacing:-.01em;text-wrap:pretty;max-width:60ch;margin:0;font-size:clamp(20px,2.4vw,26px);font-weight:500;line-height:1.35}.hero-img{aspect-ratio:16/8;border:1px solid var(--line);background:#fff;border-radius:18px;overflow:hidden}.hero-img>div{background-repeat:no-repeat;background-origin:content-box;width:100%;height:100%}.detail-cols{flex-wrap:wrap;gap:32px 48px;display:flex}.detail-cols section{align-content:start;gap:12px;display:grid}.detail-cols section:first-child{flex:2 320px}.detail-cols section:last-child{flex:200px}.eyebrow{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0;font-size:15px}.detail ul{gap:10px;margin:0;padding-left:20px;display:grid}.detail .chip{background:var(--bg)}.pager{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:20px;display:flex}.pager a{padding:8px 0;font-weight:600;text-decoration:none}.prose{max-width:68ch}.prose h1{margin:0 0 8px;font-size:clamp(34px,4.5vw,48px);line-height:1.05}.prose h2{margin:40px 0 8px;font-size:26px}.prose p,.prose li{text-wrap:pretty}.prose code{background:var(--soft);border-radius:6px;padding:2px 6px;font-size:.9em}.prose pre{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px;overflow-x:auto}.prose pre code{background:0 0;padding:0}.prose blockquote{border-left:3px solid var(--accent);color:var(--muted);margin:1.5em 0;padding-left:16px}.demo{background:var(--card);border:1px solid var(--line);border-radius:20px;gap:12px;padding:24px;display:grid}.demo button{font:inherit;border:1px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer;border-radius:10px;padding:8px 16px;font-weight:600}.demo button:hover{background:var(--soft)}@keyframes detail-in{0%{opacity:0;transform:translateY(28px)scale(.97)}}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}}@keyframes list-in{0%{opacity:0;transform:translateY(12px)}}@keyframes detail-out{to{opacity:0;transform:translateY(16px)scale(.98)}}@media (prefers-reduced-motion:no-preference){.detail{animation:.42s cubic-bezier(.2,.8,.2,1) detail-in}.detail>:not(.detail-close){animation:.38s cubic-bezier(.2,.8,.2,1) backwards rise-in;animation-delay:calc(60ms + var(--i,1) * 45ms)}.detail>:nth-child(2){--i:1}.detail>:nth-child(3){--i:2}.detail>:nth-child(4){--i:3}.detail>:nth-child(5){--i:4}.detail>:nth-child(6){--i:5}.detail.closing{animation:.22s cubic-bezier(.4,0,1,1) forwards detail-out}.list-in{animation:.32s cubic-bezier(.2,.8,.2,1) list-in}}