:root{--paper:#f5f4ee;--ink:#193e2c;--muted:#68756a;--line:#cbd2c7;--accent:#477b52;--wash:#e8ece3;--white:#fffef9}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.9 Arial,"Noto Sans SC",sans-serif}a{color:inherit;text-decoration:none}
header{min-height:76px;padding:20px 5.2%;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.brand{font-size:15px;letter-spacing:.16em;font-weight:600}nav{display:flex;gap:30px;font-size:13px;color:#45594a}nav a.active{border-bottom:2px solid var(--accent)}
main{max-width:1120px;margin:0 auto;padding:68px 32px 110px}.eyebrow{font-size:11px;letter-spacing:.2em;color:#6c8a73}.hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:70px;align-items:end;padding-bottom:54px;border-bottom:1px solid var(--line)}h1{font:normal clamp(46px,6vw,76px)/1 Georgia,"Noto Serif SC",serif;margin:16px 0 26px}.lead{font:20px/1.9 "Noto Serif SC",serif;max-width:680px;margin:0;color:#3f5948}.hero-note{border-left:1px solid #9eada0;padding-left:24px;color:var(--muted);font-size:13px}.draft{display:inline-block;margin-top:18px;padding:5px 10px;border:1px solid var(--line);font-size:10px;letter-spacing:.12em;color:#718174}
.section{padding-top:55px}.section-head{display:grid;grid-template-columns:210px 1fr;gap:32px;margin-bottom:28px}.section h2{font:normal 28px "Noto Serif SC",serif;margin:0}.section-intro{margin:0;color:var(--muted);max-width:690px}.story{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.story article{background:var(--paper);padding:28px 25px;min-height:230px}.story .number,.project .meta,.skill small{font-size:10px;letter-spacing:.16em;color:#6d8573}.story h3,.project h3,.skill h3{font:normal 20px "Noto Serif SC",serif;margin:24px 0 12px}.story p,.project p,.skill p{margin:0;color:#5d6d61;font-size:13px;line-height:1.9}
.skills{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.skill{border:1px solid var(--line);padding:24px;min-height:190px;background:rgba(255,255,255,.18)}.skill h3{margin:18px 0 9px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.tag{font-size:11px;padding:7px 10px;border:1px solid #aebbad;color:#526657}
.timeline{border-top:1px solid var(--line)}.row{display:grid;grid-template-columns:130px 1fr;gap:28px;padding:22px 0;border-bottom:1px solid var(--line)}.row time{font-family:Georgia,serif;color:#66806e}.row h3{font-size:16px;font-weight:500;margin:0 0 5px}.row p{margin:0;color:var(--muted);font-size:13px}
.projects{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.project{border:1px solid var(--line);padding:28px;min-height:270px;display:flex;flex-direction:column}.project h3{font-size:25px;margin:22px 0 12px}.project p{max-width:520px}.project .facts{margin-top:auto;padding-top:25px;font-size:12px;color:#536959}.project.featured{background:var(--wash)}
.statement{margin-top:58px;padding:42px;background:var(--ink);color:#f5f4ee;display:grid;grid-template-columns:1fr 2fr;gap:30px}.statement h2{font:normal 25px "Noto Serif SC",serif;margin:0}.statement p{margin:0;color:#d8e0d8;font-size:14px}.actions{display:flex;gap:22px;flex-wrap:wrap;margin-top:34px}.actions a{padding-bottom:4px;border-bottom:1px solid var(--accent);font-size:13px}
footer{border-top:1px solid var(--line);padding:20px 5.2%;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:10px;letter-spacing:.08em}
@media(max-width:780px){body{overflow-x:hidden;-webkit-text-size-adjust:100%}header{min-height:64px;padding:15px 18px;flex-wrap:nowrap;gap:10px}.brand{font-size:11px;letter-spacing:.11em}nav{width:auto;margin-left:auto;justify-content:flex-end;gap:12px;font-size:11px;white-space:nowrap}main{padding:38px 18px 68px}.hero{grid-template-columns:1fr;gap:23px;padding-bottom:36px}.eyebrow{font-size:9px}h1{font-size:clamp(44px,13vw,56px);margin:12px 0 18px}.lead{font-size:17px;line-height:1.75}.hero-note{border-left:0;border-top:1px solid #9eada0;padding:17px 0 0;font-size:12px;line-height:1.8}.draft{margin-top:14px}.section{padding-top:42px}.section-head{grid-template-columns:1fr;gap:7px;margin-bottom:20px}.section h2{font-size:24px}.section-intro{font-size:12px;line-height:1.8}.story,.skills,.projects{grid-template-columns:1fr}.story article,.skill,.project{min-height:auto;padding:22px 20px}.story h3,.skill h3{margin:15px 0 8px}.project h3{font-size:22px;margin:15px 0 9px}.project .facts{padding-top:18px}.tags{margin-top:20px;gap:6px}.tag{font-size:10px;padding:6px 8px}.statement{grid-template-columns:1fr;padding:25px 21px;margin-top:42px;gap:14px}.statement h2{font-size:22px}.actions{gap:16px;margin-top:22px}.row{grid-template-columns:1fr;gap:3px;padding:17px 0}.row p{font-size:12px}footer{padding:18px;flex-direction:column;gap:4px}}
@media(max-width:370px){header{padding-left:13px;padding-right:13px}.brand{font-size:10px}nav{gap:9px;font-size:10px}main{padding-left:15px;padding-right:15px}}