:root{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#222;background:#fff;--bg:#fff;--ink:#222;--muted:#666760;--line:#00000020;--accent:#73529e;color-scheme:light}html[lang=zh-CN]{color:var(--ink);background:var(--bg);color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--bg)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:hover{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:var(--accent);color:var(--bg)}.about-header{height:88px;margin:0 5vw;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{font:500 23px IBM Plex Mono,monospace}.about-header nav{display:flex;align-items:center;gap:30px;font:12px IBM Plex Mono,monospace}.about-header button{background:none;border:0;padding:14px 0}.intro{position:relative;min-height:calc(100svh - 88px);display:grid;grid-template-columns:1fr 0fr;align-items:center;padding:65px 9vw 100px;gap:0;transition:grid-template-columns .75s cubic-bezier(.2,.8,.2,1),gap .75s}.intro.is-open{grid-template-columns:1fr 1.15fr;gap:8vw}.identity{text-align:center;min-width:0}.portrait-button{display:block;position:relative;margin:0 auto 30px;background:none;border:0;padding:0;width:216px}.portrait-button img{display:block;width:100%;height:auto;border-radius:2px}.meet-label{position:absolute;right:-55px;bottom:25px;padding:12px 18px;background:var(--ink);color:var(--bg);border-radius:30px;font:12px IBM Plex Mono,monospace;opacity:0;transform:translateY(7px);transition:opacity .2s,transform .2s}.portrait-button:hover .meet-label,.portrait-button:focus-visible .meet-label{opacity:1;transform:none}.identity h1{font-size:clamp(40px,5vw,72px);font-weight:300;letter-spacing:-.025em;margin:0 0 15px;white-space:nowrap}.identity p{font-size:16px;margin:10px 0}.identity .identity-note{color:var(--muted);font:11px IBM Plex Mono,monospace;margin-top:23px}.biography{min-width:0;overflow:hidden;opacity:0;transform:translate(25px);transition:opacity .4s,transform .6s}.is-open .biography{opacity:1;transform:none;transition-delay:.15s}.bio-inner{min-width:360px}.bio-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font:11px IBM Plex Mono,monospace;margin-bottom:22px}.bio-top button{border:0;background:none;font-size:26px;padding:0 10px}.biography section+section{margin-top:26px}.biography h2{font-weight:400;font-size:clamp(25px,3.3vw,45px);letter-spacing:-.035em;margin:0 0 14px}.biography dl{margin:0}.biography dl div{display:flex;justify-content:space-between;gap:14px;margin:9px 0;font-size:13px}.biography dt span{color:var(--muted)}.biography dd{margin:0;white-space:nowrap;color:var(--muted);font:10px IBM Plex Mono,monospace}.biography p{font-size:13px;line-height:1.5;margin:6px 0}.biography .sub{color:var(--muted);font-size:11px;margin-bottom:15px}.scroll-cue{position:absolute;bottom:32px;left:50%;transform:translate(-50%);font:11px IBM Plex Mono,monospace;color:var(--muted);white-space:nowrap}.personal{height:185svh;border-top:1px solid var(--line);margin:0 5vw}.personal-sticky{min-height:100svh;position:sticky;top:0;display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;padding:55px 0}.card-column{min-width:0}.personal h2{font-size:24px;font-weight:400;letter-spacing:-.025em;margin:0 0 25px}.cards{position:relative;height:420px;--progress:0}.business-card{position:absolute;width:90%;max-width:440px;aspect-ratio:1.68;border:1px solid #dddcd4;border-radius:16px;padding:26px;background:#f2f1eb;color:#252622;box-shadow:0 15px 38px #00000017;will-change:transform}.card-front{left:0;top:35px;display:flex;justify-content:space-between;align-items:center;transform:translateY(calc(var(--progress)*-26px)) rotate(calc(var(--progress)*-7deg));z-index:2}.card-front img{width:29%;height:auto}.card-front h3{font-size:clamp(26px,3vw,42px);font-weight:400;line-height:1;letter-spacing:-.03em;margin:22px 0 14px}.card-front p{font-size:10px}.card-small{font:8px IBM Plex Mono,monospace;color:#62635c}.card-mark{font:10px IBM Plex Mono,monospace}.card-back{right:0;top:40px;background:#d8cde8;border-color:#d8cde8;transform:translateY(calc(var(--progress)*155px)) rotate(calc(var(--progress)*7deg));display:flex;flex-direction:column;justify-content:space-between}.card-manifesto{font-size:clamp(21px,2.4vw,34px);line-height:1.1;letter-spacing:-.03em;margin:15px 0;white-space:pre-line}.card-back a{font:9px IBM Plex Mono,monospace;position:relative;z-index:3}.card-caption{color:var(--muted);font:11px IBM Plex Mono,monospace;margin:15px 0}.taste-column{min-width:0}.taste-heading p{font:11px IBM Plex Mono,monospace;color:var(--muted)}.taste-map{position:relative;width:100%;aspect-ratio:1.3}.taste-map svg{position:absolute;inset:0;width:100%;height:100%;color:var(--line);stroke-width:.8}.map-center,.principle{position:absolute;transform:translate(-50%,-50%);font:11px IBM Plex Mono,monospace}.map-center{left:50%;top:50%;border-radius:50%;padding:17px 10px;background:var(--ink);color:var(--bg)}.principle{border:1px solid var(--line);background:var(--bg);padding:11px 13px;border-radius:28px;white-space:nowrap;transition:background .2s,color .2s}.principle[aria-pressed=true],.principle:hover{background:var(--accent);color:var(--bg);border-color:var(--accent)}.principle-detail{min-height:132px;border-top:1px solid var(--line);padding-top:17px}.principle-detail h3{font-size:17px;font-weight:400;margin:0 0 9px}.principle-detail p{color:var(--muted);font-size:13px;line-height:1.5;max-width:48ch;margin:0 0 15px}.project-links{display:flex;gap:15px;flex-wrap:wrap}.project-links a{font:11px IBM Plex Mono,monospace;border-bottom:1px solid var(--accent);padding-bottom:4px}footer{padding:32px 5vw;display:flex;justify-content:space-between;border-top:1px solid var(--line);font:11px IBM Plex Mono,monospace;color:var(--muted)}@media(max-width:900px){.intro{padding-inline:5vw}.intro.is-open{gap:5vw;grid-template-columns:1fr 1.2fr}.identity h1{font-size:42px}.personal-sticky{gap:4vw}.business-card{padding:20px}.cards{height:350px}.card-back{transform:translateY(calc(var(--progress)*130px)) rotate(calc(var(--progress)*7deg))}.card-front p{max-width:120px}.card-front h3{margin-top:15px}.principle{font-size:9px;padding:11px 9px}}@media(max-width:680px){.about-header{height:72px}.brand{font-size:17px}.about-header nav{gap:18px;font-size:10px}.intro,.intro.is-open{display:flex;flex-direction:column;gap:0;min-height:calc(100svh - 72px);padding:65px 7vw 90px}.portrait-button{width:180px}.meet-label{opacity:1;transform:none;right:-35px}.identity h1{font-size:44px}.biography{display:none;width:100%;margin-top:45px}.is-open .biography{display:block}.bio-inner{min-width:0}.biography h2{font-size:31px}.biography dl div{font-size:12px}.biography dt span{display:block;font-size:11px;margin-top:3px}.personal{height:auto}.personal-sticky{display:flex;flex-direction:column;position:relative;padding:55px 0;gap:65px}.card-column,.taste-column{width:100%}.cards{height:390px}.business-card{width:88%;max-width:380px}.card-back{transform:translateY(calc(var(--progress)*155px)) rotate(calc(var(--progress)*5deg))}.card-front h3{font-size:36px}.card-caption{margin-top:0}.taste-map{max-width:520px;margin:auto}.principle{font-size:10px}.personal h2{font-size:25px}.card-manifesto{font-size:28px}footer{gap:25px;font-size:9px}}.cards{height:520px}.business-card{max-width:400px}.card-back{transform:translateY(calc(var(--progress)*245px)) rotate(calc(var(--progress)*5deg))}@media(max-width:680px){.cards{height:480px}.card-back{transform:translateY(calc(var(--progress)*215px)) rotate(calc(var(--progress)*5deg))}}.intro{padding-bottom:65px}.taste-map svg g{stroke-dasharray:4 7;stroke-linecap:round}.map-center{left:50%;top:50%;border:1px solid var(--line);border-radius:28px;padding:11px 16px;background:var(--bg);color:var(--ink);white-space:nowrap}.personal{margin:0;padding:0 5vw;background:#fff}.personal-sticky{gap:5vw;grid-template-columns:1.15fr 1fr;padding:40px 0}.cards{width:min(100%,calc((100svh - 190px)*.9));height:auto;aspect-ratio:1110 / 1270;margin:0 auto}.business-card{width:100%;max-width:none;aspect-ratio:1110 / 612;padding:0;border:0;border-radius:3%;background:transparent;box-shadow:0 8px 24px #00000008;display:block;overflow:hidden}.business-card img{display:block;width:100%;height:100%;object-fit:contain}.card-front{left:0;top:0;transform:none}.card-back{left:0;right:auto;top:0;transform:translateY(calc(105% * var(--progress)));background:transparent;border:0}.card-caption{margin-top:18px}@media(max-width:680px){.intro,.intro.is-open{padding-bottom:65px}.personal{padding:0 6vw}.personal-sticky{padding:45px 0;gap:50px}.cards{width:100%;aspect-ratio:1110 / 1270;height:auto}.business-card{width:100%;max-width:none;padding:0}.card-back{transform:translateY(calc(105% * var(--progress)))}}@media(hover:none){.meet-label{opacity:0;visibility:hidden;pointer-events:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.business-card{will-change:auto}}.personal{height:auto;min-height:100svh}.personal-sticky{position:relative;top:auto;min-height:100svh}.cards{width:min(100%,540px);height:auto;aspect-ratio:1110 / 612;perspective:1500px;cursor:pointer;outline:none}.card-flipper{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .68s cubic-bezier(.16,1,.3,1);will-change:transform}.cards.is-flipped .card-flipper{transform:rotateY(180deg)}.business-card{inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:none;box-shadow:0 18px 50px #00000012;transition:box-shadow .3s ease}.card-front{z-index:2}.card-back{transform:rotateY(180deg)}.cards:hover .business-card,.cards:focus-visible .business-card{box-shadow:0 24px 66px #0000001a}.cards:focus-visible{outline:2px solid var(--accent);outline-offset:8px;border-radius:18px}.card-caption:before{content:"↻";display:inline-block;margin-right:9px;color:var(--accent);transition:transform .68s cubic-bezier(.16,1,.3,1)}.cards.is-flipped+.card-caption:before{transform:rotate(180deg)}@media(max-width:680px){.personal-sticky{min-height:auto}.cards{width:100%;aspect-ratio:1110 / 612}.card-column{padding-bottom:0}}@media(prefers-reduced-motion:reduce){.card-flipper{transition:opacity .16s ease}.cards.is-flipped .card-flipper{transform:none}.cards.is-flipped .card-front{opacity:0;pointer-events:none}.card-back{transform:none;z-index:1}.cards.is-flipped .card-back{z-index:3}.card-caption:before{transition:none}}.identity h1{font:400 clamp(30px,3.2vw,46px)/1.05 "IBM Plex Mono",monospace;letter-spacing:-.045em;margin:0}.portrait-button{--tag-x:50%;--tag-y:50%}.meet-label{right:auto;bottom:auto;left:var(--tag-x);top:var(--tag-y);z-index:3;white-space:nowrap;pointer-events:none;transform:translate(12px,12px);transition:opacity .14s ease}.portrait-button:hover .meet-label,.portrait-button:focus-visible .meet-label{transform:translate(12px,12px)}@media(max-width:680px){.identity h1{font-size:30px}}.card-hero{min-height:calc(100svh - 88px);display:grid;place-items:center;padding:8vh 5vw;border-top:1px solid var(--line);background:#f7f7f6;overflow:hidden}.card-hero-card{width:min(58vw,880px);margin:5vh 0 0;animation:card-hero-arrive .8s cubic-bezier(.16,1,.3,1) backwards}.card-hero img{display:block;width:100%;height:auto;filter:drop-shadow(0 18px 34px #0000000a)}.personal{min-height:100svh;margin:0;padding:0 5vw;background:#fff;border-top:1px solid var(--line)}.personal-sticky{grid-template-columns:minmax(260px,.72fr) minmax(420px,1.28fr);gap:clamp(56px,8vw,130px);padding:clamp(70px,9vh,110px) 0}.position-column{align-self:center;min-width:0}.position-column .position-label{margin:0 0 22px;color:var(--muted);font:10px/1.3 IBM Plex Mono,monospace;text-transform:uppercase;letter-spacing:.08em}.position-column h2{max-width:10ch;margin:0 0 42px;font-size:clamp(30px,3.5vw,50px);line-height:.98;letter-spacing:-.04em}.position-column ul{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.position-column li{padding:12px 0;border-bottom:1px solid var(--line);font:10px/1.3 IBM Plex Mono,monospace}.taste-column{align-self:center}@keyframes card-hero-arrive{0%{opacity:.2;transform:translateY(42px) scale(.96);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}@media(max-width:980px){.personal-sticky{grid-template-columns:minmax(210px,.72fr) minmax(330px,1.28fr);gap:clamp(36px,5vw,64px)}.position-column h2{max-width:14ch}}@media(max-width:680px){.card-hero{min-height:calc(100svh - 72px);padding:6vh 6vw}.card-hero-card{width:100%;margin:0}.personal-sticky{display:flex;gap:68px}.position-column,.taste-column{width:100%}.position-column h2{max-width:12ch;font-size:38px}.position-column{order:1}.taste-column{order:2}}@media(prefers-reduced-motion:reduce){.card-hero-card{animation:none}}