:root{--bg: #faf9f6;--text: #18140f;--muted: #6b5f54;--accent: #9e3d10;--border: rgba(24, 20, 15, .12);--max-width: 780px}[data-theme=dark]{--bg: #2e2820;--text: #f0ece6;--muted: #9e9085;--accent: #c4571e;--border: rgba(240, 236, 230, .12)}*{box-sizing:border-box}html{background:var(--bg);font-family:Avenir Next,Segoe UI,sans-serif;color:var(--text);-webkit-font-smoothing:antialiased}body{margin:0;min-height:100vh}a{color:inherit}img{max-width:100%}.page-shell{width:min(calc(100% - 2.5rem),var(--max-width));margin:0 auto;padding:2rem 0 5rem}.site-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1.75rem;margin-bottom:3.5rem;border-bottom:1px solid var(--border)}.brand{text-decoration:none;font-family:Iowan Old Style,Palatino Linotype,Palatino,serif;font-size:1rem;font-weight:700;letter-spacing:-.01em;color:var(--text)}.header-right{display:flex;align-items:center;gap:.25rem}.nav-list{display:flex;gap:.15rem;list-style:none;margin:0;padding:0}.nav-list a{display:inline-flex;align-items:center;padding:.4rem .75rem;border-radius:999px;text-decoration:none;font-size:.875rem;color:var(--muted);transition:color .13s ease,background .13s ease}.nav-list a:hover,.nav-list a:focus-visible{color:var(--text);background:#18140f0f}[data-theme=dark] .nav-list a:hover,[data-theme=dark] .nav-list a:focus-visible{background:#f0ece614}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:999px;border:none;background:none;color:var(--muted);cursor:pointer;transition:color .13s ease,background .13s ease;flex-shrink:0}.theme-toggle:hover{color:var(--text);background:#18140f0f}[data-theme=dark] .theme-toggle:hover{background:#f0ece614}.theme-toggle svg{width:1rem;height:1rem}.hero{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-bottom:4rem}.hero-bio{width:100%;margin-top:.5rem}.hero-bio p{color:var(--muted);line-height:1.72;margin:0 0 .85rem}.hero-bio p a{color:var(--accent)}.portrait-wrap{width:140px;height:140px;border-radius:50%;overflow:hidden;flex-shrink:0;background:#e6dfd5}[data-theme=dark] .portrait-wrap{background:#564a3a}.portrait-image{width:100%;height:100%;object-fit:cover;object-position:center top;transform:scale(1.2);transform-origin:center top}.hero-copy h1{font-family:Iowan Old Style,Palatino Linotype,Palatino,serif;font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.1;letter-spacing:-.025em;margin:0}.page-section{padding-top:3rem;margin-top:3rem;border-top:1px solid var(--border);scroll-margin-top:2rem}.section-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:var(--muted);margin:0 0 1.1rem}.subsection-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0 0 1rem;opacity:.7}.page-section p{color:var(--muted);line-height:1.72;max-width:62ch;margin:0 0 .85rem}.page-section p a{color:var(--accent)}.essay-list{display:grid;gap:1.75rem}.essay-item{display:grid;grid-template-columns:90px 1fr;gap:1.25rem;align-items:start}.essay-thumb{display:block;width:90px;height:112px;border-radius:.5rem;overflow:hidden;border:1px solid var(--border);flex-shrink:0}.essay-thumb img{width:100%;height:100%;object-fit:cover;object-position:top;transition:opacity .15s ease}.essay-thumb:hover img{opacity:.82}.essay-body h3{font-family:Iowan Old Style,Palatino Linotype,Palatino,serif;font-size:1rem;line-height:1.35;margin:0 0 .3rem}.essay-body h3 a{text-decoration:none;color:var(--text)}.essay-body h3 a:hover{text-decoration:underline}.essay-body p{font-size:.875rem;color:var(--muted);line-height:1.6;margin:0 0 .4rem;max-width:none}.project-item{display:grid;grid-template-columns:1fr 130px;gap:2rem;align-items:start}.project-body h3{font-family:Iowan Old Style,Palatino Linotype,Palatino,serif;font-size:1.05rem;margin:0 0 .4rem;color:var(--text)}.project-body p{font-size:.875rem;color:var(--muted);line-height:1.65;margin:0 0 .75rem;max-width:none}.project-links{display:flex;gap:1.25rem}.project-thumb-btn{position:relative;display:block;border-radius:.5rem;overflow:hidden;border:1px solid var(--border);background:none;padding:0;cursor:zoom-in}.project-thumb-btn img{display:block;width:100%;transition:opacity .15s ease}.project-thumb-btn:hover img{opacity:.82}.expand-hint{position:absolute;bottom:5px;right:5px;font-size:.7rem;color:#fff;background:#00000073;border-radius:3px;padding:1px 4px;opacity:0;transition:opacity .15s ease;pointer-events:none}.project-thumb-btn:hover .expand-hint{opacity:1}#china-dialog{border:none;border-radius:.75rem;padding:0;max-width:min(90vw,480px);overflow:hidden;cursor:zoom-out}#china-dialog::backdrop{background:#000000a6}#china-dialog img{display:block;width:100%;height:auto}.contact-links{display:flex;gap:1.5rem}.text-link{font-size:.85rem;font-weight:600;color:var(--accent);text-decoration:none}.text-link:hover{text-decoration:underline}.site-footer{margin-top:5rem;padding-top:1.5rem;border-top:1px solid var(--border);text-align:center}.support-link{font-size:.8rem;color:var(--muted);text-decoration:none;opacity:.75;transition:opacity .15s ease}.support-link:hover{opacity:1}@media(max-width:600px){.site-header{flex-direction:column;align-items:flex-start;gap:.75rem}.portrait-wrap{width:110px;height:110px}.essay-item{grid-template-columns:72px 1fr;gap:1rem}.essay-thumb{width:72px;height:90px}.project-item{grid-template-columns:1fr}.project-thumb{width:130px}.nav-list a{padding:.38rem .6rem;font-size:.8rem}}