:root{font-family:Arial,Helvetica,PingFang SC,Microsoft YaHei,sans-serif;color:#141414;background:#efefed;--pink:#f3a4e2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit;cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #141414;outline-offset:5px}::selection{background:var(--pink)}[hidden]{display:none!important}.skip{position:fixed;top:-70px;background:var(--pink);padding:15px;z-index:100}.skip:focus{top:0}.work-header{height:80px;padding:24px 3.2vw;display:flex;justify-content:space-between;align-items:center;background:#efefedf5;position:sticky;top:0;z-index:20;border-bottom:1px solid #14141418}.wordmark{font-size:30px;font-weight:800;letter-spacing:-.07em;line-height:1}.wordmark sup{font-size:10px;vertical-align:top;letter-spacing:0;margin-left:4px}.work-header nav{display:flex;gap:28px;font-size:12px}.work-header nav a[aria-current]{background:var(--pink)}.work-header nav a{padding:4px}.work-header nav a:hover{text-decoration:underline}main{padding:0 3.2vw;scroll-margin-top:100px}.index-intro{padding:45px 0 40px}.index-kicker,.index-intro-foot{display:flex;justify-content:space-between;gap:20px;font-size:12px}.index-kicker>span:first-child{background:var(--pink);padding:4px}.index-title{display:flex;align-items:start;justify-content:space-between;gap:20px;padding:32px 0 26px}h1{font-size:clamp(54px,12vw,200px);line-height:.86;letter-spacing:-.075em;font-weight:800;margin:0}.total{font-size:clamp(30px,4vw,66px);letter-spacing:-.06em;line-height:1;background:var(--pink);padding:10px 14px}.total small{display:block;font-size:10px;letter-spacing:0;line-height:2}.index-intro-foot{border-top:1px solid #999;padding-top:16px}.index-intro-foot p{margin:0;font-size:14px}.index-toolbar{position:sticky;top:80px;z-index:10;background:#efefedf7;border-top:1px solid #141414;border-bottom:1px solid #999;padding:16px 0}.categories{display:flex;flex-wrap:wrap;gap:8px 20px}.categories button{background:none;border:0;padding:6px 0;font-size:12px;text-align:left}.categories button sup{font-size:9px;margin-left:5px}.categories button[aria-pressed=true]{background:var(--pink);padding-left:7px;padding-right:7px}.index-tools{display:flex;justify-content:space-between;margin-top:12px;align-items:center;font-size:12px}.motion-filter{display:flex;gap:7px;align-items:center;cursor:pointer}.motion-filter input{accent-color:#141414;width:13px;height:13px;margin:0}.view-options{display:flex;gap:4px}.view-options button{border:0;background:none;padding:5px 10px;font-size:12px}.view-options button[aria-pressed=true]{background:#141414;color:#efefed}.results-bar{display:flex;justify-content:space-between;font-size:10px;color:#666;padding:20px 0}.archive{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 24px}.project-visual{aspect-ratio:16/9;overflow:hidden;background:#dededb;position:relative}.project-visual>a,.project-visual>button{display:block;padding:0;width:100%;height:100%;border:0;background:none;text-align:left}.project-visual img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .5s cubic-bezier(.22,1,.36,1)}.project-visual:hover img{transform:scale(1.025)}.image-action{position:absolute;right:12px;bottom:12px;font-size:11px;padding:8px 10px;background:var(--pink);opacity:0;transform:translateY(5px);transition:.2s}.project-visual:hover .image-action,.project-visual:focus-within .image-action{opacity:1;transform:none}.project-caption{display:grid;grid-template-columns:23px 1fr auto;gap:10px;margin-top:14px;align-items:start}.project-number{font-size:10px;color:#666;padding-top:4px}.project-caption h2{font-size:15px;font-weight:500;margin:0;line-height:1.3}.project-caption h2 button{font:inherit;text-align:left;background:none;border:0;padding:0}.project-caption h2 a:hover,.project-caption h2 button:hover{text-decoration:underline}.project-caption p{font-size:11px;color:#666;margin:7px 0 0}.motion-tag{font-size:8px;border:1px solid #aaa;padding:4px;white-space:nowrap}.archive[data-layout=list]{display:block}.archive[data-layout=list] article:not([hidden]){display:grid;grid-template-columns:180px 1fr;align-items:center;border-bottom:1px solid #aaa;padding:20px 0;gap:32px}.archive[data-layout=list] .project-caption{margin:0;grid-template-columns:45px 1fr auto}.archive[data-layout=list] .project-caption h2{font-size:clamp(18px,2vw,32px)}.archive[data-layout=list] .project-caption p{font-size:12px}.archive[data-layout=list] .project-visual{width:180px}.empty{text-align:center;padding:80px 20px}.empty button{border:0;padding:10px 15px;background:var(--pink)}.index-end{display:flex;justify-content:space-between;margin-top:65px;border-top:1px solid #141414;padding:22px 0 60px;font-size:11px}.index-footer{background:#141414;color:#efefed;padding:45px 3.2vw;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px}.index-footer p{color:var(--pink);font-size:36px;letter-spacing:-.05em;margin:0}.project-dialog{padding:22px;border:0;background:#efefed;width:min(1200px,94vw);max-height:92svh;color:#141414}.project-dialog::backdrop{background:#141414dc;backdrop-filter:blur(6px)}.preview-bar{display:flex;justify-content:space-between;align-items:center;font-size:11px;padding-bottom:18px}.preview-bar button{background:var(--pink);border:0;padding:10px}.preview-image{display:block;width:100%;max-height:65svh;object-fit:contain;background:#dededb}.preview-caption{display:flex;align-items:end;justify-content:space-between;gap:20px;padding-top:20px}.preview-caption h2{font-size:24px;margin:0;font-weight:500}.preview-caption p,.preview-caption>span{font-size:12px;color:#666}.preview-open{overflow:hidden}@media(max-width:1100px){.archive{grid-template-columns:repeat(2,minmax(0,1fr))}.categories{gap:6px 14px}.motion-tag{font-size:7px}}@media(max-width:700px){.work-header{padding:16px 20px;height:96px;align-items:start}.wordmark{font-size:24px}.work-header nav{gap:5px;font-size:10px;flex-wrap:wrap;justify-content:end;max-width:180px}main{padding:0 20px}.index-intro{padding:28px 0}.index-kicker>span:last-child{display:none}.index-title{padding:24px 0}.total{font-size:24px;padding:6px}.total small{font-size:7px}.index-intro-foot,.index-intro-foot p{font-size:11px}.index-toolbar{top:96px;padding:10px 0}.categories{gap:5px 13px;flex-wrap:nowrap;overflow:auto;padding-bottom:5px}.categories button{white-space:nowrap;font-size:11px}.results-bar{font-size:9px}.results-bar>span:last-child{display:none}.archive{grid-template-columns:1fr;gap:30px}.project-caption h2{font-size:16px}.motion-tag{font-size:8px}.index-footer{align-items:start;flex-direction:column;padding:35px 20px}.archive[data-layout=list] article:not([hidden]){grid-template-columns:90px 1fr;gap:15px}.archive[data-layout=list] .project-visual{width:90px}.archive[data-layout=list] .project-caption{grid-template-columns:1fr}.archive[data-layout=list] .project-number,.archive[data-layout=list] .motion-tag{display:none}.archive[data-layout=list] .project-caption h2{font-size:15px}.project-dialog{padding:14px}.preview-caption{align-items:start;flex-direction:column}.preview-caption h2{font-size:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}.project-visual:hover img{transform:none}}main{margin-left:28%;padding:24px 1.8vw 0 0;scroll-margin-top:20px}.index-rail{position:fixed;left:1.5%;top:170px;bottom:28px;width:25%;pointer-events:none}.rail-total{position:absolute;top:35%;display:flex;align-items:start;gap:18px}.rail-total>span{color:#fff;font-size:clamp(100px,12vw,210px);font-weight:600;letter-spacing:-.08em;line-height:.85}.rail-total small{background:var(--pink);font-size:12px;padding:7px 18px;margin-top:4px}.rail-note{position:absolute;bottom:0;font-size:14px;line-height:1.4}.rail-note p{margin:8px 0}.index-toolbar{top:0;padding:0 0 20px;border-top:0;min-height:75px;display:flex;align-items:center}.categories{display:grid;grid-template-columns:auto repeat(4,1fr);gap:10px;width:100%}.categories button{position:relative;font-size:clamp(10px,.95vw,16px);padding:6px;line-height:1.25;align-self:start}.categories button span{display:block}.categories .category-cn{font-size:.88em;color:#666;margin-top:7px}.categories button sup{position:absolute;right:1px;top:0;font-size:8px}.categories button[aria-pressed=true]{padding:6px}.project-caption{grid-template-columns:18px minmax(0,1fr) minmax(0,1fr);gap:8px}.project-caption h2,.project-caption .project-tagline{font-size:clamp(11px,.9vw,16px);line-height:1.4}.project-caption .project-tagline{color:#777;text-align:right;margin:0}.project-caption p{font-size:10px}.archive{gap:34px 20px;grid-template-columns:repeat(3,minmax(0,1fr))}.index-footer{margin-left:28%;padding:35px 1.8vw 35px 0;background:#efefed;color:#141414;border-top:1px solid #999}.index-footer p{font-size:26px;color:#141414}.index-end{padding-bottom:25px}@media(max-width:1100px)and (min-width:901px){.archive{gap:25px 14px}.project-caption{grid-template-columns:15px 1fr}.project-caption .project-tagline{grid-column:2;text-align:right}.rail-total{gap:10px}.rail-total small{padding:6px 8px;font-size:10px}}@media(max-width:900px){main{margin:0;padding:15px 20px 0}.index-rail{position:relative;inset:auto;width:auto;margin:20px;display:flex;justify-content:space-between;align-items:end;gap:20px}.rail-total,.rail-note{position:static}.rail-total>span{font-size:80px}.rail-total small{font-size:10px;padding:6px 10px}.rail-note{font-size:11px;text-align:right}.index-toolbar{top:92px;min-height:70px}.categories{display:flex;overflow:auto;gap:14px}.categories button{flex-shrink:0;font-size:11px;white-space:nowrap;padding-right:12px}.categories button[aria-pressed=true]{padding-right:12px}.archive{grid-template-columns:repeat(2,minmax(0,1fr))}.project-caption{grid-template-columns:18px 1fr}.project-caption .project-tagline{grid-column:2;text-align:right;font-size:12px}.project-caption h2{font-size:13px}.index-footer{margin:0 20px;padding:30px 0}}@media(max-width:550px){.archive{grid-template-columns:1fr}.project-caption{grid-template-columns:18px 1fr 1fr}.project-caption .project-tagline{grid-column:auto}}.categories{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.categories button{flex:0 1 auto;min-width:0;padding:7px 6px}.categories button[aria-pressed=true]{padding:7px 6px}.categories .category-cn{font-size:clamp(12px,1vw,18px);color:#141414;margin:0;line-height:1.35}.categories .category-en{font-size:clamp(9px,.78vw,13px);color:#777;margin-top:6px;line-height:1.3}@media(max-width:900px){.categories{gap:20px;justify-content:space-between}.categories button{flex-shrink:0}.categories .category-cn{font-size:13px}.categories .category-en{font-size:10px}}.rail-total{display:flex;flex-direction:column;align-items:stretch;gap:14px;width:92%;top:50%;transform:translateY(-50%)}.rail-total>span{display:block;font-size:min(24vw,43svh);font-weight:600;line-height:.8;letter-spacing:-.085em;color:#f7f7f7;font-variant-numeric:tabular-nums;white-space:nowrap}.rail-total small{display:block;width:100%;margin:0;padding:7px 0;background:var(--pink);text-align:center;font-size:12px;line-height:1.2}@media(max-width:900px){.rail-total{width:150px;flex-shrink:0;transform:none;gap:9px}.rail-total>span{font-size:150px}.rail-total small{font-size:10px;padding:6px 0}}@media(max-width:450px){.rail-total{width:120px}.rail-total>span{font-size:120px}}.project-caption .project-tagline{white-space:nowrap;min-width:0}.personal-gallery{columns:5;column-gap:14px;background:transparent}.personal-gallery article{break-inside:avoid;display:inline-block;vertical-align:top;width:100%;margin:0 0 22px;background:transparent}.personal-image{display:block;width:100%;padding:0;border:0;background:transparent;overflow:hidden;border-radius:12px}.personal-image img{display:block;width:100%;height:auto;transition:transform .3s ease}.personal-image:hover img{transform:scale(1.02)}.personal-title{margin:8px 0 0;font-size:11px;font-weight:400;line-height:1.5;text-align:left}.personal-title button{padding:0;border:0;background:transparent;text-align:left;font:inherit}@media(max-width:1200px){.personal-gallery{columns:4}}@media(max-width:1000px){.personal-gallery{columns:3}}@media(max-width:600px){.personal-gallery{columns:2;column-gap:12px}}@media(prefers-reduced-motion:reduce){.personal-image:hover img{transform:none}}