:root{--paper:#f7f7f4;--ink:#20231f;--muted:#7d8178;--line:#dedfd8}html{scrollbar-gutter:stable;scroll-padding-top:104px}body{font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif}::selection{background:#d9dfca;color:#263222}button,a,input{touch-action:manipulation}.header{height:82px;position:sticky;top:0;z-index:9;background:#f7f7f4f2;backdrop-filter:blur(18px);border-bottom:1px solid #e8e9e2}.wordmark img{width:160px}.header nav{gap:33px}.header nav a,.header nav button{font-size:11px;letter-spacing:.04em}.header nav>[data-contact]{border-bottom:1px solid #9fa598;padding:7px 0}.hero{padding:47px 0 40px}.hero-top{font-size:9px;letter-spacing:1px;line-height:1.7}.hero-top>span:last-child{font-size:9px}.hero-line{margin-top:35px;align-items:flex-end}.hero .name-signature{width:min(980px,75%)}.hero-line>p{font-size:10px;letter-spacing:.08em;line-height:1.7;margin:0 0 13px;color:#666f60}.hero-line>p>span{display:none}.hero-intro{display:flex;justify-content:space-between;align-items:baseline;padding-top:33px}.hero-intro>p{font-size:14px;letter-spacing:.025em;color:#454d3f;margin:0}.hero-intro>p>span{color:#8b9183}.hero-intro>a{font-size:10px;color:#68715c;display:flex;gap:32px;align-items:center}.hero-intro>a span{font-size:19px}.work-nav{padding:24px 0 25px}.section-index{font-size:10px;letter-spacing:.04em}.work-controls .filters{gap:25px}.filters button{font-size:11px}.view-switch{border-color:#d6d9cd;border-radius:0}.view-switch button{border-radius:0;font-size:9px}.view-switch button[aria-pressed=true]{background:#e8ebe1}.projects{column-gap:30px;row-gap:54px}.project.wide,.project.narrow{grid-column:span 6}.project.editorial-feature{grid-column:1/-1}.project{transition:opacity .65s ease,translate .65s cubic-bezier(.2,.65,.25,1)}.project.project-pending{opacity:0;translate:0 18px}.project .cover{transform:none!important;backface-visibility:visible}.project:not(.industry-project):not(.showcase-project):not(.editorial-feature) .cover{height:auto;aspect-ratio:1.24}.project.editorial-feature>.cover{height:auto;aspect-ratio:2.08}.project .cover-top{display:none}.project .cover-action{left:auto!important;top:auto!important;right:20px!important;bottom:20px!important;transform:translateY(5px)!important;white-space:nowrap;font-size:10px;padding:11px 15px;border-radius:0;background:#f8f8f3f2;backdrop-filter:blur(10px);box-shadow:none}.project .cover:hover .cover-action,.project .cover:focus-visible .cover-action{transform:translateY(0)!important}.showcase-project .cover-action{display:none}.cover:hover img{transform:scale(1.022)}.caption{padding-top:17px;gap:15px;align-items:center}.caption h2{font-size:14px;letter-spacing:0;display:flex;align-items:center;gap:12px;font-weight:400}.caption h2::before{content:attr(data-index);font:9px monospace;color:#909885;letter-spacing:-.3px}.caption h2 button{font-size:inherit;font-weight:inherit}.caption>span:not(.caption-arrow){font-size:9px;color:#869079;letter-spacing:.02em}.caption-arrow{font-size:15px;color:#68795b}.caption h2 button:hover{text-decoration-color:#9ca98d}.index-open,.index-open-label{border-radius:0}.index-meta h2{font-size:17px;letter-spacing:0}.index-row strong{font-size:15px;letter-spacing:0}.index-row small{font-size:8px}.index-row{min-height:43px}.index-hint{letter-spacing:.4px}.index-open-label{font-size:10px}.cove-cover{background:#e8e2d7;display:block;container-type:inline-size;color:#4a493e}.cove-visual{position:absolute;left:0;top:0;width:65%;height:100%}.cove-visual>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;mix-blend-mode:multiply}.cove-editorial{position:absolute;left:67%;right:5%;top:9%;bottom:8%;display:flex;flex-direction:column;align-items:flex-start}.cove-editorial-brand{font-size:3.2cqw;font-weight:400;letter-spacing:.05em}.cove-editorial-brand small{display:block;font-size:.65cqw;letter-spacing:.2em;margin-top:.7cqw}.cove-editorial-title{font-size:4.7cqw;font-weight:400;line-height:1.45;letter-spacing:-.05em;margin:3cqw 0 0}.cove-editorial>span:last-child{font-size:.78cqw;letter-spacing:.08em;margin-top:auto;border-top:1px solid #bfbba9;width:100%;padding-top:1.3cqw}.flow-cover{container-type:inline-size;background:#e0e7dd;color:#2f4739;display:block}.flow-editorial{position:absolute;inset:0;padding:7% 7% 6%;display:flex;flex-direction:column}.flow-editorial>span:first-child{display:flex;justify-content:space-between;font-size:1.5cqw;letter-spacing:.1em;color:#748571}.flow-editorial>strong{font-size:20cqw;line-height:.85;font-weight:400;letter-spacing:-.07em;margin:9% 0 0 -.6cqw}.flow-editorial>p{font-size:2.6cqw;letter-spacing:.02em;margin:5% 0 0;color:#6f8268}.flow-cover-list{display:flex;flex-direction:column;margin-top:auto;border-top:1px solid #becab7}.flow-cover-list>span{display:flex;align-items:center;gap:2cqw;font-size:2.2cqw;padding:3cqw 0;border-bottom:1px solid #cbd4c4;color:#5e7555}.flow-cover-list i{width:2.7cqw;height:2.7cqw;border:1px solid #8eaa84;display:flex;align-items:center;justify-content:center;font-size:2cqw;font-style:normal}.flow-cover-list>span:first-child{color:#8c9c85}.flow-cover-list>span:first-child i{background:#78926c;border-color:#78926c;color:#eef3e9}.flow-cover-list small{margin-left:auto;font-size:1.4cqw;letter-spacing:.04em;color:#829476}.about{margin-top:100px;padding:43px 0 60px;grid-template-columns:.7fr 1.8fr;gap:25px}.about-content{min-width:0}.about-content>h2{font-size:clamp(26px,3.4vw,47px);font-weight:400;letter-spacing:-1.3px;line-height:1.6;margin:-8px 0 23px}.about-content>h2>span{color:#92998a}.about-content>p{font-size:12px;line-height:2;color:#7d8872;max-width:540px;margin:0 0 24px}.about-practice{display:flex;gap:9px;flex-wrap:wrap}.about-practice>span{font-size:9px;padding:8px 12px;border:1px solid #d6ddcb;color:#718261}.about .contact-link{grid-column:auto;margin-top:25px;padding:10px 0;font-size:11px;border-color:#adbba1}.contact-block{border-top:1px solid var(--line);padding:39px 0 44px;display:grid;grid-template-columns:.7fr 1.8fr;gap:25px}.contact-block>div{display:flex;flex-direction:column;align-items:flex-start}.contact-block .contact-mail{font-size:clamp(23px,3.3vw,43px);line-height:1.2;letter-spacing:-.05em;color:#485d3b;border-bottom:1px solid transparent}.contact-mail:hover{border-bottom-color:#869e73}.contact-public-phone{font-size:12px;color:#849575;margin-top:17px}.contact-public-phone a{margin-left:21px;font-size:14px;letter-spacing:.04em;color:#5b744b}.footer{padding:23px 0 28px;font-size:9px}.footer>span{font-size:8px;color:#949e8b}dialog#project-dialog{width:min(1320px,96vw);max-width:1320px;max-height:95dvh}#project-dialog>.dialog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:0;z-index:15;background:#f7f7f4f5;backdrop-filter:blur(16px);padding:14px 28px;border-bottom:1px solid #e0e4d7}.dialog-toolbar>span{font:10px monospace;color:#89987a;letter-spacing:.07em}.dialog-toolbar>div{display:flex;align-items:center;gap:8px}.dialog-toolbar button{padding:10px 13px;font-size:10px;color:#667e52;min-width:36px}.dialog-toolbar .dialog-close{position:static;float:none;margin:0;padding:9px 12px;right:auto;top:auto;border-radius:0;border-color:#d7dfcb;background:transparent;font-size:10px;color:#4c6538}.toolbar-link{border-left:1px solid #d8dfcd;margin-left:4px}.project-link-status{position:absolute;right:28px;top:62px;font-size:9px;color:#789065;pointer-events:none;background:#f4f7ed}.project-link-status:empty{display:none}.detail-head{clear:none;padding:45px 6% 35px}.detail-head .small-label{font-size:9px;letter-spacing:.08em;color:#89917f}.detail-head h2{font-size:clamp(32px,4.2vw,58px);line-height:1.2;font-weight:400;letter-spacing:-.055em;margin:20px 0 20px}.detail-head p{font-size:13px;color:#747b6f;max-width:740px;line-height:1.9}.case-meta{display:grid;grid-template-columns:1.5fr 1fr;gap:30px;margin:29px 0 0;padding-top:22px;border-top:1px solid #dce3d2}.case-meta>div{min-width:0}.case-meta dt{font-size:8px;letter-spacing:.08em;color:#96a487;margin:0 0 9px}.case-meta dd{font-size:10px;color:#6d7565;line-height:1.8;margin:0}.case-context{display:grid;grid-template-columns:1fr 1fr;gap:20px 45px;padding:40px 6% 36px}.case-overline{grid-column:1/-1;font-size:8px;letter-spacing:.1em;color:#92a27f}.case-context h3{font-size:24px;font-weight:400;line-height:1.65;letter-spacing:-.03em;margin:0;color:#424b3b}.case-context p{font-size:12px;line-height:2.1;color:#7a8471;margin:0;padding-top:3px}.brand-studio{margin:10px 6% 30px}.brand-studio .identity-board{min-height:270px}.identity-logo{min-height:270px}.identity-logo strong{font-size:clamp(30px,4vw,56px)}.identity-scope>p{font-size:11px}.studio-toolbar{border-top:1px solid #dde5d1;padding:20px 0}.studio-toolbar>span{font-size:10px}.studio-toolbar>span>i{font-size:8px}.studio-controls button{border-radius:0}.detail-strip{padding:25px 6% 33px;display:flex;flex-direction:column;gap:28px;align-items:stretch;border-top:1px solid #e1e8d7}.detail-strip>span{font-size:9px;color:#95a785;line-height:1.9;max-width:860px}.detail-next{border:0;padding:20px 0 0;text-align:left;display:flex;flex-direction:column;gap:13px;white-space:normal}.detail-next>small{font-size:8px;letter-spacing:.1em;color:#93a77f}.detail-next>strong{font-size:clamp(25px,3vw,40px);font-weight:400;letter-spacing:-.04em;color:#4f5c45}.detail-next:hover>strong{color:#273e1b}.contact-dialog{padding:0 35px 30px}.contact-dialog>.small-label{padding-top:28px;font-size:9px}.contact-dialog h2{font-size:33px;line-height:1.5;letter-spacing:-.04em}.contact-dialog>.contact-focus{font-size:11px;line-height:1.9;color:#849b6f;margin:0 0 26px}.contact-options{border-top:1px solid #dce5ce}.contact-options>a,.contact-options>button{display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid #dce5ce;width:100%;text-align:left;gap:20px}.contact-options small{font-size:9px;color:#8ea478}.contact-options strong{font-size:14px;font-weight:400;color:#5a783e}.contact-copy-status{font-size:10px;color:#768e5f;min-height:18px;line-height:1.6;margin:13px 0}.contact-dialog .solid-button{background:transparent;color:#6b8654;border:1px solid #d7e0ca;border-radius:0;font-size:10px;margin-top:7px;padding:11px 14px}.contact-dialog>.dialog-close{border-radius:0}.project-flight{border-radius:0}
@media(max-width:1100px){.shell{width:calc(100% - 64px)}.hero .name-signature{width:77%}.hero-line>p{font-size:8px;line-height:1.8}.projects{column-gap:24px;row-gap:42px}.caption h2{font-size:13px;gap:9px}.caption>span:not(.caption-arrow){font-size:8px}.caption{gap:9px}.hero-intro>p{font-size:12px}.about,.contact-block{grid-template-columns:.7fr 1.8fr}.detail-head{padding-top:37px}}
@media(max-width:760px){html{scroll-padding-top:83px}.shell{width:calc(100% - 40px)}.header{height:68px}.wordmark img{width:129px}.header nav{gap:19px}.header nav a,.header nav button{font-size:10px}.header nav>[data-contact]{padding:6px 0}.hero{padding:27px 0 28px}.hero-top{font-size:7px;letter-spacing:.02em;gap:15px}.hero-top>span:last-child{font-size:7px;text-align:right}.hero-line{display:block;margin-top:25px}.hero .name-signature{width:100%}.hero-line>p{display:none}.hero-intro{padding-top:21px;gap:15px}.hero-intro>p{font-size:10px;line-height:1.8}.hero-intro>p>span{display:block}.hero-intro>a{font-size:8px;gap:15px;white-space:nowrap}.hero-intro>a>span{font-size:16px}.work-nav{padding-top:16px;padding-bottom:20px;gap:14px}.work-controls .filters{gap:20px}.filters button{font-size:10px}.projects{row-gap:33px;column-gap:0}.project.wide,.project.narrow,.project.editorial-feature{grid-column:1/-1}.project:not(.industry-project):not(.showcase-project):not(.editorial-feature) .cover{aspect-ratio:1.2}.project.editorial-feature>.cover{aspect-ratio:1.06}.project .cover-action{right:14px!important;bottom:14px!important;font-size:9px;padding:10px 12px}.caption{padding-top:14px;gap:9px;flex-wrap:nowrap}.caption h2{font-size:12px;gap:8px}.caption h2::before{font-size:8px}.caption>span:not(.caption-arrow){font-size:7px;margin-left:auto;white-space:nowrap}.caption-arrow{font-size:13px}.cove-visual{width:100%;height:72%;top:28%}.cove-editorial{left:7%;right:7%;top:7%;bottom:7%}.cove-editorial-brand{font-size:7cqw}.cove-editorial-brand small{font-size:1.7cqw;margin-top:1.5cqw}.cove-editorial-title{position:absolute;right:0;top:-1cqw;font-size:7cqw;margin:0;line-height:1.4}.cove-editorial>span:last-child{font-size:2cqw;padding-top:2.5cqw;margin-top:auto}.about{display:grid;grid-template-columns:1fr;margin-top:66px;padding:28px 0 34px;gap:24px}.about-content>h2{font-size:29px;line-height:1.65;letter-spacing:-1px;margin:-6px 0 18px}.about-content>p{font-size:10px;line-height:2;margin-bottom:21px}.about-practice{gap:6px}.about-practice>span{font-size:8px;padding:7px 9px}.about .contact-link{font-size:10px;margin-top:20px}.contact-block{display:block;padding:26px 0 31px}.contact-block>div{margin-top:24px}.contact-block .contact-mail{font-size:clamp(21px,6vw,29px)}.contact-public-phone{font-size:9px;margin-top:17px}.contact-public-phone a{font-size:12px;margin-left:20px}.footer{padding:21px 0 25px;font-size:8px;gap:15px}.footer>span{font-size:7px;line-height:1.7;order:3;width:100%}.index-row strong{font-size:13px}.index-meta h2{font-size:14px}.index-open-label{font-size:9px;padding:11px 14px;bottom:17px;right:17px}dialog#project-dialog{width:96vw;max-height:96dvh}#project-dialog>.dialog-toolbar{padding:10px 13px;gap:10px}.dialog-toolbar>span{font-size:8px}.dialog-toolbar>div{gap:2px}.dialog-toolbar button{padding:9px 10px;font-size:9px;min-width:31px}.dialog-toolbar .dialog-close{padding:8px 10px;font-size:9px}.toolbar-link{margin-left:2px}.project-link-status{right:15px;top:53px;font-size:8px}.detail-head{padding:30px 23px 26px}.detail-head .small-label{font-size:7px}.detail-head h2{font-size:31px;margin:17px 0 16px}.detail-head p{font-size:11px;line-height:1.95}.case-meta{gap:18px;grid-template-columns:1.4fr 1fr;margin-top:24px;padding-top:18px}.case-meta dt{font-size:6px;margin-bottom:8px}.case-meta dd{font-size:8px;line-height:1.9}.case-context{display:block;padding:29px 23px 25px}.case-overline{display:block;font-size:7px;margin-bottom:15px}.case-context h3{font-size:21px;line-height:1.6;margin-bottom:17px}.case-context p{font-size:10px;line-height:2;padding:0}.brand-studio{margin:6px 23px 25px}.brand-studio .identity-board,.identity-logo{min-height:215px}.identity-logo strong{font-size:29px}.studio-toolbar{padding:17px 0;gap:12px}.studio-toolbar>span{font-size:9px}.studio-controls button{font-size:8px;padding:6px 8px}.detail-strip{padding:23px 23px 29px;gap:22px}.detail-strip>span{font-size:8px}.detail-next{padding-top:8px;gap:12px}.detail-next>small{font-size:7px}.detail-next>strong{font-size:27px;line-height:1.4}.contact-dialog{padding:0 25px 26px}.contact-dialog h2{font-size:28px}.contact-dialog>.small-label{font-size:8px;padding-top:25px}.contact-dialog>.contact-focus{font-size:10px;margin-bottom:22px}.contact-options>a,.contact-options>button{padding:16px 0;gap:13px}.contact-options strong{font-size:12px}.contact-options small{font-size:8px}.contact-copy-status{font-size:9px}.contact-dialog .solid-button{font-size:9px}}
@media(max-width:370px){.wordmark img{width:116px}.header nav{gap:14px}.header nav a,.header nav button{font-size:9px}.hero-top>span:last-child{font-size:6px}.hero-intro>a{font-size:7px;gap:10px}.caption h2{font-size:11px;gap:6px}.caption>span:not(.caption-arrow){font-size:6px}.caption{gap:6px}.about-content>h2{font-size:26px}.case-meta{grid-template-columns:1fr;gap:16px}.toolbar-link{font-size:8px!important}.dialog-toolbar>span{font-size:7px}.dialog-toolbar button{padding:9px 8px;min-width:27px}.dialog-toolbar .dialog-close{padding:8px}.detail-head h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){.project{transition:none}.project.project-pending{opacity:1;translate:none}.cover img{transition:none!important}.cover:hover img{transform:none!important}}
.project.editorial-feature>.pace-cover{aspect-ratio:1.5}

.about-content{display:grid;grid-template-columns:minmax(0,1fr) 180px;column-gap:40px}.about-content>h2,.about-content>p,.about-content>.about-practice,.about-content>.contact-link{grid-column:1}.about-portrait{grid-column:2;grid-row:1/span 4;margin:0;align-self:start;padding:8px;border:1px solid #e0e4d9;background:#fff}.about-portrait>img{display:block;width:100%;height:auto}.about-portrait>figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:12px 3px 3px;color:#7e8874;font-size:8px}.about-portrait small{font-size:6px;letter-spacing:.06em;color:#99a28f}@media(min-width:761px) and (max-width:1100px){.about{grid-template-columns:1fr;gap:27px}.about-content{grid-template-columns:minmax(0,1fr) 170px;column-gap:34px}}@media(max-width:760px){.about-content{grid-template-columns:minmax(0,1fr) 110px;column-gap:24px}.about-content>h2{grid-column:1/-1}.about-portrait{grid-column:2;grid-row:2/span 3;padding:5px}.about-portrait>figcaption{display:block;font-size:8px;padding:9px 2px 2px;line-height:1.6}.about-portrait small{display:block;font-size:5px;letter-spacing:.04em}.about-content>p{margin-bottom:18px}.about-content>.about-practice{align-self:start}.about .contact-link{align-self:start}}@media(max-width:370px){.about-content{grid-template-columns:minmax(0,1fr) 90px;column-gap:18px}.about-practice>span{font-size:7px;padding:7px 8px}.about-portrait>figcaption{font-size:7px}.about-portrait small{font-size:4.5px}}