*{box-sizing:border-box}html{background:#fefbef;height:100%}body{color:#171612;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#fefbef;min-width:320px;height:100%;margin:0;font-family:Noto Sans SC,Microsoft YaHei,sans-serif;overflow:hidden}#root{height:100%}a:focus-visible,button:focus-visible{outline-offset:4px;outline:2px solid #73816b}@media (width<=760px){body{height:auto;overflow:hidden auto}#root{height:auto}}:root{--paper:#fefbef;--ink:#171612;--ink-soft:#302e28;--line:#24221d;--muted:#79756b;--sage:#73816b;--rule-width:1.5px;--display:"Noto Serif SC", "Source Han Serif SC", STSong, SimSun, serif;--body:"Noto Sans SC", "Microsoft YaHei", sans-serif;--mono:"Azeret Mono", "Cascadia Mono", Consolas, monospace}.site-shell{background:var(--paper);grid-template-columns:minmax(235px,.94fr) minmax(500px,2fr) minmax(300px,1fr);height:100svh;min-height:0;display:grid;overflow:hidden}.left-rail,.right-rail{height:100%;min-height:0;padding:clamp(22px,1.55vw,30px);display:flex;overflow:hidden}.left-rail{border-right:var(--rule-width) solid var(--line);flex-direction:column}.right-rail{border-left:var(--rule-width) solid var(--line);flex-direction:column}.site-nav{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.site-nav a{color:var(--ink);font-size:clamp(14px,.85vw,16px);font-weight:700;line-height:1.4;text-decoration:none}.site-nav a span{border-bottom:1px solid #0000;padding-bottom:2px;display:inline-block}.site-nav a:nth-child(2){justify-self:center}.site-nav a:nth-child(3){justify-self:end}.site-nav a.active span,.site-nav a:hover span,.site-nav a:focus-visible span{border-color:var(--ink)}.doodle{color:var(--ink-soft)}.doodle svg{width:100%;height:100%;overflow:visible}.doodle path,.doodle circle{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px}.doodle .accent{stroke:var(--sage)}.doodle-loop{height:180px;margin:auto 0 22px}.doodle-laptop{height:134px;margin-bottom:auto}.contact-list{gap:16px;margin-top:auto;display:grid}.contact-row{color:var(--ink-soft);grid-template-columns:22px 1fr;align-items:center;gap:10px;font-size:12px;text-decoration:none;display:grid}.contact-row>span:last-child{border-bottom:1px solid var(--muted);min-height:17px}.contact-icon{border:1px solid var(--line);place-items:center;width:17px;height:17px;font-size:10px;font-style:normal;display:inline-grid}.main-column{grid-template-rows:clamp(120px,17svh,184px) minmax(0,1fr) clamp(120px,17svh,184px);min-width:0;height:100%;min-height:0;display:grid;overflow:hidden}.hero-title{border-bottom:var(--rule-width) solid var(--line);align-items:center;gap:clamp(14px,1.15vw,22px);min-height:0;padding:0 clamp(20px,2vw,30px);display:flex}.hero-title h1,.hero-title>span:last-child{font:900 clamp(58px, 6.55vw, 124px) / .91 var(--display);letter-spacing:-.11em;white-space:nowrap;margin:0}.hero-title>span:last-child{letter-spacing:-.12em;font-size:clamp(52px,5.8vw,110px)}.title-rule{min-width:28px;height:var(--rule-width);background:var(--line);flex:1;margin-bottom:0}.portrait-stage{border-bottom:var(--rule-width) solid var(--line);place-items:center;min-height:0;padding:clamp(14px,1.55vw,28px) clamp(28px,4vw,60px);display:grid}.portrait{aspect-ratio:1.06;border:1px solid var(--line);background:#cdb99a;width:auto;min-width:0;max-width:100%;height:min(100%,680px);min-height:0;position:relative;overflow:hidden}.portrait:before{content:"";background:radial-gradient(circle at 72% 27%,#fff5e29e 0 9%,#0000 26%),linear-gradient(125deg,#b59878 0%,#d7c0a3 43%,#b99573 100%);position:absolute;inset:0}.portrait:after{content:"";mix-blend-mode:multiply;opacity:.33;background-image:radial-gradient(#2e25196b .7px,#0000 .7px);background-size:5px 5px;position:absolute;inset:0}.portrait-mark{z-index:1;width:61%;height:89%;position:absolute;bottom:-7%;left:50%;transform:translate(-50%)}.portrait-mark .torso,.portrait-mark .hair{fill:#181817}.portrait-mark .neck,.portrait-mark .face{fill:#b78364}.portrait-mark .glass{fill:none;stroke:#ede5d2e6;stroke-width:8px}.portrait-mark .hairline{fill:none;stroke:#1b1a18;stroke-linecap:round;stroke-width:13px}.portrait-label,.portrait-caption{z-index:2;font:10px / 1 var(--mono);letter-spacing:.04em;position:absolute}.portrait-label{border:1px solid var(--line);background:#f7f2e8e6;padding:7px 9px;top:15px;right:16px}.portrait-caption{color:#f6eee1;bottom:15px;left:16px}.nameplate{align-items:center;gap:clamp(14px,1.15vw,22px);min-height:0;padding:0 clamp(20px,2vw,30px);display:flex}.nameplate h2{font:900 clamp(46px, 4.7vw, 82px) / .95 var(--display);letter-spacing:-.13em;white-space:nowrap;margin:0}.nameplate span{height:var(--rule-width);background:var(--line);flex:1;margin-bottom:0}.intro-blocks{gap:clamp(24px,4.5svh,48px);padding-top:0;display:grid}.intro-block{gap:10px;display:grid}.intro-block h2,.intro-block p{margin:0}.intro-block h2{font-size:clamp(15px,.95vw,17px);font-weight:700;line-height:1.5}.intro-block p{letter-spacing:.01em;font-size:clamp(14px,.9vw,16px);line-height:1.85}.intro-kicker{margin-bottom:2px!important}.primary-cta{border:var(--rule-width) solid var(--ink);background:var(--ink);min-height:clamp(52px,5.8svh,62px);color:var(--paper);place-items:center;margin-top:auto;font-weight:700;text-decoration:none;transition:background .18s,color .18s;display:grid}.primary-cta:hover,.primary-cta:focus-visible{background:var(--paper);color:var(--ink)}.status-line{font:12px / 1 var(--mono);justify-content:space-between;margin-top:clamp(16px,2.5svh,26px);display:flex}@media (width<=950px){.site-shell{grid-template-columns:196px minmax(420px,1fr) 270px}.left-rail,.right-rail{padding:22px 18px}.hero-title{padding-inline:20px}.portrait-stage{padding-inline:24px}.nameplate{padding-inline:20px}.intro-blocks{gap:32px}.intro-block p{font-size:14px;line-height:1.8}}@media (width<=760px){.site-shell{max-width:100vw;height:auto;min-height:100svh;display:block;overflow:hidden visible}.left-rail,.right-rail{height:auto;min-height:auto;padding:17px 18px;overflow:visible}.left-rail{border-right:0;border-bottom:var(--rule-width) solid var(--line)}.right-rail{border-top:var(--rule-width) solid var(--line);border-left:0}.site-nav a:nth-child(2){text-align:center}.site-nav a:nth-child(3){text-align:right}.doodle,.contact-list{display:none}.main-column{height:auto;display:flex;overflow:visible}.hero-title{align-items:center;height:104px;padding:12px 18px}.hero-title h1,.hero-title>span:last-child{font-size:clamp(48px,15vw,60px)}.hero-title>span:last-child{font-size:clamp(38px,12vw,52px)}.title-rule{min-width:10px;margin-bottom:0}.portrait-stage{min-height:0;padding:18px}.portrait{aspect-ratio:auto;width:100%;height:min(118vw,520px);min-height:360px}.nameplate{min-height:96px;padding:7px 18px 12px}.nameplate h2{font-size:clamp(48px,16vw,68px)}.nameplate span{margin-bottom:20px}.intro-blocks{gap:30px;padding-top:0}.intro-block{gap:8px}.intro-block p{font-size:15px;line-height:1.75}.primary-cta{min-height:56px;margin-top:36px}.status-line{margin-top:18px}}