@font-face{font-family:Jost;src:url(../../assets/jost-300.woff2) format('woff2');font-weight:300;font-display:swap}@font-face{font-family:Jost;src:url(../../assets/jost-400.woff2) format('woff2');font-weight:400;font-display:swap}
:root{--paper:#ffffff;--ink:#262823;--muted:#73766e;--line:#d5d6cf;--green:#56634d;--margin:clamp(24px,6vw,112px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Jost,'Microsoft YaHei','PingFang SC',sans-serif;font-weight:300;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:6px}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400}button{cursor:pointer}.skip{position:fixed;top:-100px;z-index:100;background:var(--paper);padding:20px}.skip:focus{top:0}.nav{position:sticky;top:0;z-index:20;min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:20px var(--margin);background:#ffffffe8;backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{font-size:14px;letter-spacing:.065em;white-space:nowrap}.brand span{margin-left:20px;font-size:12px}.nav nav{display:flex;gap:30px;font-size:12px}.nav a:hover{color:var(--green)}.progress{height:2px;background:var(--green);position:fixed;left:0;top:0;width:0;z-index:30}.eyebrow{font-size:11px;font-weight:400;letter-spacing:.13em;line-height:1.7;color:var(--green)}.intro{padding:65px var(--margin) 62px;max-width:1800px;margin:auto}.intro-top{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.intro h1{font-size:clamp(58px,7.6vw,120px);line-height:1.22;letter-spacing:-.055em;margin:65px 0 50px}.intro h1>span{padding-left:12vw}.intro-bottom{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:40px}.display-en{font-size:clamp(22px,2.8vw,44px);line-height:1.13;letter-spacing:-.025em}.intro-bottom>p:nth-child(2){font-size:13px;line-height:2;color:var(--muted)}.circle{width:56px;height:56px;border:1px solid #959c8b;border-radius:50%;display:grid;place-items:center;font-size:24px;transition:background .4s,color .4s}.circle:hover{background:var(--green);color:white}.opening{margin:0 var(--margin)}.opening>img{width:100%;height:clamp(350px,57vw,820px);object-fit:cover;object-position:center 55%}.opening figcaption{display:flex;justify-content:space-between;font-size:11px;padding:18px 0;color:var(--muted)}.works,.archive{max-width:1800px;margin:auto;padding:140px var(--margin)}.section-heading{display:grid;grid-template-columns:1fr 2fr 1fr;gap:30px;align-items:start;margin-bottom:85px}.section-heading h2{font-size:clamp(28px,3vw,46px);line-height:1.5;letter-spacing:-.03em}.section-heading>p:last-child:not(.eyebrow){font-size:12px;line-height:1.9;color:var(--muted);text-align:right}.work-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:7vw;row-gap:110px;align-items:start}.work:nth-child(even){margin-top:160px}.work-image{display:block;position:relative;background:#ffffff;overflow:hidden}.work-image img{width:100%;height:clamp(280px,35vw,570px);object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.work:nth-child(2) .work-image img,.work:nth-child(4) .work-image img{object-fit:contain;background:white}.work-image:hover img{transform:scale(1.025)}.enter{position:absolute;bottom:20px;right:20px;padding:10px 18px;background:#ffffffed;font-size:12px;opacity:0;transform:translateY(5px);transition:.4s}.work-image:hover .enter,.work-image:focus-visible .enter{opacity:1;transform:none}.work-caption{display:flex;gap:20px;align-items:start;padding-top:26px;border-top:1px solid var(--line);margin-top:15px}.number{font-size:12px;color:var(--muted);padding-top:4px}.work-caption h3{font-size:clamp(23px,2.4vw,35px);margin-top:13px;line-height:1.35}.english{font-size:15px;color:var(--muted);margin-top:7px}.work-caption .eyebrow{font-size:10px}.arrow{margin-left:auto;font-size:26px}.approach{padding:110px var(--margin);background:#ffffff;display:grid;grid-template-columns:1fr 2fr;gap:35px 5vw}.approach h2{font-size:clamp(30px,3.7vw,56px);line-height:1.5;letter-spacing:-.025em}.approach>p:last-child{grid-column:2;font-size:14px;line-height:2.1;max-width:560px;color:#60675b}.archive-list>a{display:grid;grid-template-columns:70px 1fr 1fr auto;align-items:center;gap:25px;border-top:1px solid var(--line);padding:32px 0}.archive-list>a:last-child{border-bottom:1px solid var(--line)}.archive-list h3{font-size:23px}.archive-list small,.archive-list>a>span{color:var(--muted);font-size:11px}.archive-list b{font-weight:300;font-size:25px}.archive-list>a:hover h3{color:var(--green)}.digital{display:flex;gap:30px;flex-wrap:wrap;margin-top:65px;font-size:13px}.digital a{border-bottom:1px solid var(--line);padding-bottom:9px}footer{border-top:1px solid var(--line);padding:50px var(--margin);display:flex;justify-content:space-between;align-items:end;gap:30px;font-size:12px;line-height:1.7}footer>a{font-size:18px}footer>a:last-child{font-size:12px}footer small{display:block;font-size:12px;color:var(--muted);margin-top:8px}.project-intro{padding:55px var(--margin) 85px;max-width:1800px;margin:auto}.back{font-size:12px;display:inline-block;margin-bottom:65px;color:var(--muted)}.project-intro h1{font-size:clamp(44px,6.5vw,98px);letter-spacing:-.045em;line-height:1.35;margin:25px 0 12px}.project-en{font-size:clamp(20px,3vw,40px);color:var(--muted);letter-spacing:-.02em}.project-summary{border-top:1px solid var(--line);margin-top:65px;padding-top:38px;display:grid;grid-template-columns:1fr 1fr;gap:9vw}.project-summary h2{font-size:clamp(23px,2.6vw,38px);line-height:1.6;max-width:510px}.project-summary p{font-size:14px;line-height:2.1;color:#63695e}.project-summary small{display:block;margin-top:24px;font-size:11px;color:var(--muted)}.plate{margin:35px 0 0}.image-button{display:block;background:transparent;border:0;padding:0;width:100%;position:relative;text-align:left}.image-button img{width:100%;background:#fff}.zoom-hint{position:absolute;right:12px;bottom:12px;font-size:11px;padding:8px 12px;background:#fffffff0;border:1px solid var(--line);opacity:0;transition:.3s}.image-button:hover .zoom-hint,.image-button:focus-visible .zoom-hint{opacity:1}.plate figcaption{font-size:11px;color:var(--muted);line-height:1.7;margin-top:14px}.project-cover{margin:0 var(--margin)}.project-cover img{max-height:800px;object-fit:contain;background:#ffffff}.project-body{display:grid;grid-template-columns:210px minmax(0,1fr);gap:7vw;padding:115px var(--margin);max-width:1800px;margin:auto}.chapters{position:sticky;top:125px;align-self:start;display:flex;flex-direction:column;gap:20px}.chapters>.eyebrow{margin-bottom:12px}.chapters>a{font-size:12px;color:var(--muted);display:flex;gap:13px;line-height:1.8}.chapters>a:hover{color:var(--ink)}.chapters>a>span{font-size:10px;color:var(--green);flex-shrink:0}.chapter{margin-bottom:105px;scroll-margin-top:110px}.chapter h2{font-size:clamp(25px,3vw,40px);line-height:1.5;margin:20px 0}.chapter-copy{font-size:14px;line-height:2.1;color:#666c62;max-width:640px}.chapter video{width:100%;margin-top:30px;background:#111}.prototype{display:flex;flex-direction:column;gap:15px;background:#ffffff;padding:40px;margin-bottom:100px}.prototype>span,.prototype small{font-size:12px;color:var(--muted)}.prototype strong{font-size:26px;font-weight:400}.drawing-grid{display:grid;grid-template-columns:1fr;gap:45px;padding:25px 0 55px}.drawing-grid .plate{margin:0}details{margin-top:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}summary{cursor:pointer;padding:23px 0;font-size:14px;line-height:1.7}summary>span{float:right;font-size:12px;color:var(--muted)}.next-project{display:block;background:#ffffff;padding:80px var(--margin)}.next-project h2{font-size:clamp(33px,5vw,72px);line-height:1.5;margin-top:25px}.next-project h2 span{float:right}.next-project>p:last-child{margin-top:12px;color:var(--muted);font-size:18px}dialog{width:96vw;max-width:1800px;height:94vh;max-height:none;padding:65px 25px 20px;border:0;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#141710d9}dialog form{position:absolute;right:25px;top:17px}dialog button{border:1px solid var(--line);background:var(--paper);padding:8px 15px;font-size:12px}.zoom-bar{position:absolute;top:17px;left:25px;display:flex;align-items:center;gap:20px;font-size:12px}.image-stage{height:calc(100% - 35px);overflow:auto;display:flex;align-items:center;justify-content:center}.image-stage img{max-height:100%;width:auto;object-fit:contain}.image-stage.zoomed{display:block}.image-stage.zoomed img{max-width:none;max-height:none;width:auto}#image-caption{font-size:12px;margin-top:12px;color:var(--muted)}body.modal-open{overflow:hidden}
@media(min-width:1800px){.opening,.project-cover{max-width:1576px;margin-left:auto;margin-right:auto}}
@media(max-width:1000px){.section-heading{grid-template-columns:1fr 2fr}.section-heading>p:last-child:not(.eyebrow){display:none}.project-body{grid-template-columns:160px minmax(0,1fr);gap:40px}.work-grid{column-gap:35px}.brand span{display:none}.archive-list>a{grid-template-columns:40px 1fr auto}.archive-list small{display:none}}
@media(max-width:700px){.nav{min-height:70px;padding:18px 22px;gap:15px}.brand{font-size:11px}.nav nav{gap:15px;font-size:11px}.nav nav a:nth-child(2){display:none}.intro{padding-top:42px}.intro-top>p:last-child{display:none}.intro h1{font-size:clamp(44px,10.7vw,72px);margin:50px 0 45px}.intro h1>span{padding-left:4vw}.intro-bottom{grid-template-columns:1fr auto;gap:24px}.intro-bottom>p:nth-child(2){grid-column:1;grid-row:2;font-size:12px}.circle{grid-column:2;grid-row:1/3;width:46px;height:46px}.opening>img{height:420px}.opening figcaption{gap:20px;font-size:9px}.works,.archive{padding-top:80px;padding-bottom:80px}.section-heading{display:block;margin-bottom:45px}.section-heading h2{font-size:29px;margin-top:22px}.work-grid{grid-template-columns:1fr;row-gap:60px}.work:nth-child(even){margin-top:0}.work-image img{height:390px}.work-caption h3{font-size:27px}.enter,.zoom-hint{opacity:1}.approach{padding:65px var(--margin);grid-template-columns:1fr;gap:25px}.approach>p:last-child{grid-column:auto}.approach h2{font-size:30px}.archive-list>a{gap:12px;padding:25px 0}.archive-list h3{font-size:20px}.digital{flex-direction:column;gap:23px}footer{flex-wrap:wrap;align-items:start;padding-top:35px}footer>a{font-size:16px}.project-intro{padding-top:35px;padding-bottom:50px}.back{margin-bottom:45px}.project-summary{grid-template-columns:1fr;gap:25px;margin-top:35px;padding-top:25px}.project-summary h2{font-size:25px}.project-body{display:block;padding-top:60px;padding-bottom:30px}.chapters{position:static;padding-bottom:30px;margin-bottom:45px;border-bottom:1px solid var(--line);gap:12px}.chapter{margin-bottom:70px}.chapter h2{font-size:28px}.chapter-copy{font-size:14px}.project-cover img{max-height:500px}.prototype{padding:25px;margin-bottom:70px}.prototype strong{font-size:23px}.next-project{padding-top:55px;padding-bottom:55px}dialog{padding:70px 12px 20px}.zoom-bar{left:12px;gap:12px;font-size:11px}dialog form{right:12px}.image-stage{align-items:center}.drawing-grid{gap:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}