:root{--paper:#faf9f6;--ink:#242522;--muted:#777a73;--line:#e1e0da;--sage:#778a7b;--sage-light:#e9ede6;--orange:#b98d6f;--serif:Georgia,"Times New Roman",serif;--sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.8}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--sage);outline-offset:4px}::selection{background:#c9d7ca}.wrap{width:min(1184px,100% - 112px);margin-inline:auto}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:90px;display:flex}.brand{white-space:nowrap;align-items:baseline;gap:13px;display:flex}.brand-cn{letter-spacing:.15em;font-size:16px;font-weight:650}.brand-en{color:#8a8b83;font:11px var(--serif);letter-spacing:.18em}.nav{letter-spacing:.05em;gap:38px;font-size:13px;display:flex}.nav a{transition:color .3s;position:relative}.nav a:after{content:"";background:var(--sage);height:1px;transition:right .25s;position:absolute;bottom:-8px;left:0;right:100%}.nav a:hover{color:var(--sage)}.nav a:hover:after{right:0}.hero{border-bottom:1px solid var(--line);grid-template-columns:1.05fr .95fr;align-items:center;gap:9%;min-height:650px;padding-block:78px 95px;display:grid}.eyebrow{font:11px var(--serif);letter-spacing:.18em;color:var(--sage);text-transform:uppercase}.hero h1{letter-spacing:.07em;white-space:nowrap;margin:28px 0 30px;font-size:clamp(33px,3.3vw,51px);font-weight:450;line-height:1.68}.hero-desc{color:#686b65;letter-spacing:.035em;max-width:430px;font-size:14px;line-height:2.2}.actions{align-items:center;gap:30px;margin-top:40px;display:flex}.link-primary{border-bottom:1px solid var(--ink);align-items:center;gap:15px;padding:0 1px 8px;font-size:13px;display:inline-flex}.link-secondary{color:#777a73;font-size:13px}.arrow{font-family:var(--serif);font-size:19px;font-weight:400}.hero-art{isolation:isolate;width:100%;height:470px;position:relative}.art-paper{background:#e9ede8;position:absolute;inset:8px 18px 8px 20px;overflow:hidden}.art-paper svg{width:100%;height:100%;display:block}.art-paper:after{content:"";opacity:.22;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox=\"0 0 100 100\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cfilter id=\"n\"%3E%3CfeTurbulence type=\"fractalNoise\" baseFrequency=\"0.8\" numOctaves=\"3\" stitchTiles=\"stitch\"/%3E%3C/filter%3E%3Crect width=\"100%25\" height=\"100%25\" filter=\"url(%23n)\" opacity=\".12\"/%3E%3C/svg%3E");position:absolute;inset:0}.art-float{z-index:-1;border:1px solid #d3dad1;width:85px;height:85px;animation:8s ease-in-out infinite alternate drift;position:absolute;top:-14px;left:-12px}.corner-dot{background:#8ba79a;border-radius:50%;width:5px;height:5px;animation:6s ease-in-out infinite alternate float;position:absolute;top:72px;right:5px;box-shadow:-11px 43px #b3d0c6,-30px 22px #9dada9,6px 60px #c7afa1}.art-tag{color:#fff;font:11px var(--serif);letter-spacing:.14em;text-shadow:0 1px 10px #66766a;position:absolute;bottom:24px;right:30px}.art-caption{color:#f5f7f3;font:10px var(--serif);letter-spacing:.18em;position:absolute;top:19px;left:38px}.side-caption{transform-origin:0 0;color:#8a9187;font:10px var(--serif);letter-spacing:.2em;position:absolute;bottom:0;left:-5px;transform:rotate(-90deg)}.section{border-bottom:1px solid var(--line);padding-block:78px 86px;scroll-margin-top:25px}.section-head{justify-content:space-between;align-items:center;gap:20px;margin-bottom:36px;display:flex}.section-title{letter-spacing:.09em;margin:0;font-size:22px;font-weight:550}.section-index{font:12px var(--serif);color:#8e918a;letter-spacing:.08em}.section-intro{color:#777b73;max-width:620px;margin:-11px 0 35px;font-size:14px;line-height:2.1}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;display:grid}.project-card{transition:transform .3s;display:block}.project-card:hover{transform:translateY(-4px)}.project-card .thumb{height:305px;position:relative;overflow:hidden}.thumb.snap{background:#e6ebe7}.thumb.inpaint{background:#eae6e1}.thumb.portfolio{background:#e8ebe7}.thumb.onepick{background:#e8e3df}.project-art{justify-content:center;align-items:center;height:100%;display:flex}.tag{color:#6a7168;letter-spacing:.08em;font-size:11px;display:inline-block}.project-meta{justify-content:space-between;align-items:center;gap:9px;margin-top:17px;display:flex}.project-name{letter-spacing:.03em;margin:7px 0 5px;font-size:19px;font-weight:550}.project-desc{color:#767a72;max-width:520px;margin:0;font-size:13px;line-height:1.9}.project-status{color:#788578;white-space:nowrap;font-size:11px}.mini-card{background:#fdfdfb;border:1px solid #c3cdc5;flex-direction:column;width:75%;height:70%;padding:12px;display:flex;box-shadow:0 11px 27px #899e9220}.mini-card-head{height:18px;font:8px var(--serif);letter-spacing:.12em;color:#779080;border-bottom:1px solid #dfe4df;align-items:center;gap:4px;display:flex}.mini-dot{background:#aebbb0;border-radius:50%;width:4px;height:4px}.tile-grid{flex:1;grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(8,1fr);gap:4px;padding-top:12px;display:grid}.tile-grid span{background:#d2ddd2}.tile-grid span:nth-child(5n+1){background:#aebeb0}.tile-grid span:nth-child(7n+2){background:#e4e9e2}.tile-grid span:nth-child(11n+3){background:#95a99a}.inpaint-visual{justify-content:center;align-items:center;height:100%;display:flex;position:relative}.face{background:#d3c2b4;border-radius:90px 90px 45px 45px;width:185px;height:222px;position:relative;overflow:hidden}.face:before{content:"";background:#77695e;border-radius:45%;width:240px;height:120px;position:absolute;top:-30px;left:-25px}.face:after{content:"";border-bottom:2px solid #ae8a7e;border-radius:50%;width:42px;height:8px;position:absolute;top:127px;left:72px}.mask-window{background:#d9c9b855;border:1px solid #f6f9f4;width:105px;height:145px;position:absolute;top:24%;right:26%;box-shadow:0 0 0 1px #7e968a}.mask-window:after{content:"REPAIR  /  01";color:#6b796d;font:9px var(--serif);white-space:nowrap;letter-spacing:.1em;position:absolute;bottom:-22px;left:0}.portfolio-visual{justify-content:center;align-items:center;height:100%;display:flex;position:relative}.port-sheet{background:#f8f8f4;border:8px solid #f8f8f4;width:55%;height:76%;position:relative;overflow:hidden;transform:rotate(-5deg);box-shadow:0 13px 30px #5c6c5b20}.port-sheet:before{content:"";background:linear-gradient(160deg,#a9b4aa 0 38%,#e1dbcf 38% 58%,#b3bfc0 58%);position:absolute;inset:0}.port-sheet:after{content:"VISUAL STUDIES";font:8px var(--serif);letter-spacing:.16em;color:#4d5550;position:absolute;bottom:9px;left:10px}.port-line{background:#a4aca3;width:39%;height:1px;position:absolute;top:50%;right:7%;transform:rotate(10deg)}.onepick-art{justify-content:center;align-items:center;width:80%;height:80%;display:flex;position:relative}.onepick-photo{background:linear-gradient(155deg,#a3adac 0 32%,#b5a99d 33% 58%,#737d78 59%);border:8px solid #fff;width:52%;height:68%;position:absolute;transform:rotate(-12deg)translate(-20px);box-shadow:0 6px 18px #7e786f26}.onepick-photo:nth-child(2){background:linear-gradient(155deg,#c1c8c1 0 32%,#cbbfb4 33% 58%,#9aa59d 59%);transform:rotate(9deg)translate(30px)}.onepick-word{font:12px var(--serif);color:#55595a;letter-spacing:.14em;background:#f6f4ef;padding:6px 15px;position:absolute;bottom:5%;left:40%}.note-list{margin-top:20px}.note{border-top:1px solid var(--line)}.note:last-child{border-bottom:1px solid var(--line)}.note summary{cursor:pointer;grid-template-columns:65px 1fr 110px 25px;align-items:center;gap:12px;padding:24px 4px;list-style:none;display:grid}.note summary::-webkit-details-marker{display:none}.note-number{font:12px var(--serif);color:#939790}.note-title{letter-spacing:.025em;font-size:16px;font-weight:500}.note-date{font:11px var(--serif);color:#8c908a}.note-arrow{color:#92988e;font-size:20px;transition:transform .3s}.note[open] .note-arrow{transform:rotate(45deg)}.note-content{color:#74786f;max-width:740px;padding:0 0 30px 81px;font-size:14px;line-height:2.2}.note-content p{margin:0 0 14px}.about-layout{grid-template-columns:1fr 1fr;align-items:start;gap:13%;display:grid}.about-big{letter-spacing:.04em;max-width:380px;font-size:29px;font-weight:500;line-height:1.85}.about-body{color:#6f746c;font-size:14px;line-height:2.3}.about-body p:first-child{margin-top:0}.about-stamp{font:11px var(--serif);letter-spacing:.16em;color:#999a90;margin-top:25px}.foot{color:#898b84;justify-content:space-between;align-items:center;gap:20px;padding-block:30px 45px;font-size:12px;display:flex}.icp{border-bottom:1px solid #a9aaa2}.foot .en{font-family:var(--serif);letter-spacing:.06em}@keyframes float{to{transform:translateY(-11px)}}@keyframes drift{to{transform:rotate(8deg)translateY(14px)}}@keyframes appear{0%{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}.hero-copy{animation:.9s both appear}.hero-art{animation:1.2s .2s both appear}@media (width<=850px){.wrap{width:min(100% - 48px,1184px)}.topbar{height:77px}.hero{gap:4%;min-height:540px;padding-block:45px 65px}.hero h1{font-size:clamp(26px,3.6vw,34px)}.hero-art{height:350px}.project-card .thumb{height:250px}.nav{gap:20px}.section{padding-block:58px 64px}}@media (width<=640px){.wrap{width:calc(100% - 36px)}.topbar{align-items:center;height:72px}.brand{display:block}.brand-cn{font-size:14px}.brand-en{margin-top:-5px;font-size:9px;display:block}.nav{gap:13px;font-size:11px}.nav a:first-child{display:none}.hero{flex-direction:column;align-items:stretch;gap:28px;padding-block:61px 48px;display:flex}.hero h1{letter-spacing:.025em;margin:20px 0;font-size:clamp(25px,6.1vw,34px);line-height:1.65}.hero-desc{font-size:13px;line-height:2}.actions{gap:23px;margin-top:27px}.hero-art{align-self:center;max-width:420px;height:350px}.art-paper{inset:0 8px}.art-float{left:-5px}.side-caption{display:none}.section{padding-block:50px 57px}.section-head{margin-bottom:23px}.section-title{font-size:20px}.project-grid{grid-template-columns:1fr;gap:32px}.project-card .thumb{height:260px}.project-meta{margin-top:12px}.project-name{font-size:18px}.section-intro{margin-bottom:27px}.note summary{grid-template-columns:33px 1fr 16px;gap:8px;padding:21px 2px}.note-title{font-size:14px}.note-date{display:none}.note-content{padding:0 4px 20px 42px;font-size:13px}.about-layout{grid-template-columns:1fr;gap:17px}.about-big{font-size:24px}.foot{flex-direction:column;align-items:flex-start;gap:7px}.eyebrow{font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root{--muted:#656960}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:20;background:var(--paper);border:1px solid var(--ink);padding:10px 16px;position:absolute;top:8px;left:12px;transform:translateY(-180%)}.skip-link:focus{transform:none}.review-banner{text-align:center;background:var(--sage-light);color:#4d6152;letter-spacing:.03em;padding:7px 18px;font-size:11px}.review-banner span{margin-inline:8px}.nav a{align-items:center;min-height:44px;display:inline-flex}.nav a[aria-current=page]{color:#536b57}.hero h1{white-space:nowrap}.foot-dot{margin-inline:12px}@media (width<=640px){.nav a:first-child{display:inline-flex}.topbar{flex-wrap:wrap;gap:5px 16px;height:auto;min-height:90px;padding-block:13px 6px}.nav{gap:20px;font-size:12px}.hero h1{white-space:normal;font-size:clamp(23px,6.1vw,34px)}}.section-en{font:normal 13px var(--serif);color:#686f64;letter-spacing:0;margin-left:10px}.section-more{color:#596a58;border-bottom:1px solid var(--line);margin-top:34px;padding-bottom:5px;font-size:12px;display:inline-block}.project-subtitle{color:#646d61;font-size:13px;font-weight:400}.mini-card-label{margin-left:9px}.project-desc,.section-intro,.hero-desc,.about-body{color:#62675e}.tag{color:#5e685a}.project-status{color:#536b57}.project-card:focus-visible{outline:2px solid var(--sage);outline-offset:7px}.page-head{max-width:760px;padding:77px 0 55px}.page-head h1{letter-spacing:.07em;margin:17px 0 20px;font-size:clamp(29px,4vw,42px);font-weight:500;line-height:1.6}.page-head>p:last-child{color:#62695e;font-size:14px;line-height:2.1}.page-grid{border-bottom:1px solid var(--line);padding-bottom:80px}.editorial-empty{color:#62695e;max-width:630px;padding-block:12px 65px;font-size:14px;line-height:2.1}.article-page{max-width:760px;margin-inline:auto;padding:47px 0 65px}.back-link{color:#596a58;align-items:center;min-height:44px;font-size:12px;display:inline-flex}.article-head{border-bottom:1px solid var(--line);margin-top:38px;padding-bottom:30px}.article-head h1{letter-spacing:.04em;overflow-wrap:anywhere;margin:20px 0 19px;font-size:clamp(28px,3.4vw,42px);font-weight:500;line-height:1.7}.article-deck{color:#62695e;font-size:15px;line-height:2.1}.detail-status{color:#656b60;margin:22px 0 0;font-size:11px}.detail-status span{color:#536b57;margin-left:16px}.review-note{border-left:2px solid var(--sage);color:#54664f;background:#eff0e9;margin:28px 0 36px;padding:15px 18px;font-size:12px;line-height:1.9}.review-note strong{margin-bottom:4px;font-weight:500;display:block}.prose{color:#4e554b;overflow-wrap:anywhere;font-size:15px;line-height:2.2}.prose h2{color:var(--ink);margin:42px 0 18px;font-size:22px;font-weight:500;line-height:1.8}.prose p{margin:0 0 22px}.prose strong{color:var(--ink);font-weight:550}.prose a{text-underline-offset:4px;text-decoration:underline}.prose ul{padding-left:1.5em}.article-end{border-top:1px solid var(--line);color:#596a58;justify-content:space-between;align-items:center;margin-top:48px;padding-top:25px;font-size:12px;display:flex}@media (width<=640px){.page-head{padding:47px 0 31px}.article-page{padding-top:20px}.article-head{margin-top:26px}.prose{font-size:14px}.prose h2{font-size:20px}.section-en{margin-left:6px;font-size:11px;display:inline-block}.project-meta{flex-wrap:wrap}.section-index{white-space:nowrap}}.note-link{grid-template-columns:65px minmax(0,1fr) 90px 25px;align-items:center;gap:12px;padding:24px 4px;display:grid}.note-link:hover .note-title,.note-link:focus-visible .note-title{color:#536b57}.note-link .note-date{color:#596a58}.note-link .note-arrow{color:#65765d;font-size:18px}.note-title{overflow-wrap:anywhere}.journal-page{border-bottom:1px solid var(--line);padding-bottom:90px}.about-page{border-bottom:1px solid var(--line);padding:18px 0 85px}.about-body{color:#62695e}.not-found{min-height:65vh;padding:115px 0 130px}.not-found h1{margin:25px 0;font-size:clamp(26px,4vw,42px);font-weight:500;line-height:1.7}.not-found>p:not(.eyebrow){color:#62695e;font-size:14px;line-height:2.1}@media (width<=640px){.note-link{grid-template-columns:33px minmax(0,1fr) 16px;gap:8px;padding:21px 2px}.not-found{padding:75px 0 95px}.about-page{padding-top:0}}.brand-en,.section-index,.note-number,.foot,.about-stamp,.link-secondary{color:var(--muted)}.eyebrow{color:#596a58}.note-expanded{align-items:start}.note-excerpt{letter-spacing:.02em;color:#62695e;margin-top:10px;font-size:13px;font-weight:400;line-height:1.9;display:block}.note-date time{margin-top:4px;display:block}@media (width<=640px){.note-expanded .note-date{grid-area:2/2;font-size:11px;display:block}.note-expanded .note-arrow{grid-area:1/3}}
