:root{--paper:#f7f8f5;--white:#fff;--ink:#242a24;--muted:#646b60;--leaf:#465641;--mist:#e9ede5;--rule:#d9dfd4;--gutter:clamp(24px, 4vw, 72px);--font:"PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;--ease:cubic-bezier(.22,.68,0,1)}*,:before,:after{box-sizing:border-box}html{color-scheme:light;scroll-padding-top:28px}body{background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.7}body.viewer-open{overflow:hidden}::selection{color:var(--white);background:var(--leaf)}a{color:inherit;-webkit-tap-highlight-color:transparent;text-decoration:none}button{color:inherit;font:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0}button,a{-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}button,input,textarea{font-family:inherit}img,svg{display:block}img{max-width:100%;height:auto}svg{flex-shrink:0}h1,h2,h3,p,figure{margin:0}h1,h2,h3{text-wrap:balance;font-weight:400}ul{margin:0;padding:0;list-style:none}:focus-visible{outline:2px solid var(--leaf);outline-offset:6px}main:focus{outline:none}[hidden]{display:none!important}.page-width{width:min(100% - var(--gutter) * 2, 1560px);margin-inline:auto}.skip-link{z-index:100;color:#fff;background:var(--leaf);padding:12px 20px;position:fixed;top:12px;left:16px;transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{justify-content:space-between;align-items:center;gap:24px;height:100px;display:flex}.brand{align-items:center;gap:16px;min-height:44px;display:inline-flex}.brand svg{color:var(--leaf)}.brand-name{letter-spacing:.12em;white-space:nowrap;font-size:21px;font-weight:500}.brand-discipline{color:var(--muted);letter-spacing:.12em;margin-left:7px;font-size:12px}.main-nav{gap:44px;display:flex}.main-nav a{align-items:center;gap:9px;min-height:44px;font-size:14px;display:inline-flex;position:relative}.main-nav a span{color:var(--muted);font-size:12px}.main-nav a:after{content:"";background:var(--leaf);transform-origin:0;height:1px;transition:transform .25s var(--ease);position:absolute;bottom:3px;left:0;right:0;transform:scaleX(0)}.main-nav a[aria-current],.main-nav a:hover{color:var(--leaf)}.main-nav a[aria-current]:after,.main-nav a:hover:after{transform:scaleX(1)}.menu-toggle{display:none}.hero-intro{grid-template-columns:1.8fr 1fr;align-items:end;gap:36px;padding-block:36px 42px;display:grid}.hero-intro h1{letter-spacing:-.055em;font-size:clamp(48px,5.15vw,82px);line-height:1.23}.hero-note{place-self:end;max-width:340px;padding-bottom:4px}.hero-note p{font-size:15px;line-height:1.95}.quiet-link{min-height:44px;color:var(--muted);align-items:center;gap:35px;margin-top:23px;font-size:12px;display:inline-flex}.quiet-link span{transition:transform .25s}.quiet-link:hover span{transform:translateY(4px)}.hero-work{background:var(--mist);height:clamp(350px,39vw,590px);display:block;position:relative;overflow:hidden}.hero-work .project-image{object-fit:cover;width:100%;height:100%;animation:hero-arrival 1.1s var(--ease) both}.hero-visit{background:var(--paper);border-radius:50%;place-items:center;width:54px;height:54px;transition:background .25s,transform .25s;display:grid;position:absolute;bottom:28px;right:28px}.hero-work:hover .hero-visit{background:var(--white);transform:rotate(45deg)}.hero-caption{justify-content:space-between;gap:20px;padding-block:15px;font-size:13px;display:flex}.hero-caption>:last-child{color:var(--muted);font-size:12px}.selected-section{padding-block:132px 120px}.section-heading{justify-content:space-between;align-items:end;gap:40px;margin-bottom:56px;display:flex}.section-heading h2{letter-spacing:-.035em;font-size:clamp(29px,3vw,44px);line-height:1.55}.section-side p{color:var(--muted);font-size:14px;line-height:1.9}.text-link{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:center;gap:38px;min-height:44px;padding-block:6px;font-size:14px;display:inline-flex}.text-link svg{transition:transform .25s var(--ease)}.text-link:hover svg{transform:translate(3px,-2px)}.section-side .text-link{margin-top:20px}.selected-grid{grid-template-columns:1.22fr 1fr;align-items:end;gap:100px 6.5%;display:grid}.project-link{display:block}.project-picture{background:var(--mist);position:relative;overflow:hidden}.project-picture .project-image{object-fit:cover;width:100%;height:100%;transition:transform .75s var(--ease)}.project-link:hover .project-image{transform:scale(1.025)}.picture-open{background:var(--paper);opacity:0;place-items:center;width:42px;height:42px;transition:opacity .25s,transform .25s;display:grid;position:absolute;bottom:16px;right:16px;transform:translateY(6px)}.project-link:hover .picture-open,.project-link:focus-visible .picture-open{opacity:1;transform:none}.project-caption{justify-content:space-between;align-items:baseline;gap:16px;padding-top:20px;display:flex}.project-caption h3{letter-spacing:-.02em;font-size:20px;line-height:1.6}.project-caption p{color:var(--muted);margin-top:5px;font-size:12px}.project-category{color:var(--muted);white-space:nowrap;font-size:11px}.selected-item-0 .project-picture{aspect-ratio:1.3}.selected-item-1 .project-picture{aspect-ratio:1.25}.selected-item-2{grid-area:2/2}.selected-item-3{grid-area:2/1}.selected-item-2 .project-picture{aspect-ratio:.92}.selected-item-3 .project-picture{aspect-ratio:1.48}.home-about{grid-template-columns:.86fr 1fr;align-items:center;gap:14%;padding-block:30px 130px;display:grid}.about-picture{width:85%;margin-left:10%}.about-picture .project-image{aspect-ratio:.78;object-fit:cover;width:100%}.about-preview-copy h2{letter-spacing:-.035em;font-size:clamp(31px,3.25vw,46px);line-height:1.55}.about-preview-copy p{color:var(--muted);margin-block:27px 30px;font-size:15px;line-height:2.1}.site-footer{border-top:1px solid var(--rule);padding-top:58px;padding-bottom:26px}.footer-opening{justify-content:space-between;align-items:end;gap:32px;padding-bottom:60px;display:flex}.footer-opening>p{letter-spacing:-.04em;font-size:clamp(28px,3vw,42px);line-height:1.55}.footer-bottom{color:var(--muted);justify-content:space-between;align-items:center;gap:20px;font-size:11px;display:flex}.footer-brand{color:var(--ink);letter-spacing:.08em;align-items:center;gap:18px;font-size:15px;display:flex}.footer-brand span{color:var(--muted);letter-spacing:0;font-size:11px}.page-intro{justify-content:space-between;align-items:end;gap:32px;padding-block:64px 65px;display:flex}.page-intro h1{letter-spacing:-.05em;font-size:clamp(42px,5vw,76px);line-height:1.25}.page-intro p{color:var(--muted);font-size:15px;line-height:1.9}.work-toolbar{justify-content:space-between;align-items:center;gap:24px;padding-block:20px 36px;display:flex}.filters{flex-wrap:wrap;gap:22px;display:flex}.filters button{min-height:44px;color:var(--muted);border-bottom:1px solid #0000;align-items:center;gap:8px;padding:0 0 3px;font-size:14px;transition:color .2s;display:flex}.filters button>span{align-self:flex-start;margin-top:7px;font-size:10px}.filters button[aria-pressed=true]{border-color:var(--ink);color:var(--ink)}.filters button:hover{color:var(--ink)}.work-count{color:var(--muted);white-space:nowrap;font-size:12px}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:66px 36px;padding-bottom:130px;display:grid}.work-grid .project-picture{aspect-ratio:1.5}.work-grid .project-caption h3{font-size:21px}.about-page{grid-template-columns:1fr 1.03fr;align-items:center;gap:12%;padding-block:68px 110px;display:grid}.about-page-picture .project-image{aspect-ratio:.76;object-fit:cover;width:100%}.about-page-copy h1{letter-spacing:-.04em;font-size:58px;line-height:1.4}.about-page-copy h1 span{color:var(--muted);letter-spacing:.08em;margin-top:9px;font-size:14px;display:block}.about-page-copy .about-lead{color:var(--ink);margin-top:42px;font-size:25px;line-height:1.75}.about-page-copy>p{color:var(--muted);max-width:29em;margin-top:25px;font-size:15px;line-height:2}.about-page-copy .text-link{margin-top:28px}.practice-section{padding-bottom:120px}.practice-section>h2{margin-bottom:40px;font-size:29px}.practice-list{grid-template-columns:repeat(3,1fr);gap:40px;display:grid}.practice-list article{border-top:1px solid var(--rule);padding-top:25px}.practice-list h3{margin-bottom:14px;font-size:19px}.practice-list p{color:var(--muted);font-size:14px;line-height:1.9}.back-link{color:var(--muted);align-items:center;gap:14px;min-height:44px;margin-top:35px;font-size:12px;display:inline-flex}.project-heading{justify-content:space-between;align-items:end;gap:32px;padding-block:22px 46px;display:flex}.project-heading h1{letter-spacing:-.045em;font-size:clamp(30px,4vw,60px);line-height:1.35}.project-heading-note{text-align:right;flex-shrink:0;padding-bottom:4px;font-size:14px}.project-heading-note span{color:var(--muted);font-size:11px}.detail-cover>a{display:block;position:relative}.detail-cover .project-image{object-fit:cover;width:100%;height:min(60vw,730px);display:block}.image-expand{color:var(--ink);background:var(--paper);opacity:0;align-items:center;gap:10px;padding:9px 14px;font-size:12px;transition:opacity .2s;display:inline-flex;position:absolute;bottom:20px;right:20px}.detail-cover a:hover .image-expand,.gallery-figure a:hover .image-expand,a:focus-visible>.image-expand{opacity:1}.project-story{grid-template-columns:1fr 1fr;gap:12%;padding-block:78px 88px;display:grid}.project-story h2{letter-spacing:-.03em;max-width:15em;font-size:clamp(23px,2.25vw,34px);line-height:1.65}.project-story p{color:var(--muted);font-size:15px;line-height:2.1}.theme-list{color:var(--leaf);flex-wrap:wrap;gap:14px 24px;margin-top:26px;font-size:12px;display:flex}.detail-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:54px 28px;display:grid}.gallery-figure>a{display:block;position:relative}.gallery-figure .project-image{width:100%;height:auto}.gallery-wide{grid-column:1/-1}.gallery-half .project-image{aspect-ratio:1.18;object-fit:cover}.gallery-figure figcaption{color:var(--muted);padding-top:13px;font-size:12px}.project-ending{justify-content:space-between;align-items:center;gap:24px;margin-block:72px 100px;display:flex}.project-ending>span{color:var(--muted);font-size:11px}.next-project{grid-template-columns:1fr 1fr;align-items:start;gap:60px;margin-bottom:110px;display:grid}.next-project>h2{padding-top:10px;font-size:30px}.next-project .project-picture{aspect-ratio:1.7}.image-viewer{width:100vw;max-width:none;height:100dvh;max-height:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:var(--paper);color:var(--ink);overscroll-behavior:contain;border:0;margin:0}.image-viewer::backdrop{background:#242a24e6}.image-viewer[open]{grid-template-rows:auto minmax(0,1fr) auto;display:grid}.viewer-toolbar{justify-content:space-between;align-items:center;gap:24px;padding:16px 26px;display:flex}.viewer-toolbar p{font-size:14px}.viewer-toolbar button{flex-shrink:0;width:48px;height:48px;font-size:32px;line-height:1}.viewer-stage{place-items:center;min-height:0;padding-inline:70px;display:grid;position:relative}.viewer-stage img{object-fit:contain;width:100%;height:100%;min-height:0}.viewer-stage button{background:var(--paper);width:48px;height:48px;font-size:26px;position:absolute;top:calc(50% - 24px)}.viewer-stage button:hover,.viewer-toolbar button:hover{background:var(--mist)}[data-gallery-prev]{left:12px}[data-gallery-next]{right:12px}.viewer-bottom{color:var(--muted);justify-content:space-between;gap:24px;padding:22px 28px;font-size:12px;display:flex}.not-found{padding-block:100px 130px}.not-found>p:first-child{color:var(--muted);margin-bottom:26px;font-size:16px}.not-found h1{font-size:clamp(42px,5vw,72px);line-height:1.45}.not-found>p{margin-block:26px}@keyframes hero-arrival{0%{opacity:.6;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@media (width>=1600px){.hero-note{justify-self:center}}@media (width<=1000px){.brand-discipline{display:none}.hero-intro{grid-template-columns:1.4fr 1fr}.hero-intro h1{font-size:58px}.hero-note p{font-size:13px}.selected-section{padding-block:96px}.selected-grid{gap:70px 5%}.project-category{display:none}.home-about{gap:8%}.about-preview-copy p{font-size:14px}.about-page{gap:8%;padding-top:48px}.about-page-copy h1{font-size:44px}.about-page-copy .about-lead{margin-top:28px;font-size:20px}.about-page-copy>p{font-size:14px}.project-heading{display:block}.project-heading-note{text-align:left;align-items:baseline;gap:24px;margin-top:20px;display:flex}.project-story{gap:8%}}@media (width<=700px){:root{--gutter:22px}.site-header{height:82px;position:relative}.brand{gap:10px}.brand svg{width:29px;height:29px}.brand-name{font-size:18px}.main-nav{gap:25px}.main-nav a{font-size:13px}.main-nav a span{display:none}.menu-toggle:not([hidden]){align-items:center;gap:10px;min-height:44px;padding:0;font-size:13px;display:flex}.menu-glyph{border-top:1px solid;border-bottom:1px solid;width:19px;height:10px;transition:transform .2s;display:block}.menu-toggle[aria-expanded=true] .menu-glyph{transform:rotate(-45deg)}.js .main-nav{z-index:10;background:var(--paper);padding:24px;display:none;position:absolute;top:72px;left:0;right:0;box-shadow:0 12px 20px #242a2410}.js .main-nav.is-open{display:flex}.js .main-nav a{flex:1;justify-content:center}.hero-intro{padding-block:28px 33px;display:block}.hero-intro h1{letter-spacing:-.055em;font-size:clamp(43px,11vw,62px);line-height:1.35}.hero-note{max-width:none;margin-top:25px}.hero-note p{font-size:13px;line-height:1.95}.quiet-link{margin-top:12px}.hero-work{height:410px}.hero-work .project-image{object-position:35% 50%!important}.hero-visit{width:44px;height:44px;bottom:17px;right:17px}.hero-caption{align-items:start;font-size:12px}.hero-caption>:last-child{text-align:right;max-width:145px;font-size:10px}.selected-section{padding-block:80px 70px}.section-heading{margin-bottom:35px;display:block}.section-heading h2{font-size:30px;line-height:1.55}.section-side{justify-content:space-between;align-items:end;gap:16px;margin-top:22px;display:flex}.section-side p{font-size:12px}.section-side .text-link{flex-shrink:0;gap:15px;margin-top:0;font-size:12px}.selected-grid{flex-direction:column;align-items:stretch;gap:42px;display:flex}.selected-item .project-picture{aspect-ratio:1.28}.selected-item-2 .project-picture{aspect-ratio:1.2}.selected-item-3 .project-picture{aspect-ratio:1.4}.project-caption{padding-top:14px}.project-caption h3{font-size:19px}.project-caption p{font-size:11px}.home-about{grid-template-columns:1fr;gap:34px;padding-block:10px 80px;display:grid}.about-picture{width:78%;margin-left:0}.about-preview-copy{margin-left:12%}.about-preview-copy h2{font-size:32px}.about-preview-copy p{margin-block:20px;font-size:13px}.site-footer{padding-top:35px;padding-bottom:22px}.footer-opening{padding-bottom:40px}.footer-opening>p{font-size:28px}.footer-opening .text-link{gap:20px;font-size:12px}.footer-bottom{font-size:10px}.footer-brand{gap:12px;font-size:14px}.footer-brand span{font-size:10px}.footer-note{display:none}.page-intro{padding-block:40px 28px;display:block}.page-intro h1{font-size:44px}.page-intro p{margin-top:22px;font-size:13px}.work-toolbar{padding-block:10px 28px;display:block}.filters{gap:12px 20px}.filters button{font-size:12px}.work-count{margin-top:18px;font-size:11px}.work-grid{grid-template-columns:1fr;gap:38px;padding-bottom:75px}.work-grid .project-picture{aspect-ratio:1.28}.work-grid .project-caption h3{font-size:20px}.about-page{grid-template-columns:1fr;gap:36px;padding-block:28px 65px}.about-page-picture{max-width:90%}.about-page-copy h1{font-size:44px}.about-page-copy h1 span{font-size:13px}.about-page-copy .about-lead{margin-top:30px;font-size:24px}.about-page-copy>p{font-size:14px}.practice-section{padding-bottom:70px}.practice-section>h2{margin-bottom:28px;font-size:27px}.practice-list{grid-template-columns:1fr;gap:30px}.practice-list article{padding-top:20px}.practice-list h3{margin-bottom:8px;font-size:19px}.practice-list p{font-size:13px}.back-link{margin-top:12px}.project-heading{padding-block:22px 30px}.project-heading h1{letter-spacing:-.05em;font-size:32px}.project-heading-note{flex-wrap:wrap;gap:18px;margin-top:16px;font-size:12px}.detail-cover .project-image{object-fit:cover;height:auto;min-height:250px}.image-expand{opacity:1;padding:6px 10px;font-size:10px;bottom:10px;right:10px}.image-expand svg{width:16px;height:16px}.project-story{grid-template-columns:1fr;gap:25px;padding-block:42px 44px}.project-story h2{font-size:25px}.project-story p{font-size:14px}.theme-list{gap:12px 22px;margin-top:20px;font-size:11px}.detail-gallery{grid-template-columns:1fr;gap:28px}.gallery-half .project-image{aspect-ratio:auto;height:auto}.gallery-figure figcaption{padding-top:9px;font-size:11px}.project-ending{margin-block:42px 65px;display:block}.project-ending>span{margin-top:20px;display:block}.next-project{grid-template-columns:1fr;gap:24px;margin-bottom:70px}.next-project>h2{font-size:27px}.next-project .project-picture{aspect-ratio:1.5}.viewer-toolbar{gap:12px;padding:12px 16px}.viewer-toolbar p{font-size:12px}.viewer-stage{padding-inline:0}.viewer-stage button{background:var(--paper);top:auto;bottom:8px}.viewer-bottom{padding:18px;font-size:10px}.not-found{padding-block:70px 90px}.not-found h1{font-size:42px}.not-found>p{font-size:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}