@charset "UTF-8";
:root{--paper:#e9e9e7;--ink:#171717;--muted:#646464;--line:#bdbdb9;--sans:"Microsoft YaHei","PingFang SC",Arial,sans-serif;--edge:7vw}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;padding-left:60px;background:var(--paper);color:var(--ink);font:14px/1.8 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,summary{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #888;outline-offset:5px}::selection{background:#888;color:#fff}.skip{position:fixed;top:-80px;left:70px;padding:10px;background:white;z-index:50}.skip:focus{top:10px}.nav-shell{position:absolute;top:0;left:60px;right:0;z-index:5;color:#eee}.nav-wrap{padding:26px var(--edge);display:flex;align-items:center;justify-content:space-between;gap:25px}.brand-lockup{display:flex;align-items:center;gap:11px}.brand-logo{width:62px;height:62px;object-fit:contain;filter:invert(1)}.wordmark{display:flex;flex-direction:column}.wordmark-cn{font-size:23px;font-weight:400;letter-spacing:5px;line-height:1.5}.brand-dot{display:none}.wordmark-en{font:8px/2.2 Arial;letter-spacing:2.5px}.header-note{font:9px Arial;letter-spacing:1.8px;color:#999}.hero{position:relative;height:100svh;min-height:760px;max-height:1180px;background:#131313;color:#eee;overflow:hidden;display:flex;align-items:center;padding:150px var(--edge) 130px}.hero::after{content:"";position:absolute;inset:120px var(--edge) 85px;border-top:1px solid #ffffff1c;border-bottom:1px solid #ffffff1c;pointer-events:none}.hero-side{display:none}.hero-center{position:relative;z-index:2;width:75%;pointer-events:none}.eyebrow{font:10px/1.6 Arial,var(--sans);letter-spacing:2.2px;color:var(--muted);margin:0 0 20px}.hero-kicker{color:#999;margin-bottom:36px}.hero h1{font-size:clamp(44px,5.7vw,88px);font-weight:300;letter-spacing:.035em;line-height:1.5;margin:0;white-space:nowrap}.hero h1>span{padding-left:.7em}.title-square{display:inline-block;width:.13em;height:.13em;background:#aaa;margin:0 0 .08em .2em;vertical-align:baseline}.hero-rule{height:1px;width:70px;background:#777;margin:35px 0 25px}.hero-description{color:#aaa;font-size:12px;letter-spacing:1.5px;line-height:2.2;margin:0}.geometry-field{position:absolute;right:-4%;top:14%;height:76%;width:61%;max-width:780px;pointer-events:none;opacity:.78}.geometry-field svg{position:absolute;width:100%;height:100%;object-fit:contain}.gd-monument{position:absolute;inset:15% 10% 5% 18%;width:72%;height:80%;object-fit:contain;filter:invert(1);opacity:.23}.geometry-coordinate{position:absolute;right:18%;bottom:2%;font:8px Arial;letter-spacing:2px;color:#777}.hero-bottom{position:absolute;left:var(--edge);right:var(--edge);bottom:31px;display:flex;justify-content:space-between;align-items:center;color:#aaa;font-size:9px;letter-spacing:2px}.hero-bottom>a{display:flex;gap:18px;align-items:center}.down-arrow{font-size:20px}.hero-edition{font:8px Arial;letter-spacing:2px}.section{padding:100px var(--edge);max-width:1700px;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:46px}.section h2{font-size:34px;line-height:1.5;font-weight:400;letter-spacing:2px;margin:0}.section-aside{font-size:11px;line-height:2;color:var(--muted);margin:0}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px 35px}.work-card{min-width:0}.work-card-feature{grid-column:1/-1}.work-image{position:relative;overflow:hidden;aspect-ratio:4/3;background:#ccc}.work-image img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:transform .7s,filter .5s}.work-card:hover img{transform:scale(1.025);filter:grayscale(0)}.work-card-feature .work-image{aspect-ratio:2.2}.work-card-feature img{object-position:50% 60%}.image-label{position:absolute;left:18px;bottom:18px;font-size:10px;letter-spacing:1px;padding:6px 12px;background:#ededed;color:#222}.image-arrow{position:absolute;right:18px;bottom:18px;color:#fff;font:27px Arial}.work-caption{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-top:19px}.work-caption>div{display:flex;gap:12px;align-items:baseline}.work-caption h3{font-size:19px;font-weight:400;letter-spacing:1px;margin:0}.work-number{font:9px Arial;color:var(--muted)}.work-caption p{font-size:10px;color:var(--muted);margin:0;white-space:nowrap}.work-card:not(.work-card-feature) .work-caption{display:block}.work-card:not(.work-card-feature) .work-caption p{margin:7px 0 0 24px}.pdf-note{display:block;font-size:10px;color:var(--muted);margin:10px 0 0 24px}.work-card-offset{padding-top:85px}.studio{display:grid;grid-template-columns:1fr 1.4fr;gap:70px;background:#d2d2cf;border-top:1px solid #aaa;border-bottom:1px solid #aaa;position:relative}.studio::before{content:"";position:absolute;left:42%;top:0;bottom:0;width:1px;background:#bdbdb9}.studio-symbol{margin-top:50px;width:170px;border:1px solid #aaa;position:relative;padding:14px 18px;clip-path:polygon(0 0,77% 0,100% 18%,100% 100%,0 100%)}.studio-symbol img{width:95px;height:105px;object-fit:contain}.studio-symbol span{display:block;font:8px/1.8 Arial;letter-spacing:2px;margin-top:15px}.studio-statement{font-size:clamp(23px,2.6vw,38px);font-weight:300;letter-spacing:1px;line-height:1.8;margin:0 0 28px}.studio-copy{font-size:12px;line-height:2.2;color:#505050;margin:0 0 15px;max-width:580px}.practice-list{display:flex;gap:15px;flex-wrap:wrap;font-size:10px;color:#555;margin:28px 0}.practice-list span{border-bottom:1px solid #aaa;padding-bottom:7px}.text-link{display:inline-flex;gap:45px;align-items:center;border-bottom:1px solid #777;font-size:11px;padding:6px 0}.journal-list{border-top:1px solid #222}.journal-list>a{display:grid;grid-template-columns:100px 1fr 90px 16px;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding:29px 0;transition:background .2s}.journal-list>a:hover{background:#ddd}.journal-category{font-size:10px;color:var(--muted)}.journal-list h3{font-size:19px;font-weight:400;margin:0}.journal-index{font:9px Arial;color:var(--muted)}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.more-notes{margin-top:25px;font-size:11px;color:var(--muted)}.more-notes summary{display:flex;justify-content:space-between}.more-notes>div{display:flex;flex-wrap:wrap;gap:25px;padding:25px 0}.contact{background:#1c1c1c;color:#e3e3e3;display:grid;grid-template-columns:1.4fr 1fr;gap:70px;position:relative}.contact .eyebrow{color:#969696}.contact h2{font-size:38px;font-weight:300;line-height:1.7}.contact-email{display:inline-block;margin-top:30px;padding-bottom:10px;border-bottom:1px solid #555;font:clamp(16px,1.8vw,25px)/1.6 Arial}.contact-email span{margin-left:14px}.contact-details{padding-top:28px;font-size:12px}.contact-caption{font-size:10px;color:#999;letter-spacing:2px;margin:0 0 20px}.wechat{max-width:280px;margin-top:20px}.wechat summary{display:flex;justify-content:space-between;border-bottom:1px solid #555;padding:10px 0}.wechat>div{padding-top:16px}.wechat p{font-size:10px;color:#aaa}.social-matrix{display:flex;gap:23px;margin-top:28px;filter:grayscale(1)}.social-icon{width:29px;height:29px;background:transparent;border:0;padding:3px;cursor:pointer;filter:brightness(0) invert(.85);transition:transform .2s}.social-icon:hover{transform:translateY(-3px)}.social-icon svg{width:100%;height:100%;display:block}.instagram{color:#eee}.youtube,.telegram{color:#bbb}.social-status{font-size:10px;color:#aaa}.social-status:empty{display:none}.contact-signature{font-size:12px;margin-top:28px}.contact-signature span{font:10px Arial;color:#888}footer{padding:28px var(--edge);background:#1c1c1c;color:#999;border-top:1px solid #3d3d3d;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px}.footer-brand{font-size:17px;letter-spacing:3px;color:#ddd}.footer-brand span{font:8px Arial;letter-spacing:1.5px;margin-left:15px}.chapter-nav{position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:30;display:flex;flex-direction:column;gap:4px;padding-right:8px;--active-color:#333;--reading-progress:0}.chapter-tab{width:52px;min-height:63px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#d6d6d3;color:#616161;border-left:2px solid transparent;font-size:10px;letter-spacing:2px;transition:background .2s,width .2s}.chapter-number{font:8px Arial;letter-spacing:1px;color:inherit;opacity:.7}.chapter-tab:hover{background:#bdbdbb;color:#111}.chapter-tab[aria-current="location"]{background:var(--chapter-color);color:#fff;width:59px;border-left-color:#fff}.chapter-progress{position:absolute;right:0;top:0;bottom:0;width:1px;background:#999}.chapter-progress>span{display:block;width:100%;height:100%;background:#eee;transform-origin:top;transform:scaleY(var(--reading-progress))}
@media(max-width:1000px){.header-note{max-width:145px;line-height:1.7;font-size:8px}.hero-center{width:90%}.hero h1{font-size:clamp(40px,6.2vw,65px)}.studio{gap:45px}.journal-list>a{grid-template-columns:80px 1fr 70px 15px;gap:10px}.journal-index{font-size:8px}.contact{gap:35px}.work-caption h3{font-size:17px}}
@media(max-width:760px){.studio{grid-template-columns:1fr;gap:35px}.studio::before{display:none}.studio-label{position:relative}.studio-symbol{position:absolute;right:0;top:0;margin:0;padding:7px;width:60px;clip-path:none}.studio-symbol img{width:44px;height:54px}.studio-symbol span{display:none}.studio-statement{font-size:28px}.contact{grid-template-columns:1fr;gap:20px}.contact-details{padding:0}.journal-list>a{grid-template-columns:1fr 15px;gap:6px}.journal-category{grid-column:1;grid-row:1}.journal-list h3{grid-column:1;grid-row:2}.journal-index{display:none}.journal-list>a>span:last-child{grid-column:2;grid-row:1/3}.hero h1{font-size:clamp(34px,6.4vw,49px)}.geometry-field{width:80%;right:-20%;opacity:.58}.hero-edition{display:none}.wordmark-cn{font-size:20px}.header-note{font-size:7px}.work-caption{display:block}.work-caption p{margin-top:7px}.footer-brand span{display:none}}
@media(max-width:600px){:root{--edge:6vw}body{padding-left:39px}.nav-shell{left:39px}.nav-wrap{padding-top:20px;gap:10px}.brand-logo{width:46px;height:46px}.brand-lockup{gap:4px}.wordmark-cn{font-size:18px;letter-spacing:2px}.wordmark-en{font-size:6px;letter-spacing:1.3px}.header-note{display:none}.chapter-nav{gap:4px;padding-right:5px}.chapter-tab{width:33px;min-height:55px;font-size:9px;letter-spacing:1px}.chapter-tab[aria-current="location"]{width:38px}.chapter-number{font-size:7px}.hero{min-height:670px;max-height:960px;padding-top:145px;padding-bottom:150px}.hero::after{inset:97px var(--edge) 74px}.hero-center{width:100%}.hero h1{font-size:clamp(28px,7.8vw,45px);letter-spacing:0;line-height:1.7}.hero h1>span{padding-left:.35em}.hero-kicker{font-size:7px;letter-spacing:1.4px;margin-bottom:26px}.hero-description{font-size:10px;letter-spacing:1px}.hero-rule{margin:27px 0 22px;width:45px}.geometry-field{top:20%;height:55%;width:100%;right:-26%;opacity:.5}.geometry-coordinate{display:none}.hero-bottom{font-size:8px;letter-spacing:1px;bottom:27px}.section{padding-top:65px;padding-bottom:65px}.section-heading{gap:15px;margin-bottom:30px}.section h2{font-size:26px}.eyebrow{font-size:8px;letter-spacing:1.5px}.section-aside{font-size:9px;max-width:45%}.work-grid{grid-template-columns:1fr;gap:38px}.work-card-feature{grid-column:auto}.work-card-feature .work-image{aspect-ratio:4/3}.work-card-offset{padding-top:0}.work-caption h3{font-size:17px}.work-caption p{font-size:9px}.work-caption{margin-top:14px}.image-label{font-size:9px;left:12px;bottom:12px}.studio-statement{font-size:25px}.studio-copy{font-size:11px}.journal-list h3{font-size:17px}.journal-list>a{padding:22px 0}.more-notes>div{flex-direction:column;gap:15px}.contact h2{font-size:29px}.contact-email{font-size:clamp(13px,3.8vw,18px)}footer{flex-wrap:wrap;gap:17px}.footer-brand{flex-basis:100%;font-size:17px}footer>a:last-child{margin-left:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.social-icon{filter:none}.youtube svg rect,.telegram svg circle{fill:#ccc}.youtube svg path,.telegram svg path{fill:#1c1c1c}.tiktok svg use{fill:#888}.tiktok svg use:last-child{fill:#ddd}
/* Match the footer to the contact panel, including on wide screens. */
footer{width:100%;max-width:1700px;margin-inline:auto}