:root{--paper:#f3f0e9;--paper-deep:#ebe7de;--paper-raised:#ffffff2b;--ink:#202328;--muted:#676b6d;--navy:#143f67;--navy-soft:#718492;--coral:#ed5b50;--rule:#143f6738;--image-border:#143f6721;--portrait-filter:saturate(.72) contrast(.98);--publication-filter:none;--selection:#ed5b5033}:root[data-theme=dark]{--paper:#171b1d;--paper-deep:#202629;--paper-raised:#9ec3dc13;--ink:#eeeae1;--muted:#adb4b5;--navy:#a7c8dd;--navy-soft:#7f9aab;--coral:#f1746b;--rule:#a7c8dd38;--image-border:#a7c8dd36;--portrait-filter:saturate(.66) brightness(.88) contrast(1.04);--publication-filter:saturate(.78) brightness(.82) contrast(.98);--selection:#f1746b47}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);text-rendering:optimizelegibility;margin:0;font-family:Arial,Helvetica,sans-serif;transition:background-color .3s,color .24s}a{color:inherit;text-decoration:none}button,input{font:inherit}::selection{background:var(--selection)}.nav-shell,.hero,.section-shell,footer{width:min(1280px,100% - 72px);margin:0 auto}.nav-shell{border-bottom:1px solid var(--rule);grid-template-columns:1fr auto 1fr;align-items:center;height:72px;display:grid}.wordmark,.nav-links a,.section-label,.metric-topline,.metric-control,.metric-hint,.publication-meta,footer{color:var(--navy);letter-spacing:.19em;font-size:10px;font-weight:700}.wordmark{justify-self:start}.nav-links{gap:clamp(24px,3vw,52px);display:flex}.wordmark,.nav-links a{letter-spacing:.16em;font-size:12px}.nav-links a,.wordmark,.theme-toggle,.paper-links a,.hero-links a{transition:color .18s}.nav-links a:hover,.nav-links a:focus-visible,.wordmark:hover,.wordmark:focus-visible,.paper-links a:hover,.paper-links a:focus-visible,.hero-links a:hover,.hero-links a:focus-visible{color:var(--coral)}.theme-toggle{width:38px;height:38px;color:var(--navy);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;justify-self:end;place-items:center;padding:0;display:grid}.theme-toggle:hover{color:var(--coral);background:var(--paper-raised)}.theme-toggle:focus-visible{outline:1px solid var(--coral);outline-offset:2px}.theme-icon{fill:none;stroke:currentColor;stroke-width:1.55px;stroke-linecap:round;stroke-linejoin:round;grid-area:1/1;width:19px;height:19px;transition:opacity .18s,transform .28s}.theme-icon--sun{opacity:0;transform:rotate(-22deg)scale(.72)}:root[data-theme=dark] .theme-icon--moon{opacity:0;transform:rotate(20deg)scale(.72)}:root[data-theme=dark] .theme-icon--sun{opacity:1;transform:rotate(0)scale(1)}.hero{border-bottom:1px solid var(--rule);align-items:center;min-height:660px;padding:clamp(54px,7vh,82px) 0 clamp(58px,7vh,80px);display:flex}.identity{grid-template-columns:minmax(0,1fr) minmax(320px,360px);grid-template-areas:"lead portrait""bio portrait""links portrait";align-items:start;column-gap:clamp(52px,5vw,76px);width:100%;min-width:0;display:grid}.identity-lead{grid-area:lead;min-width:0}.identity h1{letter-spacing:-.058em;white-space:nowrap;margin:0;font:400 clamp(78px,7.6vw,122px)/.88 Georgia,Times New Roman,serif}.coral-rule{background:var(--coral);width:58px;height:2px;margin:30px 0 25px}.identity h2{color:var(--navy);letter-spacing:-.025em;margin:0;font:400 clamp(20px,1.65vw,27px)/1.3 Georgia,Times New Roman,serif}.hero-bio{max-width:880px;color:var(--muted);grid-area:bio;gap:17px;margin-top:28px;font-size:17px;line-height:1.7;display:grid}.hero-bio p{margin:0}.chinese-name{color:var(--ink);letter-spacing:.055em;white-space:nowrap;font-family:Noto Serif SC,Source Han Serif SC,Songti SC,STSong,SimSun,serif;font-size:1.04em;font-weight:600}.hero-bio a{color:var(--navy);border-bottom:1px solid #143f675c;transition:color .18s,border-color .18s}.hero-bio a:hover,.hero-bio a:focus-visible{color:var(--coral);border-color:var(--coral)}.hero-links{border-top:1px solid var(--rule);flex-wrap:wrap;grid-area:links;gap:17px 28px;max-width:880px;margin-top:31px;padding-top:17px;display:flex}.hero-links a{color:var(--navy);letter-spacing:.11em;align-items:center;gap:.38em;font-size:14px;font-weight:700;line-height:1.35;display:inline-flex}.link-arrow{fill:none;width:.78em;height:.78em;stroke:var(--coral);stroke-width:1.35px;stroke-linecap:square;stroke-linejoin:miter;flex:none;overflow:visible}.link-arrow--down{width:.72em;height:.72em}.portrait-block{grid-area:portrait;place-self:center end;width:min(100%,360px);margin:0}.portrait-block img{aspect-ratio:.82;object-fit:cover;object-position:51% 41%;border:1px solid var(--navy);width:100%;filter:var(--portrait-filter);transition:filter .3s,border-color .24s;display:block}.hero-gallery{align-self:center;min-width:0}.metric-gallery{width:100%;min-width:0}.metric-gallery-loading{pointer-events:none}.metric-stage-loading{place-items:center;display:grid}.metric-loading-center{color:var(--navy-soft);letter-spacing:.16em;place-items:center;gap:11px;font-size:8px;font-weight:700;display:grid}.metric-loading-center i{border:1px solid var(--navy-soft);opacity:.34;width:50px;height:50px;animation:1.8s ease-in-out infinite alternate metric-loading-turn;transform:rotate(45deg)}.metric-loading-control{border:1px solid var(--rule);background:linear-gradient(90deg, transparent 0 34%, var(--rule) 34% calc(34% + 1px), transparent calc(34% + 1px));height:74px}.metric-loading-index{border:1px solid var(--rule);border-top:0;grid-template-columns:repeat(4,1fr);height:63px;display:grid}.metric-loading-index i:not(:last-child){border-right:1px solid var(--rule)}@keyframes metric-loading-turn{to{opacity:.62;transform:rotate(135deg)}}@media (prefers-reduced-motion:reduce){.metric-loading-center i{animation:none}}.metric-stage{border:1px solid var(--rule);background:linear-gradient(var(--rule) 1px, transparent 1px), linear-gradient(90deg, var(--rule) 1px, transparent 1px), radial-gradient(circle at 52% 48%, var(--paper-raised), transparent 66%);background-size:42px 42px,42px 42px,100% 100%;border-bottom:0;min-height:338px;position:relative;overflow:hidden}:root[data-theme=dark] .metric-stage{background:linear-gradient(var(--rule) 1px, transparent 1px), linear-gradient(90deg, var(--rule) 1px, transparent 1px), radial-gradient(circle at 50% 47%, #a7c8dd13, transparent 62%);background-size:42px 42px,42px 42px,100% 100%}.metric-topline,.metric-hint{z-index:2;pointer-events:none;justify-content:space-between;gap:18px;display:flex;position:absolute;left:16px;right:16px}.metric-topline{top:14px}.metric-hint{bottom:12px}.metric-topline span,.metric-hint span{color:var(--navy-soft);letter-spacing:.14em;font-size:8px;font-weight:700}.metric-topline span:last-child{color:var(--navy);letter-spacing:0;text-transform:none;font:400 14px/1 Georgia,Times New Roman,serif}.metric-canvas{cursor:grab;touch-action:none;width:100%;height:clamp(300px,27vw,352px)}.metric-canvas[data-webgl-unavailable=true]{cursor:default;background:radial-gradient(circle at 50% 50%, var(--paper-raised), transparent 66%)}.metric-canvas[data-webgl-unavailable=true]+.metric-hint{display:none}.metric-canvas:active{cursor:grabbing}.metric-fallback{width:calc(100% - 50px);height:calc(100% - 56px);position:absolute;inset:34px 25px 22px;overflow:visible}.metric-canvas[data-webgl-ready=true] .metric-fallback{display:none}.metric-fallback-fill-a{fill:color-mix(in srgb, var(--paper-deep) 74%, var(--navy) 26%)}.metric-fallback-fill-b{fill:color-mix(in srgb, var(--paper-deep) 55%, var(--navy-soft) 45%)}.metric-fallback-lines,.metric-fallback-outline,.metric-fallback-boundary,.metric-fallback-arrow{fill:none;stroke:var(--navy);stroke-width:1.15px;vector-effect:non-scaling-stroke}.metric-fallback-soft{opacity:.34}.metric-fallback-ideal .metric-fallback-fill-a,.metric-fallback-ideal .metric-fallback-fill-b{opacity:.88}.metric-fallback-boundary{stroke:var(--navy-soft);stroke-dasharray:3 5;opacity:.65}.metric-fallback-point{fill:var(--coral);stroke:var(--paper);stroke-width:1px}.metric-fallback-arrow{stroke:var(--coral);stroke-width:1.4px;stroke-dasharray:4 4}.metric-fallback-label{fill:var(--navy-soft);font:italic 15px Georgia,serif}.metric-canvas canvas{outline:none;width:100%;height:100%;display:block}.metric-canvas canvas:focus-visible{box-shadow:inset 0 0 0 2px var(--coral)}.metric-control{border:1px solid var(--rule);border-bottom:1px solid var(--rule);grid-template-columns:auto minmax(120px,1fr) auto;align-items:center;gap:18px;min-height:54px;padding:0 13px;display:grid}.metric-control span{color:var(--navy-soft);letter-spacing:.14em;font-size:8px;font-weight:700}.metric-control strong{color:var(--ink);letter-spacing:-.01em;justify-self:center;font:400 16px/1.1 Georgia,Times New Roman,serif}.metric-control button{color:var(--navy);letter-spacing:.14em;cursor:pointer;background:0 0;border:0;padding:7px 0 7px 8px;font-size:8px;font-weight:700;transition:color .18s}.metric-control button:hover,.metric-control button:focus-visible{color:var(--coral)}.metric-control button:focus-visible{outline:1px solid var(--coral);outline-offset:3px}.metric-index{border:1px solid var(--rule);border-top:0;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.metric-index button{border:0;border-right:1px solid var(--rule);min-height:66px;color:var(--navy-soft);cursor:pointer;text-align:left;background:0 0;padding:11px 10px;transition:color .18s,background .18s,box-shadow .18s;position:relative}.metric-index button:last-child{border-right:0}.metric-index button span{color:var(--coral);margin-bottom:8px;font:13px/1 Georgia,serif;display:block}.metric-index button strong{letter-spacing:.09em;font-size:9px;font-weight:700;display:block}.metric-index button.active{color:var(--ink);background:color-mix(in srgb, var(--paper-raised) 86%, var(--coral) 14%);box-shadow:inset 0 3px 0 var(--coral)}.metric-index button.active span{color:var(--coral)}.metric-index button.active strong{color:var(--ink)}.metric-index button:hover,.metric-index button:focus-visible{color:var(--navy)}.metric-index button:focus-visible{outline:1px solid var(--coral);outline-offset:-1px}.section-shell{border-bottom:1px solid var(--rule)}.section-label{margin:0}.thoughts{padding:clamp(58px,6vw,88px) 0 clamp(70px,7vw,104px)}.thought-heading h2,.publication-heading h2,.play-heading h2{letter-spacing:-.045em;margin:0;font:400 clamp(42px,4.3vw,67px)/.98 Georgia,Times New Roman,serif}.thought-heading,.publication-heading,.play-heading{margin-bottom:clamp(36px,3.5vw,50px)}.thought-list{border-top:1px solid var(--rule)}.thought-item{border-bottom:1px solid var(--rule)}.thought-item summary{cursor:pointer;grid-template-columns:52px 1fr 24px;align-items:center;gap:22px;min-height:96px;list-style:none;display:grid}.thought-item summary::-webkit-details-marker{display:none}.thought-item summary span{color:var(--coral);font:16px/1 Georgia,serif}.thought-item summary strong{font:400 clamp(22px,2vw,30px)/1.18 Georgia,serif}.thought-item summary i{color:var(--navy);font:23px/1 Arial,sans-serif;transition:transform .18s}.thought-item[open]>summary i{color:var(--coral);transform:rotate(45deg)}.thought-item>p{max-width:640px;color:var(--muted);margin:-3px 24px 29px 74px;font-size:clamp(15px,1.25vw,18px);line-height:1.78}.thought-item--metric[open] summary{border-bottom:1px solid var(--rule)}.metric-thought{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:stretch;gap:clamp(30px,4vw,58px);padding:34px 0 42px 74px;display:grid}.metric-copy,.metric-realization{min-width:0}.metric-copy{max-width:470px;color:var(--muted);align-self:center;margin:0;font-size:clamp(15px,1.25vw,18px);line-height:1.78}.metric-copy p{margin:0}.metric-copy p+p{margin-top:17px}.metric-realization{flex-direction:column;display:flex}.metric-realization .metric-gallery{margin-top:auto}.metric-theory{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);grid-column:1/-1;margin-top:8px}.metric-theory>summary{cursor:pointer;grid-template-columns:auto 1fr 20px;align-items:center;gap:20px;min-height:62px;list-style:none;display:grid}.metric-theory>summary::-webkit-details-marker{display:none}.metric-theory>summary span{color:var(--coral);letter-spacing:.16em;font-size:9px;font-weight:700}.metric-theory>summary strong{color:var(--navy);letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:700}.metric-theory>summary i{color:var(--navy);font:18px/1 Arial,sans-serif;transition:transform .18s,color .18s}.metric-theory[open]>summary i{color:var(--coral);transform:rotate(45deg)}.metric-theory-body{padding:0 0 24px}.metric-theory-grid article>span{color:var(--coral);letter-spacing:.15em;font-size:8px;font-weight:700}.metric-theory-grid{border-top:1px solid var(--rule);border-left:1px solid var(--rule);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.metric-theory-grid article{border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);min-width:0;padding:24px 25px 27px}.metric-theory-grid h4{color:var(--ink);letter-spacing:-.015em;margin:14px 0 12px;font:400 20px/1.2 Georgia,Times New Roman,serif}.metric-theory-grid p{color:var(--muted);margin:0;font-size:13px;line-height:1.67}.metric-formula{color:var(--navy);margin-top:17px;font:400 18px/1.25 Georgia,Times New Roman,serif;display:block}.metric-formula sub,.metric-formula sup{font-size:.65em}.metric-theory-foot{color:var(--muted);justify-content:flex-end;padding:18px 0 0;font-size:12px;line-height:1.65;display:flex}.metric-theory-foot p{margin:0}.metric-theory-foot strong{color:var(--navy);font-weight:600}.metric-theory-foot a{color:var(--navy);border-bottom:1px solid var(--rule);transition:color .18s,border-color .18s}.metric-theory-foot a:hover,.metric-theory-foot a:focus-visible{color:var(--coral);border-color:var(--coral)}.publications{padding:clamp(58px,6vw,88px) 0 clamp(70px,7vw,104px)}.publication-list{border-top:1px solid var(--rule)}.publication{border-bottom:1px solid var(--rule);grid-template-columns:48px minmax(260px,.62fr) minmax(430px,1.38fr);align-items:center;gap:clamp(24px,3.6vw,56px);padding:30px 0;display:grid}.publication-index{color:var(--coral);align-self:start;padding-top:4px;font:16px/1 Georgia,serif}.publication-image{background:var(--paper-deep);border:1px solid var(--image-border);min-height:184px;transition:background-color .3s,border-color .24s;overflow:hidden}.publication-image img{object-fit:cover;width:100%;height:210px;filter:var(--publication-filter);padding:6px;transition:transform .45s cubic-bezier(.2,.65,.3,1),filter .3s;display:block}.publication:hover .publication-image img{transform:scale(1.018)}.publication-meta{letter-spacing:.14em;justify-content:space-between;gap:20px;margin:0 0 17px;font-size:11px;display:flex}.publication-copy h3{letter-spacing:-.025em;max-width:760px;margin:0;font:400 clamp(25px,2.2vw,35px)/1.12 Georgia,serif}.authors{max-width:780px;color:var(--muted);margin:17px 0 20px;font-size:14px;line-height:1.64}.authors strong{color:var(--ink);font-weight:700}.authors em{color:var(--navy-soft);font-size:12px}.paper-links{flex-wrap:wrap;gap:23px;display:flex}.paper-links a{color:var(--navy);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:.4em;font-size:12px;font-weight:700;display:inline-flex}.play{padding:clamp(58px,6vw,88px) 0 clamp(68px,7vw,96px);overflow:hidden}.play-heading{display:block}.play-track{border-top:1px solid var(--rule);scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--rule) transparent;grid-auto-columns:clamp(310px,29vw,372px);grid-auto-flow:column;gap:18px;padding:30px 0 16px;display:grid;overflow-x:auto}.play-track::-webkit-scrollbar{height:4px}.play-track::-webkit-scrollbar-track{background:0 0}.play-track::-webkit-scrollbar-thumb{background:var(--rule)}.play-card{scroll-snap-align:start;border:1px solid var(--rule);background:var(--paper-raised);min-width:0;transition:border-color .22s,transform .3s cubic-bezier(.2,.65,.3,1),background-color .3s;display:block}.play-card:hover,.play-card:focus-visible{border-color:var(--navy);outline:0;transform:translateY(-3px)}.play-card-visual{background:linear-gradient(var(--rule) 1px, transparent 1px), linear-gradient(90deg, var(--rule) 1px, transparent 1px), var(--paper-deep);border-bottom:1px solid var(--rule);background-size:42px 42px;height:238px;position:relative;overflow:hidden}.play-card-visual:after{content:"";pointer-events:none;background:radial-gradient(circle at 50% 48%, transparent 35%, var(--paper-deep) 105%);opacity:.3;position:absolute;inset:0}.klein-preview{width:100%;height:100%;display:block}.play-card-number,.play-card-action{z-index:1;color:var(--coral);letter-spacing:.14em;font-size:11px;font-weight:700;position:absolute;top:15px}.play-card-number{font:15px/1 Georgia,serif;left:16px}.play-card-action{color:var(--navy);right:16px}.play-card-copy{padding:20px 20px 22px}.play-card-copy p{color:var(--coral);letter-spacing:.17em;margin:0 0 13px;font-size:9px;font-weight:700}.play-card-copy h3{letter-spacing:-.025em;margin:0 0 10px;font:400 clamp(25px,2vw,31px)/1.05 Georgia,Times New Roman,serif}.play-card-copy>span{color:var(--muted);font-size:13px;line-height:1.55;display:block}footer{letter-spacing:.15em;grid-template-columns:1fr auto 1fr;align-items:center;min-height:92px;font-size:12px;display:grid}footer span:nth-child(2){color:var(--navy-soft);justify-self:center}footer span:last-child{justify-self:end}@media (width<=1220px){.nav-shell,.hero,.section-shell,footer{width:min(100% - 48px,1050px)}.identity{grid-template-columns:minmax(520px,1fr) minmax(260px,320px);column-gap:48px}.metric-canvas{height:275px}}@media (width<=980px){.nav-links{gap:22px}.hero{min-height:0}.identity{grid-template-columns:minmax(430px,1.35fr) minmax(210px,.65fr);column-gap:42px}.hero-gallery{grid-column:1/-1;width:min(720px,100%);margin:34px auto 0}.metric-canvas{height:360px}.publication{grid-template-columns:40px minmax(240px,.7fr) minmax(340px,1.3fr);gap:24px}.publication-image img{height:190px}.metric-thought{grid-template-columns:1fr}.metric-realization{padding-top:0}.metric-copy{max-width:680px}.metric-theory{grid-column:1}}@media (width<=720px){.nav-shell,.hero,.section-shell,footer{width:calc(100% - 32px)}.nav-shell{grid-template-columns:1fr auto}.wordmark{display:none}.nav-links{justify-content:flex-start;gap:clamp(18px,6vw,34px);width:100%}.theme-toggle{margin-left:12px}.hero{padding:46px 0 54px;display:block}.identity{display:block}.portrait-block{float:right;width:clamp(132px,38vw,188px);margin:29px 0 20px 22px}.hero-bio{margin-top:29px;font-size:16px;line-height:1.68;display:block}.hero-bio p+p{margin-top:16px}.hero-links{clear:both;grid-template-columns:max-content max-content;justify-content:start;gap:16px clamp(22px,6vw,34px);margin-top:30px;display:grid}.hero-links a{font-size:13px}.identity:after{content:"";clear:both;display:block}.hero-gallery{grid-area:3/1;margin-top:30px}.metric-canvas{height:min(82vw,340px)}.metric-stage{min-height:0}.metric-topline{top:12px}.metric-hint{bottom:10px}.metric-control{grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;min-height:68px;padding:9px 12px}.metric-control span,.metric-control strong{justify-self:start}.metric-control strong{grid-column:1}.metric-control button{grid-area:1/2/3}.metric-index{grid-template-columns:repeat(2,1fr)}.metric-index button:nth-child(2){border-right:0}.metric-index button:nth-child(-n+2){border-bottom:1px solid var(--rule)}.thoughts,.publications,.play{padding:58px 0 68px}.thought-item summary{grid-template-columns:36px 1fr 20px;gap:12px;min-height:90px}.thought-item>p{margin-left:48px}.metric-thought{gap:32px;padding:28px 0 38px 48px}.metric-theory>summary{grid-template-columns:1fr 20px;gap:12px;padding:12px 0}.metric-theory>summary span,.metric-theory>summary strong{grid-column:1}.metric-theory>summary i{grid-area:1/2/3}.metric-theory-grid{grid-template-columns:1fr}.metric-theory-foot{justify-content:flex-start}.thought-heading,.publication-heading,.play-heading{margin-bottom:34px}.publication{padding:30px 0 38px;display:block;position:relative}.publication-index{z-index:1;background:var(--paper);padding:6px 10px 6px 0;position:absolute;top:42px;left:0}.publication-copy{margin-top:25px}.publication-image img{height:min(55vw,250px)}.publication-meta{margin-top:4px}.play-track{grid-auto-columns:min(82vw,350px);width:calc(100vw - 16px);margin-right:calc(-100vw + 100%);padding-right:16px}.play-card-visual{height:220px}footer{grid-template-columns:1fr auto;row-gap:18px;min-height:128px;padding:24px 0;font-size:11px}footer span:nth-child(2){justify-self:end;display:block}footer span:last-child{white-space:nowrap;letter-spacing:.12em;grid-column:1/-1;justify-self:start;font-size:10px;line-height:1.5}}@media (width<=430px){.theme-toggle{width:34px;height:34px;margin-left:7px}.nav-links{gap:10px}.nav-links a{letter-spacing:.09em;font-size:9px}.identity h1{font-size:68px}.identity h2{font-size:19px}.portrait-block{width:clamp(128px,39vw,156px);margin-left:18px}.hero-links{column-gap:20px}.hero-links a{letter-spacing:.095em}.metric-thought{padding-left:0}.metric-topline span:first-child,.metric-hint span:last-child{display:none}.metric-topline,.metric-hint{justify-content:flex-end}.metric-control{grid-template-columns:1fr auto;gap:10px;padding:0 10px}.metric-control>span{display:none}.metric-control strong{justify-self:start;font-size:15px}.metric-index button{min-height:62px}.metric-theory-grid article{padding:22px 18px 24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}