@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:300;font-display:swap;src:url(../fonts/cormorant-garamond-latin-300-normal.woff2) format("woff2")}@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:300;font-display:swap;src:url(../fonts/cormorant-garamond-latin-300-italic.woff2) format("woff2")}@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/cormorant-garamond-latin-400-normal.woff2) format("woff2")}@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/cormorant-garamond-latin-400-italic.woff2) format("woff2")}@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/cormorant-garamond-latin-500-normal.woff2) format("woff2")}@font-face{font-family:"DM Mono";font-style:normal;font-weight:300;font-display:swap;src:url(../fonts/dm-mono-latin-300-normal.woff2) format("woff2")}@font-face{font-family:"DM Mono";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/dm-mono-latin-400-normal.woff2) format("woff2")}:root{--paper:#EFEAE0;--paper-2:#E7E0D3;--paper-3:#DACFBE;--ink:#1E1D19;--ink-2:#685A4D;--ink-3:#977E68;--oat:#D1BFB1;--walnut:#2D1F16;--seal:#B23A2B;--line:rgba(30,29,25,.16);--shadow:0 1px 1px rgba(45,31,22,.10),0 12px 34px -8px rgba(45,31,22,.22);--f-serif:"Cormorant Garamond","Noto Serif SC","Songti SC","STSong","Source Han Serif SC","SimSun",serif;--f-zh:"Noto Serif SC","Songti SC","STSong","Source Han Serif SC","SimSun",serif;--f-mono:"DM Mono","Noto Serif SC","SFMono-Regular",ui-monospace,Menlo,Consolas,monospace;--gut:clamp(18px,3.2vw,52px);--head-h:62px;--ease:cubic-bezier(.2,.7,.2,1);color-scheme:light}html[data-theme="ink"]{--paper:#1C1B17;--paper-2:#25231E;--paper-3:#322F27;--ink:#E9E0D2;--ink-2:#B1A38E;--ink-3:#8A7963;--line:rgba(233,224,210,.17);--seal:#D0594A;--shadow:0 1px 1px rgba(0,0,0,.4),0 14px 40px -10px rgba(0,0,0,.7);color-scheme:dark}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--head-h) + 20px)}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--f-serif);font-weight:400;font-size:clamp(18px,1.05vw + 11px,22px);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;transition:background-color .5s var(--ease),color .5s var(--ease);overflow-x:clip}body::after{content:"";position:fixed;inset:0;z-index:90;pointer-events:none;background:url(../img/ui/grain.png) 0 0/240px 240px;opacity:.55}html[data-theme="ink"] body::after{opacity:.18;filter:invert(1)}img,video,svg,canvas{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}ol,ul{margin:0;padding:0;list-style:none}h1,h2,h3,p,figure,dl,dd{margin:0}::selection{background:var(--seal);color:#fff}:focus-visible{outline:1.5px solid var(--seal);outline-offset:4px;border-radius:1px}.skip{position:fixed;left:12px;top:-60px;z-index:200;background:var(--ink);color:var(--paper);padding:.6em 1em;font:400 12px var(--f-mono);transition:top .2s}.skip:focus{top:12px}html[data-lang="en"] .zh,html[data-lang="zh"] .en{display:none!important}html[data-lang="zh"] body{font-family:var(--f-zh);line-height:1.85;letter-spacing:.02em}.zh{font-family:var(--f-zh)}.mono{font-family:var(--f-mono);font-weight:400;font-size:11.5px;line-height:1.5;letter-spacing:.09em;text-transform:uppercase}html[data-lang="zh"] .mono{letter-spacing:.14em;font-size:12px;text-transform:none}.dim{color:var(--ink-2)}.seal-dot{display:inline-block;width:.55em;height:.55em;border-radius:50%;background:var(--seal);margin-right:.7em;vertical-align:.05em}.rv{opacity:0;transform:translateY(22px);transition:opacity 1.1s var(--ease),transform 1.1s var(--ease);transition-delay:var(--d,0s)}.rv.in{opacity:1;transform:none}.ph{position:relative;background-color:var(--c,var(--paper-2));background-size:cover;background-position:center;overflow:hidden}.ph>img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .9s var(--ease),filter .6s var(--ease)}.ph>img.ld{opacity:1}@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:.55s;animation-timing-function:var(--ease)}::view-transition-group(hero-img){animation-duration:.7s;animation-timing-function:var(--ease)}.reg{position:fixed;z-index:80;width:15px;height:15px;pointer-events:none;color:var(--ink-3);opacity:.7}.reg::before,.reg::after{content:"";position:absolute;background:currentColor}.reg::before{left:50%;top:0;width:1px;height:100%}.reg::after{top:50%;left:0;height:1px;width:100%}.reg i{position:absolute;inset:3px;border:1px solid currentColor;border-radius:50%}.reg-tl{top:8px;left:8px}.reg-tr{top:8px;right:8px}.reg-bl{bottom:8px;left:8px}.reg-br{bottom:8px;right:8px}.chrome{position:fixed;inset:0 0 auto 0;z-index:70;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:var(--head-h);padding:0 calc(var(--gut) + 12px);transition:transform .55s var(--ease),background-color .4s,border-color .4s;border-bottom:1px solid transparent}.chrome.is-scrolled{background:color-mix(in srgb,var(--paper) 86%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom-color:var(--line)}.chrome.is-hidden{transform:translateY(-100%)}.brand{justify-self:start;display:flex;align-items:center;gap:.8em;white-space:nowrap}.seal{display:block;flex:none;color:var(--seal);overflow:visible}.brand-seal{width:34px;height:34px;--seal-stroke:9px;--seal-frame:30px;transform:rotate(-2deg)}.where{justify-self:center;color:var(--ink-2)}.nav{justify-self:end;display:flex;align-items:center;gap:clamp(.9rem,2vw,2rem)}.nav a,.nav button{position:relative;padding:.4em 0}.nav a::after,.nav button.tg::after{content:"";position:absolute;left:0;right:0;bottom:.05em;height:1px;background:var(--seal);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}.nav a:hover::after,.nav a[aria-current="page"]::after,.nav button.tg:hover::after{transform:scaleX(1)}.nav .tg{color:var(--ink-2)}.nav .sep{width:1px;height:12px;background:var(--line)}.menu-btn{display:none}.foot{position:relative;padding:12vh calc(var(--gut) + 12px) 5vh;border-top:1px solid var(--line);margin-top:6vh;display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gut);align-items:end}.foot-mark{grid-column:1/-1;font:300 clamp(54px,13.5vw,240px)/.85 var(--f-serif);letter-spacing:-.03em;color:var(--ink);margin-bottom:6vh;white-space:nowrap}.foot-mark em{font-style:italic;color:var(--ink-3)}.foot-col{grid-column:span 4;display:flex;flex-direction:column;gap:.35em}.foot-col a{width:fit-content;border-bottom:1px solid transparent;transition:border-color .3s,color .3s}.foot-col a:hover{border-color:var(--seal);color:var(--seal)}.foot-col.r{align-items:flex-end;text-align:right}.foot-col.c{align-items:center;text-align:center}.foot-col.c,.foot-col.r{grid-column:span 4}.intro{position:fixed;inset:0;z-index:150;background:var(--paper);display:none;place-items:center;transition:opacity .9s var(--ease) .15s,visibility 0s 1.1s}html.intro-on .intro{display:grid}.intro.is-done{opacity:0;visibility:hidden;pointer-events:none}.intro-seal{width:120px;height:120px;--seal-stroke:6px;--seal-frame:22px;animation:stamp 1.15s var(--ease) .15s both}.intro-name{position:absolute;bottom:14vh;font:300 italic 20px var(--f-serif);color:var(--ink-2);letter-spacing:.04em;opacity:0;animation:fadein 1s var(--ease) .8s forwards}@keyframes stamp{0%{transform:scale(2) rotate(-10deg);opacity:0;filter:blur(8px)}52%{transform:scale(.95) rotate(-3deg);opacity:1;filter:blur(0)}72%{transform:scale(1.03) rotate(-3deg)}100%{transform:scale(1) rotate(-3deg);opacity:1}}@keyframes fadein{to{opacity:1}}.hero{position:relative;min-height:100svh;overflow:clip;padding:calc(var(--head-h) + 3svh) var(--gut) 4svh;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto 1fr auto;column-gap:var(--gut)}.hero-kicker{grid-column:1/span 7;grid-row:1;display:flex;flex-wrap:wrap;gap:.4rem 1.6rem;align-items:center;color:var(--ink-2);padding-left:12px}.hero-name{grid-column:1/span 9;grid-row:2;align-self:end;position:relative;z-index:3;font-weight:300;font-size:clamp(66px,14.2vw,268px);line-height:.84;letter-spacing:-.03em;margin-bottom:.06em;pointer-events:none}.hero-name>span{display:block}.hero-name>span+span{padding-left:.62em;font-style:italic;font-weight:300}html[data-lang="zh"] .hero-name>span+span{font-style:normal;padding-left:.3em}html[data-lang="zh"] .hero-name{letter-spacing:-.03em;line-height:.84;font-family:var(--f-serif)}.hero-stage{grid-column:7/span 5;grid-row:1/span 3;justify-self:center;align-self:center;position:relative;height:min(78svh,900px);aspect-ratio:1001/1500;z-index:2}.hero-stone{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}.hero-stone{mix-blend-mode:multiply}html[data-theme="ink"] .hero-stone{filter:invert(1) contrast(1.05);mix-blend-mode:screen}#rub{max-width:none;position:absolute;left:-12%;top:-5%;width:124%;height:110%;touch-action:none;cursor:crosshair;z-index:2}.hero-seal{position:absolute;right:calc(var(--gut) + 10px);top:calc(var(--head-h) + 9svh);z-index:4;width:64px;height:64px;--seal-stroke:7px;--seal-frame:26px;transform:rotate(-3deg)}.hero-foot{grid-column:1/-1;grid-row:3;display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;padding:2.4svh 12px 0;position:relative;z-index:4}.hero-hint{display:flex;flex-direction:column;gap:.5rem;max-width:30ch;color:var(--ink-2)}.hero-hint button{width:fit-content;border-bottom:1px solid var(--line);padding-bottom:1px;transition:color .3s,border-color .3s}.hero-hint button:hover{color:var(--seal);border-color:var(--seal)}.hero-pct{font-variant-numeric:tabular-nums;color:var(--ink)}.scroll-cue{display:flex;align-items:center;gap:.8rem;color:var(--ink-2)}.scroll-cue i{display:block;width:1px;height:46px;background:var(--ink-3);transform-origin:top;animation:cue 2.4s var(--ease) infinite}@keyframes cue{0%{transform:scaleY(0)}50%{transform:scaleY(1)}100%{transform:scaleY(1);opacity:0}}.hero-done{position:absolute;left:50%;bottom:-2%;transform:translate(-50%,10px);opacity:0;transition:opacity .8s var(--ease),transform .8s var(--ease);color:var(--seal);z-index:5;pointer-events:none;white-space:nowrap}.hero-stage.is-done .hero-done{opacity:1;transform:translate(-50%,0)}.works{padding:9vh 0 8vh;position:relative}.works-head{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;padding:0 calc(var(--gut) + 12px) 3vh}.sec-title{font:300 clamp(40px,6vw,104px)/.9 var(--f-serif);letter-spacing:-.025em}.sec-title small{display:block;margin-bottom:1.1em;color:var(--ink-2)}.sec-title em{font-style:italic;color:var(--ink-3)}.view-toggle{display:flex;gap:1.6rem;color:var(--ink-2)}.view-toggle button{position:relative;padding:.35em 0}.view-toggle button::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--seal);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}.view-toggle button[aria-pressed="true"]{color:var(--ink)}.view-toggle button[aria-pressed="true"]::after{transform:scaleX(1)}.plates{position:relative}.plates[hidden],.index[hidden]{display:none}.plates-track{position:relative;--plate-h:clamp(300px,54svh,620px);display:flex;align-items:flex-start;gap:clamp(26px,4.6vw,84px);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;padding:3.4rem max(var(--gut),calc(50vw - 15vw)) 1rem;cursor:grab;-webkit-overflow-scrolling:touch}.plates-track::-webkit-scrollbar{display:none}.plates-track.is-drag{cursor:grabbing;scroll-snap-type:none}.plates-track.is-drag a{pointer-events:none}.plate{flex:none;scroll-snap-align:center;position:relative;transform-origin:50% 55%;transform:scale(var(--s,.9));opacity:var(--o,.7);transition:transform .45s var(--ease),opacity .45s var(--ease);will-change:transform}.plate a{display:block}.plate-no{position:absolute;left:0;top:-1.9rem;color:var(--ink-2);display:flex;gap:.8rem;white-space:nowrap}.plate-no b{font-weight:400;color:var(--seal)}.plate figure{height:var(--plate-h);aspect-ratio:var(--ar);box-shadow:var(--shadow)}.plate .ph{width:100%;height:100%}.plate .ph>img{filter:grayscale(.35) contrast(.96);transition:opacity .9s var(--ease),filter .6s var(--ease)}.plate:hover .ph>img,.plate:focus-within .ph>img,.plate.is-focus .ph>img{filter:none}.plate-cap{margin-top:1.1rem;display:flex;flex-direction:column;gap:.15rem;max-width:min(46ch,100%)}.plate-title{font:400 italic clamp(20px,1.8vw,30px)/1.15 var(--f-serif)}.plate-sub{color:var(--ink-2)}html[data-lang="zh"] .plate-title{font-style:normal;font-weight:300;letter-spacing:.08em}.ruler{position:relative;margin:3.2rem calc(var(--gut) + 12px) 0;height:42px;color:var(--ink-3)}.ruler-scale{position:absolute;left:0;right:0;bottom:12px;height:12px;background:repeating-linear-gradient(90deg,currentColor 0 1px,transparent 1px 9px) 0 100%/100% 6px no-repeat,repeating-linear-gradient(90deg,currentColor 0 1px,transparent 1px 45px) 0 100%/100% 12px no-repeat}.ruler-ticks{position:absolute;left:0;right:0;bottom:-6px;display:flex;justify-content:space-between}.ruler-ticks button{font:400 10px var(--f-mono);letter-spacing:.06em;padding:4px 2px;color:var(--ink-3);transition:color .3s}.ruler-ticks button:hover,.ruler-ticks button[aria-current="true"]{color:var(--seal)}.ruler-mark{position:absolute;left:0;bottom:12px;width:1.5px;height:26px;background:var(--seal);transform:translateX(calc(var(--p,0) * var(--w,0px)));pointer-events:none}.ruler-mark::before{content:"";position:absolute;top:-1px;left:-4px;border:4.75px solid transparent;border-top:7px solid var(--seal);border-bottom:0}.plates-arrows{z-index:5;position:absolute;right:calc(var(--gut) + 12px);top:-.4rem;display:flex;gap:.5rem}.arrow{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;transition:background-color .3s,color .3s,border-color .3s}.arrow:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.arrow svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.2}.arrow[disabled]{opacity:.3;pointer-events:none}.index{padding:1.6rem calc(var(--gut) + 12px) 0}.index-list{border-top:1px solid var(--line)}.index-list li{border-bottom:1px solid var(--line)}.index-list a{display:grid;grid-template-columns:4.4rem minmax(0,1fr) auto 7rem;gap:1.2rem;align-items:baseline;padding:clamp(.9rem,1.8vw,1.6rem) 0;transition:padding .5s var(--ease),color .3s}.index-list a:hover,.index-list a:focus-visible{padding-left:1.6rem;color:var(--seal)}.index-list .n{color:var(--ink-3)}.index-list .t{font:300 clamp(28px,4.4vw,72px)/1.05 var(--f-serif);letter-spacing:-.015em}.index-list .t em{font:400 .32em/1 var(--f-zh);margin-left:1.2em;color:var(--ink-2);letter-spacing:.2em;font-style:normal}html[data-lang="zh"] .index-list .t{font-family:var(--f-zh);letter-spacing:.06em}html[data-lang="zh"] .index-list .t em{font-family:var(--f-serif);letter-spacing:.02em;font-style:italic}.index-list .m{color:var(--ink-2);text-align:right}.index-list .c{color:var(--ink-3);text-align:right}.peek{position:fixed;left:0;top:0;width:min(260px,22vw);z-index:75;pointer-events:none;opacity:0;transition:opacity .25s;will-change:transform}.peek.is-on{opacity:1}.peek .ph{width:100%;box-shadow:var(--shadow)}.cursor-label{position:fixed;left:0;top:0;z-index:76;pointer-events:none;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:var(--ink);color:var(--paper);display:grid;place-items:center;opacity:0;transform:scale(.4);transition:opacity .25s,transform .35s var(--ease);will-change:transform;font-size:9.5px}.cursor-label.is-on{opacity:1;transform:scale(1)}.quote{position:relative;padding:20vh var(--gut) 18vh calc(var(--gut) + 12px);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6vw;align-items:center;border-top:1px solid var(--line)}.quote-en{font:300 italic clamp(44px,8.4vw,150px)/.95 var(--f-serif);letter-spacing:-.03em;max-width:11ch}.quote-en span{display:inline-block}.quote-zh{writing-mode:vertical-rl;font:300 clamp(36px,5vw,92px)/1.2 var(--f-zh);letter-spacing:.2em;color:var(--ink-2);height:fit-content;justify-self:end}.quote-cap{grid-column:1/-1;margin-top:6vh;color:var(--ink-2);display:flex;gap:2rem;flex-wrap:wrap}.feature{padding:13vh calc(var(--gut) + 12px) 12vh;border-top:1px solid var(--line);background:linear-gradient(var(--paper-2),var(--paper-2)) 0 0/100% 100% no-repeat}.feature-head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gut);align-items:end;margin-bottom:7vh}.feature-head .sec-title{grid-column:1/span 7}.feature-head>div{grid-column:9/span 4;color:var(--ink-2);font-size:.92em;line-height:1.5}.cta{display:inline-flex;align-items:center;gap:1rem;margin-top:1.4rem;padding:.9rem 0;border-bottom:1px solid var(--ink);transition:gap .4s var(--ease),color .3s,border-color .3s}.cta:hover{gap:1.8rem;color:var(--seal);border-color:var(--seal)}.frames{position:relative;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2.4rem clamp(8px,1vw,16px)}.frame{position:relative;padding-top:.9rem}.frame::before{content:"";position:absolute;left:0;right:0;top:0;height:7px;color:var(--ink-3);background:repeating-linear-gradient(90deg,currentColor 0 1px,transparent 1px 10%) 0 0/100% 100% no-repeat}.frame .no{position:absolute;left:0;top:-1.05rem;color:var(--ink-3);transition:color .3s}.frame a,.frame button{display:block;width:100%;text-align:left}.frame .ph{aspect-ratio:3/2;width:100%}.frame .ph>img{filter:grayscale(1) contrast(1.06);transition:opacity .9s var(--ease),filter .6s var(--ease),transform .8s var(--ease)}.frame:hover .ph>img,.frame.is-lit .ph>img,.frame:focus-within .ph>img{filter:none}.frame:hover .no,.frame.is-lit .no{color:var(--seal)}.frame figcaption{margin-top:.55rem;font-size:13px;line-height:1.25;color:var(--ink-2)}html[data-lang="zh"] .frame figcaption{font-size:12.5px;line-height:1.5}.frame::after{content:"";position:absolute;left:-7%;right:-7%;top:-4%;bottom:14%;pointer-events:none;opacity:0;transform:scale(.9) rotate(-2.5deg);transition:opacity .4s,transform .6s var(--ease);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 80' preserveAspectRatio='none'%3E%3Cpath d='M16 46C5 24 32 6 66 6s52 18 48 38c-4 22-34 31-66 28C20 69 6 58 10 40' fill='none' stroke='%23B23A2B' stroke-width='1.6' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") center/100% 100% no-repeat}.frame.is-lit::after{opacity:1;transform:scale(1) rotate(-2.5deg)}.thread{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:3}.thread path{fill:none;stroke:var(--seal);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:var(--len,2000);stroke-dashoffset:var(--len,2000);transition:stroke-dashoffset 2.6s var(--ease) .3s}.frames.in .thread path{stroke-dashoffset:0}.thread .head{stroke-dasharray:none;stroke-dashoffset:0;opacity:0;transition:opacity .6s 2.6s}.frames.in .thread .head{opacity:1}.work{padding:calc(var(--head-h) + 7vh) calc(var(--gut) + 12px) 0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut)}.work-main{grid-column:1/-1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut)}.work-info{grid-column:1/span 4;position:sticky;top:calc(var(--head-h) + 5vh);align-self:start;display:flex;flex-direction:column;gap:2.2rem;padding-bottom:6vh}.work-no{color:var(--ink-2);display:flex;gap:1rem;align-items:center}.work-no b{font-weight:400;color:var(--seal)}.work-title{font:300 clamp(40px,5.4vw,96px)/.95 var(--f-serif);letter-spacing:-.025em;overflow-wrap:anywhere;hyphens:manual}.work-title.long{font-size:clamp(34px,4.1vw,70px)}html[data-lang="zh"] .work-title{font-family:var(--f-zh);letter-spacing:.06em;line-height:1.15}.work-alt{display:block;margin-top:.9rem;font:400 italic clamp(18px,1.5vw,26px)/1.2 var(--f-serif);color:var(--ink-3);letter-spacing:0}.work-alt.zhs{font-style:normal;font-family:var(--f-zh);letter-spacing:.25em}html[data-lang="zh"] .work-alt{font-style:italic;font-family:var(--f-serif);letter-spacing:0}.work-meta{display:grid;grid-template-columns:auto 1fr;gap:.55rem 1.4rem;color:var(--ink-2);padding-top:1.4rem;border-top:1px solid var(--line)}.work-meta dt{color:var(--ink-3)}.work-meta dd{color:var(--ink)}.work-info.has-text{position:static}.work-desc{max-width:46ch;color:var(--ink-2);font:400 17.5px/1.65 var(--f-serif);display:flex;flex-direction:column;gap:1em}html[data-lang="zh"] .work-desc{font-family:var(--f-zh);font-size:15px;line-height:1.95;letter-spacing:.02em}.essay{grid-column:6/span 6;max-width:68ch;margin:0 0 14vh;padding-top:6vh;border-top:1px solid var(--line);color:var(--ink-2);font:400 19px/1.7 var(--f-serif)}html[data-lang="zh"] .essay{font-family:var(--f-zh);font-size:15.5px;line-height:2;letter-spacing:.02em}.essay p+p,.essay details p,.essay .essay-credit{margin-top:1.15em}.essay-title{font:300 clamp(26px,2.6vw,40px)/1.15 var(--f-serif);color:var(--ink);letter-spacing:-.01em;margin-bottom:1.4em}html[data-lang="zh"] .essay-title{font-family:var(--f-zh);letter-spacing:.06em}.essay .poem{font-style:italic;color:var(--ink)}.essay .poem .cjk{font-style:normal;font-family:var(--f-zh)}.work-desc.is-clamped{max-height:12.5em;overflow:hidden;-webkit-mask-image:linear-gradient(#000 55%,transparent);mask-image:linear-gradient(#000 55%,transparent)}.desc-more{align-self:flex-start;margin-top:-.8rem;color:var(--ink);border-bottom:1px solid var(--line);padding-bottom:3px}html[data-lang="zh"] .essay .poem{font-style:normal}.essay-more{margin-top:1.4em}.essay-more summary{cursor:pointer;display:inline-block;color:var(--ink);border-bottom:1px solid var(--line);padding-bottom:3px;list-style:none;transition:color .3s,border-color .3s}.essay-more summary::-webkit-details-marker{display:none}.essay-more summary::after{content:" ↓"}.essay-more[open] summary::after{content:" ↑"}.essay-more summary:hover{color:var(--seal);border-color:var(--seal)}.essay-credit{color:var(--ink-3)}.work-links{display:flex;flex-direction:column;gap:.7rem;align-items:flex-start}.work-links a{border-bottom:1px solid var(--line);padding-bottom:3px;transition:color .3s,border-color .3s}.work-links a:hover{color:var(--seal);border-color:var(--seal)}.work-figs{grid-column:6/span 7;display:flex;flex-direction:column;gap:clamp(70px,16vh,170px);padding-bottom:12vh}.fig{display:flex;flex-direction:column;gap:.9rem;align-items:flex-end}.fig:nth-child(even){align-items:flex-start}.fig-frame{position:relative;width:min(100%,calc(84svh * var(--ar)));box-shadow:var(--shadow);cursor:zoom-in;background:var(--c)}.fig-frame .ph{width:100%;aspect-ratio:var(--ar)}.fig-frame.flat{box-shadow:none}.fig figcaption{width:min(100%,calc(84svh * var(--ar)));display:flex;gap:1.2rem;color:var(--ink-2);align-items:baseline}.fig figcaption b{font-weight:400;color:var(--ink-3);flex:none}.fig figcaption span{font-family:var(--f-serif);text-transform:none;letter-spacing:0;font-size:14px;line-height:1.35;color:var(--ink-2)}html[data-lang="zh"] .fig figcaption span{font-family:var(--f-zh);font-size:13px;line-height:1.6}.fig-count{color:var(--ink-3)}.loupe{position:fixed;left:0;top:0;width:190px;height:190px;margin:-95px 0 0 -95px;border-radius:50%;pointer-events:none;z-index:74;background-color:var(--paper-2);background-repeat:no-repeat;border:1px solid var(--ink);box-shadow:0 14px 40px -8px rgba(30,20,10,.45);opacity:0;transform:scale(.6);transition:opacity .25s,transform .35s var(--ease);will-change:transform}.loupe.is-on{opacity:1;transform:scale(1)}.loupe::before,.loupe::after{content:"";position:absolute;background:var(--seal);opacity:.75}.loupe::before{left:50%;top:calc(50% - 9px);width:1px;height:18px}.loupe::after{top:50%;left:calc(50% - 9px);height:1px;width:18px}.loupe span{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);background:var(--paper);color:var(--ink);padding:1px 7px;border-radius:9px;font-size:9px}.video-block{grid-column:1/-1;margin:2vh 0 14vh;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gut)}.video-frame{grid-column:3/span 8;position:relative;aspect-ratio:16/9;background:#0d0c0a;box-shadow:var(--shadow);overflow:hidden}.video-frame video,.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}.video-frame .yt-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.9;transition:opacity .5s,transform 1.2s var(--ease)}.video-frame:hover .yt-poster{opacity:1;transform:scale(1.02)}.play{position:absolute;inset:0;display:grid;place-items:center;color:#f4efe5;z-index:2}.play span{display:grid;place-items:center;width:84px;height:84px;border:1px solid rgba(244,239,229,.75);border-radius:50%;backdrop-filter:blur(4px);background:rgba(20,18,14,.28);transition:transform .5s var(--ease),background-color .4s}.play:hover span{transform:scale(1.08);background:var(--seal);border-color:var(--seal)}.play svg{width:22px;height:22px;fill:currentColor;margin-left:3px}.video-cap{grid-column:3/span 8;display:flex;justify-content:space-between;gap:2rem;color:var(--ink-2);margin-top:-1.2vh}.process{grid-column:1/-1;margin-top:4vh;padding-top:10vh;border-top:1px solid var(--line)}.process-head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gut);align-items:end;margin-bottom:8vh}.process-head .sec-title{grid-column:1/span 7}.process-head p{grid-column:9/span 4;color:var(--ink-2);font-size:.9em;line-height:1.5}.board{display:grid;grid-template-columns:minmax(210px,19%) minmax(0,1fr);gap:calc(var(--gut) * 1.4);align-items:start}.board-index{position:sticky;top:calc(var(--head-h) + 4vh);display:flex;flex-direction:column;gap:.1rem;font-size:15px;line-height:1.3;max-height:calc(100svh - var(--head-h) - 8vh);overflow:auto;scrollbar-width:none}.board-index h3{font:400 11.5px var(--f-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-2);margin-bottom:1rem}.board-index::-webkit-scrollbar{display:none}.board-index li button{display:grid;grid-template-columns:2.2rem 1fr;text-align:left;width:100%;padding:.18rem 0;color:var(--ink-2);transition:color .25s,padding .35s var(--ease)}.board-index li button b{font:400 10.5px var(--f-mono);color:var(--ink-3);padding-top:.35em}.board-index li button:hover,.board-index li.is-lit button{color:var(--seal);padding-left:.5rem}html[data-lang="zh"] .board-index li button{font-size:14px;line-height:1.7}.board .frames{grid-template-columns:repeat(6,minmax(0,1fr))}.work-nav{grid-column:1/-1;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;margin:0 calc((var(--gut) + 12px) * -1)}.work-nav a{display:flex;flex-direction:column;gap:1.2rem;padding:clamp(34px,8vh,90px) calc(var(--gut) + 12px);transition:background-color .5s var(--ease),color .5s}.work-nav a+a{text-align:right;align-items:flex-end;border-left:1px solid var(--line)}.work-nav a:hover{background:var(--ink);color:var(--paper)}.work-nav .t{font:300 italic clamp(30px,4.6vw,78px)/1 var(--f-serif);letter-spacing:-.02em}html[data-lang="zh"] .work-nav .t{font-style:normal;font-family:var(--f-zh);letter-spacing:.06em}.work-nav .mono{color:var(--ink-2)}.work-nav a:hover .mono{color:var(--oat)}.about{padding:calc(var(--head-h) + 9vh) calc(var(--gut) + 12px) 0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut)}.about-head{grid-column:1/-1;display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:9vh;gap:2rem;flex-wrap:wrap}.about-photo{grid-column:1/span 4;position:sticky;top:calc(var(--head-h) + 5vh);align-self:start}.about-photo .ph{aspect-ratio:var(--ar);box-shadow:var(--shadow)}.about-photo figcaption{margin-top:.9rem;color:var(--ink-2)}.about-body{grid-column:6/span 7;font-size:clamp(20px,1.7vw,29px);line-height:1.46;padding-bottom:12vh}.about-body p{margin-bottom:1.35em;text-wrap:pretty}html[data-lang="zh"] .about-body{font-size:clamp(18px,1.45vw,24px);line-height:2}.about-body .lede::first-letter{font-size:3.1em;float:left;line-height:.82;padding:.07em .12em 0 0;color:var(--seal);font-weight:300}html[data-lang="zh"] .about-body .lede::first-letter{all:unset}.about-stone{float:right;width:min(46%,380px);aspect-ratio:var(--ar);shape-outside:url(../img/ui/stone-mask.png);shape-image-threshold:.3;shape-margin:30px;margin:0;position:relative}.about-stone img{width:100%;height:100%;mix-blend-mode:multiply}html[data-theme="ink"] .about-stone img{filter:invert(1);mix-blend-mode:screen}.about-aside{margin-top:7vh;padding-top:2.2rem;border-top:1px solid var(--line);display:grid;grid-template-columns:auto 1fr;gap:.6rem 2rem;color:var(--ink-2);font-size:.62em;clear:both}.about-aside dt{color:var(--ink-3)}.about-aside dd{color:var(--ink)}.contact{padding:calc(var(--head-h) + 9vh) calc(var(--gut) + 12px) 0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut);min-height:100svh}.contact-main{grid-column:1/span 7;display:flex;flex-direction:column;gap:5vh}.contact h1{font:300 clamp(52px,9.4vw,170px)/.88 var(--f-serif);letter-spacing:-.035em}.contact h1 em{font-style:italic;color:var(--ink-3)}html[data-lang="zh"] .contact h1{font-family:var(--f-zh);letter-spacing:.04em;line-height:1.1}.contact-list{display:flex;flex-direction:column;border-top:1px solid var(--line);max-width:640px}.contact-list a,.contact-list div{display:grid;grid-template-columns:7.5rem 1fr auto;gap:1rem;align-items:baseline;padding:1.1rem 0;border-bottom:1px solid var(--line);transition:padding .45s var(--ease),color .3s}.contact-list a:hover{padding-left:1rem;color:var(--seal)}.contact-list .v{font:300 clamp(22px,2.2vw,36px)/1.1 var(--f-serif)}.contact-list .mono{color:var(--ink-3)}.contact-note{max-width:44ch;color:var(--ink-2);font-size:.9em}.contact-art{grid-column:9/span 4;align-self:start;position:sticky;top:calc(var(--head-h) + 5vh)}.contact-art .ph{aspect-ratio:var(--ar);box-shadow:var(--shadow)}.contact-art figcaption{margin-top:.9rem;color:var(--ink-2)}.nf{min-height:100svh;display:grid;place-items:center;text-align:center;padding:var(--gut)}.nf h1{font:300 italic clamp(60px,14vw,240px)/.9 var(--f-serif);letter-spacing:-.03em}.nf p{margin:2rem 0}.lb{position:fixed;inset:0;z-index:120;background:color-mix(in srgb,var(--paper) 97%,transparent);display:none;opacity:0;transition:opacity .35s var(--ease);touch-action:none;user-select:none}.lb.is-open{display:block}.lb.is-vis{opacity:1}.lb-stage{position:absolute;inset:0 0 64px 0;overflow:hidden;display:grid;place-items:center;cursor:grab}.lb-stage.is-pan{cursor:grabbing}.lb-img{max-width:min(94vw,1900px);max-height:calc(100svh - 150px);width:auto;height:auto;transform-origin:50% 50%;will-change:transform;-webkit-user-drag:none;box-shadow:var(--shadow);background:var(--paper-2)}.lb-bar{position:absolute;left:0;right:0;bottom:0;height:64px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 calc(var(--gut) + 6px);border-top:1px solid var(--line);color:var(--ink-2);gap:1rem}.lb-cap{font:400 14px/1.3 var(--f-serif);text-transform:none;letter-spacing:0;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html[data-lang="zh"] .lb-cap{font-family:var(--f-zh);font-size:13px}.lb-nav{display:flex;gap:.6rem;align-items:center;justify-self:center}.lb-count{min-width:5.5em;text-align:center;font-variant-numeric:tabular-nums}.lb-top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;padding:18px calc(var(--gut) + 6px);z-index:2;pointer-events:none}.lb-top>*{pointer-events:auto}.lb-close{display:flex;align-items:center;gap:.7rem}.lb-close i{position:relative;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;transition:background-color .3s,border-color .3s}.lb-close i::before,.lb-close i::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:1px;background:currentColor;transform:translate(-50%,-50%) rotate(45deg)}.lb-close i::after{transform:translate(-50%,-50%) rotate(-45deg)}.lb-close:hover i{background:var(--ink);border-color:var(--ink);color:var(--paper)}.lb-zoom{justify-self:end;display:flex;gap:1rem;align-items:center}.lb-zoom button{padding:.3em .2em;color:var(--ink-2)}.lb-zoom button:hover{color:var(--seal)}.ph{display:block}.fig-frame .ph{display:block}.nav .tools{display:flex;align-items:center;gap:clamp(.9rem,2vw,2rem)}.th-ink,.th-paper{display:inline}html[data-theme="ink"] .th-ink,html:not([data-theme="ink"]) .th-paper{display:none}.nav .tg[aria-pressed="true"]{color:var(--ink)}[hidden]{display:none!important}html[data-lang="zh"] :is(.sec-title,.foot-mark,.contact h1,.nf h1,.quote-en,.work-nav .t,.plate-title) em{font-style:normal}html[data-lang="zh"] .nf h1{font-family:var(--f-zh);letter-spacing:.06em}html[data-lang="zh"] .sec-title{font-family:var(--f-zh);font-weight:300;letter-spacing:.04em;line-height:1.1}html[data-lang="zh"] .foot-mark{font-family:var(--f-zh);letter-spacing:.02em}html[data-lang="zh"] .hero-name{font-family:var(--f-zh);font-weight:300;letter-spacing:0}.cursor-label[data-kind="view"]::before{content:"View"}.cursor-label[data-kind="drag"]::before{content:"Drag"}html[data-lang="zh"] .cursor-label[data-kind="view"]::before{content:"查看"}html[data-lang="zh"] .cursor-label[data-kind="drag"]::before{content:"拖动"}.cursor-label{letter-spacing:.1em}.work-no .fig-count{margin-left:auto}.fig figcaption.mono{font-size:11px}.frame button{cursor:zoom-in}.frame figcaption{font-family:var(--f-serif)}html[data-lang="zh"] .frame figcaption{font-family:var(--f-zh)}.board-index ol{display:flex;flex-direction:column}.video-frame[data-yt] .yt-poster{cursor:pointer}.foot-col.mono a,.foot-col.mono span{font-size:11.5px}html[data-lang="zh"] .foot-col.mono{font-size:12.5px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media (max-width:1100px){.frames{grid-template-columns:repeat(5,minmax(0,1fr))}.board .frames{grid-template-columns:repeat(4,minmax(0,1fr))}.index-list a{grid-template-columns:3.4rem minmax(0,1fr) 6rem}.index-list .m{display:none}}@media (max-width:900px){:root{--head-h:56px}.reg-tr,.reg-bl{display:none}.chrome{grid-template-columns:1fr auto;padding:0 var(--gut)}.where{display:none}.nav{position:fixed;inset:0;z-index:69;justify-self:stretch;align-self:stretch;flex-direction:column;align-items:flex-start;justify-content:center;gap:1.6rem;padding:0 calc(var(--gut) + 10px);background:var(--paper);opacity:0;visibility:hidden;transition:opacity .45s var(--ease),visibility 0s .45s}.nav a.nl{font:300 italic clamp(44px,13vw,76px)/1 var(--f-serif);letter-spacing:-.02em;text-transform:none}html[data-lang="zh"] .nav a.nl{font-style:normal;font-family:var(--f-zh);letter-spacing:.08em}.nav .sep{display:none}.nav .tools{display:flex;gap:2rem;margin-top:2rem}.menu-open .nav{opacity:1;visibility:visible;transition:opacity .45s var(--ease)}.menu-btn{display:inline-flex;align-items:center;gap:.7rem;position:relative;z-index:71;justify-self:end}.menu-btn i{position:relative;width:26px;height:9px}.menu-btn i::before,.menu-btn i::after{content:"";position:absolute;left:0;right:0;height:1px;background:currentColor;transition:transform .4s var(--ease)}.menu-btn i::before{top:0}.menu-btn i::after{bottom:0}.menu-open .menu-btn i::before{transform:translateY(4px) rotate(45deg)}.menu-open .menu-btn i::after{transform:translateY(-4px) rotate(-45deg)}.menu-open .chrome{transform:none!important}.hero{grid-template-rows:auto auto auto auto;min-height:100svh;padding-bottom:3svh}.hero-kicker{grid-column:1/-1;grid-row:1;padding-left:0}.hero-name{grid-column:1/-1;grid-row:2;font-size:clamp(64px,22vw,150px);align-self:start;margin-top:3svh}.hero-stage{grid-column:1/-1;grid-row:3;height:min(54svh,520px);margin-top:-5svh}.hero-seal{top:calc(var(--head-h) + 11svh);width:48px;height:48px;--seal-stroke:8px;--seal-frame:28px}.hero-foot{grid-row:4;padding-left:0;padding-right:0}.scroll-cue i{height:30px}.works-head{flex-direction:column;align-items:flex-start;padding-left:calc(var(--gut) + 2px)}.plates-track{--plate-h:min(52svh,440px);padding-left:var(--gut);padding-right:var(--gut)}.plates-arrows{display:none}.plate figure{height:auto;width:min(80vw,calc(var(--plate-h) * var(--ar)))}.ruler{margin-left:var(--gut);margin-right:var(--gut)}.ruler-ticks button:nth-child(even){display:none}.index{padding-left:var(--gut);padding-right:var(--gut)}.index-list a{grid-template-columns:2.6rem minmax(0,1fr) auto}.index-list .c{display:none}.index-list .t em{display:block;margin:.5em 0 0}.peek,.cursor-label,.loupe{display:none}.quote{grid-template-columns:1fr;padding-top:14vh;padding-bottom:12vh;padding-left:var(--gut);padding-right:var(--gut)}.quote-zh{justify-self:start;font-size:clamp(36px,11vw,70px);height:auto}.feature{padding-left:var(--gut);padding-right:var(--gut)}.feature-head,.process-head{grid-template-columns:1fr}.feature-head .sec-title,.feature-head>div,.process-head .sec-title,.process-head p{grid-column:1/-1}.frames,.board .frames{grid-template-columns:repeat(3,minmax(0,1fr))}.foot{grid-template-columns:1fr 1fr;padding-top:9vh}.foot-col,.foot-col.c,.foot-col.r{grid-column:span 1;align-items:flex-start;text-align:left}.foot-col.c{grid-column:1/-1;order:3}.work{display:block;padding-left:var(--gut);padding-right:var(--gut)}.work-main{display:block}.work-info{position:static;margin-bottom:5vh;gap:1.4rem;padding-bottom:0}.work-figs{gap:7vh;padding-bottom:8vh}.essay{grid-column:1/-1;margin-bottom:9vh;font-size:16px}.fig,.fig:nth-child(even){align-items:stretch}.fig-frame,.fig figcaption{width:100%}.video-frame,.video-cap{grid-column:1/-1}.board{grid-template-columns:1fr}.board-index{display:none}.work-nav{margin:0 calc(var(--gut) * -1);grid-template-columns:1fr}.work-nav a+a{border-left:0;border-top:1px solid var(--line)}.about,.contact{display:block;padding-left:var(--gut);padding-right:var(--gut)}.about-photo{position:static;max-width:340px;margin-bottom:6vh}.about-stone{width:42%;shape-margin:16px}.contact-art{position:static;margin-top:8vh;max-width:340px}.contact-list a,.contact-list div{grid-template-columns:5.4rem 1fr}.contact-list .arr{display:none}.lb-bar{grid-template-columns:1fr auto}.lb-zoom{display:none}}@media (max-width:520px){.hero-hint{max-width:22ch}.hero-foot{align-items:flex-end}.frames,.board .frames{gap:1.8rem 8px}}@media (hover:none){.plate{--s:.94;--o:.9}.loupe,.peek,.cursor-label{display:none}.fig-frame{cursor:pointer}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-delay:0s!important;transition-duration:.001ms!important;transition-delay:0s!important}.rv{opacity:1;transform:none}.thread path{stroke-dashoffset:0}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}@media print{.reg,.chrome,.lb,.loupe,.peek,.cursor-label,body::after{display:none!important}body{background:#fff;color:#000}}@font-face{font-family:"Noto Serif SC";font-style:normal;font-weight:300;font-display:swap;src:url(../fonts/noto-serif-sc-300.woff2) format("woff2")}@font-face{font-family:"Noto Serif SC";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/noto-serif-sc-400.woff2) format("woff2")}