:root{--paper:#f7f6f2;--ink:#1e2e3d;--muted:#64706f;--line:#dedfd8;--accent:#b65c3b;--soft:#eceee8;--serif:Georgia,'Noto Serif SC','Songti SC','SimSun',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.8 'Segoe UI','Microsoft YaHei',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}h1,h2,h3,p{margin:0}h2{font:500 36px/1.5 var(--serif);letter-spacing:-1px}h3{font-size:18px;font-weight:600;line-height:1.6}.wrap{max-width:1160px;margin:auto;padding-left:36px;padding-right:36px}.section{padding-top:100px;padding-bottom:100px}header{height:100px;max-width:1300px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 48px;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:600;line-height:1.2}.brand small{display:block;font-size:9px;letter-spacing:2.5px;margin-top:6px;font-weight:400}.brand-icon{font:bold 36px/1 Georgia;position:relative;margin-right:7px}.brand-icon span{color:var(--accent);font:20px Georgia;position:absolute;top:-3px;right:-12px}nav{display:flex;gap:36px;font-size:13px}nav a:hover{color:var(--accent)}.nav-contact{font-size:13px;border:1px solid #ccd0c9;padding:8px 18px}.nav-contact span{margin-left:18px}.hero{display:grid;grid-template-columns:1.35fr 1fr;gap:70px;align-items:center;padding-top:80px;padding-bottom:76px}.eyebrow,.section-label>span{font-size:11px;letter-spacing:1.7px;font-weight:500}.status-dot{width:6px;height:6px;display:inline-block;background:var(--accent);border-radius:50%;margin-right:9px;vertical-align:middle}.hero h1{font:500 52px/1.25 var(--serif);margin-top:27px;letter-spacing:4px}.roman{display:block;font:12px/1.5 'Segoe UI',sans-serif;letter-spacing:5.5px;margin-top:12px;color:var(--muted)}.hero-title{font:500 clamp(30px,3.5vw,47px)/1.45 var(--serif);letter-spacing:-1px;margin-top:29px}.accent{color:var(--accent)}.intro{color:var(--muted);line-height:2;font-size:14px;margin-top:22px}.hero-actions{display:flex;gap:12px;margin-top:30px}.button{display:inline-flex;align-items:center;gap:32px;font-size:13px;padding:12px 22px;border:1px solid var(--ink);transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--ink);color:#fff}.secondary{border-color:#ccd0c9}.hero-meta{display:flex;gap:26px;color:var(--muted);font-size:11px;margin-top:31px}.profile{position:relative;padding:0 24px 32px 0}.photo-frame{position:relative;background:#e9e9e3;border:1px solid #d3d7cf;padding:29px 27px 0;transform:rotate(2deg);box-shadow:9px 10px 0 #e9eae4}.photo-corner{font-size:9px;letter-spacing:2px;margin-bottom:15px;color:var(--muted)}.photo-frame img{width:100%;height:314px;object-fit:cover;object-position:50% 35%;display:block;filter:saturate(.65)}.photo-caption{display:flex;justify-content:space-between;gap:12px;padding:15px 0;align-items:center;font-size:12px}.photo-caption span:last-child{font-size:7px;letter-spacing:1px}.profile-note{margin:31px 0 0 24px;display:flex;align-items:center;gap:17px}.profile-note p{font-size:12px;color:var(--muted);line-height:1.9}.note-symbol{font:42px var(--serif);color:var(--accent)}.vertical-label{position:absolute;right:-15px;top:90px;writing-mode:vertical-rl;font-size:8px;letter-spacing:3px;color:var(--muted)}.specialties{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.specialties .wrap{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:20px;padding-bottom:20px}.specialties span{font-size:11px;color:var(--muted)}.specialties p{font-size:14px;letter-spacing:1px}.specialties i{font-style:normal;color:var(--accent);margin:0 24px}.about{display:grid;grid-template-columns:1fr 1.6fr;gap:70px}.section-label h2{margin-top:24px;font-size:30px}.about-content .large-copy{font-size:21px;line-height:1.9;color:var(--ink);margin-bottom:18px}.about-content>p{color:var(--muted);font-size:14px}.stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:40px;padding-top:25px;border-top:1px solid var(--line)}.stats>div{display:flex;flex-direction:column}.stats strong{font:44px/1.3 Georgia;font-weight:400}.stats strong span{font:12px 'Microsoft YaHei';margin-left:8px}.stats>div>span{font-size:11px;color:var(--muted);margin-top:8px}.projects{border-top:1px solid var(--line);padding-top:74px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:36px}.section-top h2{margin-top:12px}.section-aside{font-size:11px;color:var(--muted);text-align:right;line-height:1.9}.project-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);margin-bottom:8px;gap:12px;padding-bottom:20px}.filters{display:flex;flex-wrap:wrap;gap:8px}.filters button{background:none;border:1px solid transparent;color:var(--muted);font-size:12px;padding:7px 14px;border-radius:2px}.filters button.active{background:var(--ink);color:#fff}.filters button:not(.active):hover{border-color:var(--line)}.filters button span{font:10px Georgia;margin-left:9px;opacity:.7}#project-count{font-size:10px;color:var(--muted);white-space:nowrap}.project{border-bottom:1px solid var(--line)}.project[hidden]{display:none}.project summary{display:grid;grid-template-columns:40px 1fr 140px 26px;gap:14px;align-items:center;cursor:pointer;padding:27px 0;list-style:none}.project summary::-webkit-details-marker{display:none}.project-index{font:12px Georgia;color:var(--accent);align-self:start;padding-top:7px}.project-title{font-size:19px;font-weight:500}.project-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:7px}.project-tags span{font-size:10px;color:var(--muted);border:1px solid #dce0d9;padding:1px 7px}.project-date{font-size:10px;color:var(--muted);text-align:right}.project-plus{font:24px Georgia;text-align:right}.project[open] .project-plus{transform:rotate(45deg)}.project-details{padding:0 180px 28px 54px;font-size:13px;line-height:1.9;color:#59655f}.project-details p+p{margin-top:9px}.project-details b{font-weight:600;color:var(--ink)}.project-status{display:inline-block;font-size:10px;color:var(--accent);margin-top:15px;padding-left:14px;position:relative}.project-status:before{content:'';width:5px;height:5px;background:currentColor;position:absolute;top:7px;left:0;border-radius:50%}.skills-band{background:var(--soft)}.skills-band .section{padding-top:74px;padding-bottom:74px}.skill-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:45px}.skill-grid>div{border-top:1px solid #c5cec4;padding-top:17px}.skill-number{font:10px Georgia;color:var(--accent)}.skill-grid h3{margin:20px 0 13px;font-size:17px}.skill-grid p{font-size:13px;line-height:2.15;color:var(--muted)}.journey{display:grid;grid-template-columns:1fr 1.2fr;gap:100px}.journey h2{margin-top:15px}.education{margin-top:40px;border-left:1px solid #ccd1c8;padding-left:25px}.education article{position:relative;padding-bottom:32px}.education article:last-child{padding-bottom:0}.timeline-dot{width:7px;height:7px;border:2px solid var(--accent);border-radius:50%;background:var(--paper);position:absolute;left:-29px;top:6px}.date{font-size:11px;color:var(--accent);margin-bottom:10px;letter-spacing:1px}.education h3{font-size:19px}.education article>p:not(.date){font-size:12px;margin-top:4px}.education small{font-size:11px;color:var(--muted)}.certificates{border-top:1px solid var(--line);margin-top:35px;padding-top:23px}.certificates p{margin-bottom:14px;font-size:10px}.certificates>span{display:inline-block;font-size:11px;padding:4px 9px;border:1px solid var(--line);margin:0 4px 8px 0}.honors>.eyebrow{margin-bottom:20px}.award{display:flex;gap:17px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line)}.award h3{font-size:13px}.award small{font-size:10px;color:var(--muted)}.award-mark{font:29px Georgia;color:var(--accent)}.award.top-award{padding:23px 0}.top-award h3{font-size:15px;margin-top:3px}.top-award small{color:var(--accent)}.top-award>span:last-child{margin-left:auto;font-size:19px;color:var(--muted)}.contact-section{background:var(--ink);color:var(--paper)}.contact-inner{padding-top:74px;padding-bottom:74px;display:grid;grid-template-columns:1.2fr 1fr;gap:100px}.contact-inner .eyebrow{font-size:10px;color:#b9c4c4}.contact-inner h2{font-size:38px;margin:22px 0}.contact-inner h2 span{color:#dbab8e}.contact-inner p:not(.eyebrow){font-size:12px;color:#b9c4c4}.contact-links{padding-top:20px;min-width:0}.contact-links a{display:block;border-bottom:1px solid #56606a;padding:14px 0 17px}.contact-links small{display:block;font-size:9px;letter-spacing:1.5px;color:#b9c4c4;margin-bottom:8px}.contact-links a>span{display:flex;justify-content:space-between;gap:12px;font-size:20px;line-height:1.6}.contact-links b{font-weight:400;color:#dbab8e}.contact-links button{background:none;color:var(--paper);border:0;padding:17px 0;font-size:11px;display:flex;justify-content:space-between;width:100%}.contact-links button span{color:#dbab8e}#copy-status{min-height:22px}footer{padding-top:30px;padding-bottom:30px;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:10px;color:var(--muted)}footer>a:first-child{font-size:13px;color:var(--ink)}footer a span{font-size:8px;letter-spacing:1px;margin-left:8px}.skip{position:fixed;top:-100px;left:20px;z-index:10;padding:10px;background:var(--ink);color:white}.skip:focus{top:10px}@media(min-width:1500px){.hero{padding-top:100px;padding-bottom:95px}}@media(max-width:900px){header{padding:0 28px;height:85px}nav{gap:20px}.hero{gap:35px;padding-top:60px}.hero h1{font-size:46px}.photo-frame{padding:20px 19px 0}.photo-frame img{height:275px}.hero-meta{gap:14px}.profile{padding-right:8px}.vertical-label{right:-21px}.specialties i{margin:0 12px}.about{gap:40px;grid-template-columns:1fr 1.5fr}.section{padding-top:70px;padding-bottom:70px}.journey{gap:50px}.contact-inner{gap:40px}.contact-links a>span{font-size:17px}.project-details{padding-right:45px}}@media(max-width:640px){.wrap{padding-left:22px;padding-right:22px}header{height:78px;padding:0 22px}.brand{font-size:16px}.brand-icon{font-size:30px}nav{gap:18px;font-size:11px}nav a:first-child{display:none}.nav-contact{display:none}.hero{grid-template-columns:1fr;gap:35px;padding-top:40px;padding-bottom:40px}.eyebrow{font-size:9px;letter-spacing:1px}.hero h1{font-size:44px;margin-top:24px}.roman{font-size:10px}.hero-title{font-size:37px;margin-top:24px}.intro{font-size:13px}.hero-actions{margin-top:25px}.hero-meta{font-size:10px;gap:25px}.profile{display:grid;grid-template-columns:170px 1fr;gap:24px;align-items:center;padding:10px 5px 10px 0}.photo-frame{padding:12px 12px 0;box-shadow:5px 6px 0 #e9eae4}.photo-corner{font-size:6px;margin-bottom:8px}.photo-frame img{height:175px}.photo-caption{padding:9px 0;font-size:9px}.photo-caption span:last-child{font-size:5px;letter-spacing:0}.profile-note{margin:0;display:block}.note-symbol{font-size:32px}.profile-note p{font-size:10px;margin-top:12px}.vertical-label{right:0;top:auto;bottom:20px;font-size:6px;writing-mode:horizontal-tb;letter-spacing:1px}.specialties .wrap{display:block;padding-top:16px;padding-bottom:16px}.specialties span{font-size:9px}.specialties p{font-size:11px;margin-top:7px;letter-spacing:0}.specialties i{margin:0 9px}.section{padding-top:55px;padding-bottom:55px}h2{font-size:27px}.about{grid-template-columns:1fr;gap:26px}.section-label h2{font-size:27px;margin-top:14px}.section-label h2 br{display:none}.about-content .large-copy{font-size:18px}.about-content>p{font-size:13px}.stats{margin-top:28px}.stats strong{font-size:36px}.stats>div>span{font-size:9px}.section-top{gap:15px;margin-bottom:24px;align-items:start}.section-aside{font-size:9px;flex-shrink:0;margin-top:4px}.section-top h2{font-size:27px}.project-toolbar{align-items:start}.filters{gap:3px}.filters button{font-size:10px;padding:6px 9px}.filters button span{margin-left:4px}#project-count{display:none}.project summary{grid-template-columns:24px 1fr 18px;gap:8px;padding:23px 0}.project-index{font-size:10px;padding-top:3px}.project-title{font-size:15px}.project-tags span{font-size:9px}.project-tags{gap:5px}.project-date{grid-column:2;text-align:left;grid-row:2;font-size:9px;margin-top:0}.project-plus{grid-column:3;grid-row:1/3;font-size:21px}.project-details{padding:0 15px 22px 32px;font-size:12px}.skills-band .section{padding-top:50px;padding-bottom:50px}.skills-band .section-top{display:block}.skills-band .section-aside{text-align:left;margin-top:14px}.skill-grid{grid-template-columns:repeat(2,1fr);gap:30px 24px;margin-top:30px}.skill-grid h3{font-size:16px;margin-top:10px}.skill-grid p{font-size:12px}.journey{grid-template-columns:1fr;gap:45px}.education{margin-top:30px}.honors>.eyebrow{font-size:10px}.top-award h3{font-size:14px}.award h3{font-size:12px}.contact-inner{padding-top:50px;padding-bottom:40px;grid-template-columns:1fr;gap:22px}.contact-inner h2{font-size:33px}.contact-links{padding-top:0}.contact-links a>span{font-size:18px}footer{flex-wrap:wrap;gap:14px;font-size:9px}footer>span{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
