@font-face{font-family:Noto;src:url(../../assets/fonts/NotoSansTC-400.woff?v=11a1ed61be57) format("woff");font-weight:400;font-display:swap}@font-face{font-family:Noto;src:url(../../assets/fonts/NotoSansTC-700.woff?v=265c73d10a0e) format("woff");font-weight:700;font-display:swap}@font-face{font-family:Archivo;src:url(../../assets/fonts/Archivo-ExtraBold.woff2) format("woff2");font-weight:800;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#f4f4ef;color:#1d211e;font-family:Noto,Arial,sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,select,textarea{font:inherit}button{cursor:pointer}button,a,select,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #2250f4;outline-offset:4px}.skip{position:fixed;top:-100px;left:16px;background:#fff;padding:12px;z-index:10}.skip:focus{top:12px}header{height:116px;margin:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1d211e}.brand{font-size:32px;line-height:1.1;font-weight:700;letter-spacing:-.08em}.brand span{display:block;font-size:10px;letter-spacing:.16em;margin-top:7px}nav{display:flex;gap:40px}nav a,.back{min-height:44px;display:flex;align-items:center}.back{font-size:13px}.hero{display:grid;grid-template-columns:43% 57%;padding:54px 4% 24px;position:relative}.eyebrow{font-size:13px;letter-spacing:.12em;margin:0 0 38px}.hero h1{font-size:clamp(58px,6.6vw,106px);line-height:1.18;letter-spacing:-.065em;margin:0 0 44px;font-weight:400;position:relative;z-index:1}.hero h1 span{white-space:nowrap}.hero-heading{padding-top:12px}.hero-note{font-size:16px;margin:0 0 38px;line-height:1.8}.line-link{display:flex;justify-content:space-between;max-width:180px;border-bottom:1px solid;padding:12px 0}.hero-image{margin:0}.hero-image img{display:block;width:100%;height:620px;object-fit:cover;filter:grayscale(1)}figcaption{display:flex;justify-content:space-between;font-size:12px;padding:13px 0}.concept{font-size:12px;grid-column:1/-1;margin-top:45px;color:#50564f}.projects{padding:92px 4% 110px}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:36px}.section-title h2{font-size:42px;font-weight:400;margin:0;letter-spacing:-.045em}.section-title p{font-size:12px;text-align:right;margin:0;line-height:1.5}.filter{display:flex;gap:27px;margin:0 0 30px}.filter button{background:none;border:0;padding:8px 0;min-height:44px;color:#5c625c;position:relative}.filter button.active{color:#1d211e}.filter button.active:after{content:"";height:2px;position:absolute;left:0;right:0;bottom:0;background:#1d211e}.filter sup{font-size:10px}.project-row{width:100%;display:grid;grid-template-columns:6% 45% 25% 18% 6%;align-items:center;border:0;border-top:1px solid #a6aaa0;background:transparent;text-align:left;padding:26px 0;min-height:105px;color:inherit;transition:background .15s,padding .15s}.project-row:last-child{border-bottom:1px solid #a6aaa0}.project-row:hover{background:#e6e8df;padding-left:12px}.project-row .num{font-size:12px}.project-row .project-name{font-size:29px;font-weight:400;margin:0}.project-row .type,.project-row .year{font-size:13px}.project-row .arrow{font-size:28px;text-align:right;padding-right:8px}.practice{background:#222921;color:#f2f1e9;display:grid;grid-template-columns:38% 62%;padding:88px 8% 98px 4%}.practice-label{font-size:14px}.practice-label span{display:inline-block;font-size:12px;margin-top:8px;opacity:.65}.practice h2{font-size:57px;line-height:1.35;font-weight:400;margin:0 0 36px;letter-spacing:-.045em}.practice p{max-width:590px;line-height:1.95}.principles{margin-top:54px;max-width:600px}details{border-top:1px solid #687164;padding:18px 0}summary{cursor:pointer;min-height:28px;font-size:17px}details p{font-size:14px;color:#c6ccc0;margin-left:30px}.inquiry{padding:112px 4%;display:grid;grid-template-columns:1fr 1fr;gap:10%}.inquiry h2{font-size:43px;font-weight:400;margin:0 0 26px}.inquiry p{font-size:14px;line-height:1.9}.inquiry .eyebrow{margin-bottom:22px}#inquiry-form{display:flex;flex-direction:column}label{font-size:13px;margin:0 0 8px}select,textarea{border:1px solid #949c8f;background:transparent;border-radius:0;min-height:48px;padding:12px;margin-bottom:20px;color:inherit;width:100%}textarea{resize:vertical}.submit{background:#222921;color:#fff;padding:16px 20px;border:0;display:flex;justify-content:space-between;min-height:56px}output{display:block;margin-top:20px;font-size:14px;white-space:pre-line}footer{margin:0 4%;border-top:1px solid #949c8f;padding:50px 0 36px;display:flex;justify-content:space-between;align-items:end;gap:30px}footer p,footer a{font-size:12px}.footer-mark{font-size:38px;line-height:1;margin:0}.footer-mark span{display:block;font-family:Archivo,sans-serif;font-size:11px;letter-spacing:.11em;margin-top:10px}dialog{padding:0;border:0;background:#f4f4ef;width:min(920px,94vw);max-height:92dvh;color:#1d211e}dialog::backdrop{background:#131912c9;backdrop-filter:blur(4px)}.dialog-top{display:flex;justify-content:space-between;padding:16px 25px;align-items:center;font-size:12px}.dialog-top button,.dialog-nav button{border:0;background:none;padding:10px;color:inherit;min-height:44px}dialog>img{width:100%;height:340px;object-fit:cover;filter:grayscale(1)}.dialog-body{padding:28px 36px}.dialog-body h2{font-size:36px;font-weight:400;margin:12px 0}.dialog-body>p{font-size:15px;max-width:720px}.dialog-body #dialog-meta,.drawing-note{font-size:12px}.dialog-nav{display:flex;justify-content:space-between;border-top:1px solid #aaa;margin-top:30px;padding-top:14px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}@media(min-width:1600px){body{max-width:1900px;margin:auto}}@media(max-width:1023px){header{height:95px}nav{gap:22px}.hero{grid-template-columns:45% 55%;padding-top:40px}.hero h1{font-size:62px}.hero-image img{height:550px}.hero-heading{padding-top:4px}.hero-note{font-size:14px}.practice h2{font-size:46px}.practice{grid-template-columns:29% 71%;padding-right:6%}.inquiry{gap:6%}.inquiry h2{font-size:35px}}@media(max-width:650px){header{height:92px;margin:0 20px;flex-wrap:wrap;gap:0;padding:14px 0}.brand{font-size:25px}.brand span{font-size:8px}nav{gap:19px;font-size:13px}.back{display:none}.hero{display:flex;flex-direction:column;padding:38px 20px 15px}.hero .eyebrow{margin-bottom:20px}.hero h1{font-size:56px;margin:0 0 22px}.hero-note{font-size:14px;display:inline-block;margin:0 0 22px}.line-link{width:145px;font-size:14px;margin-bottom:25px}.hero-image img{height:auto;aspect-ratio:1.13;object-fit:cover}.hero-image figcaption{font-size:10px}.concept{font-size:11px;margin-top:24px}.projects{padding:65px 20px}.section-title h2{font-size:32px}.section-title p{font-size:10px}.filter{gap:22px;font-size:13px}.project-row{grid-template-columns:10% 63% 20% 7%;padding:23px 0;min-height:105px}.project-row .project-name{font-size:22px}.project-row .type{font-size:11px}.project-row .year{display:none}.project-row .arrow{font-size:22px}.practice{display:block;padding:50px 20px}.practice-label{margin-bottom:35px}.practice h2{font-size:44px}.practice p{font-size:15px}.principles{margin-top:40px}.inquiry{padding:66px 20px;display:block}.inquiry h2{font-size:32px}.inquiry #inquiry-form{margin-top:35px}footer{margin:0 20px;display:grid;grid-template-columns:1fr 1fr;padding:32px 0;gap:20px}footer>p:nth-child(2){font-size:10px}footer>a{grid-column:1/-1}.dialog-body{padding:20px}.dialog-body h2{font-size:28px}dialog>img{height:250px}.dialog-nav button{font-size:12px;padding:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
body.preview-mode{pointer-events:none}body.preview-mode *{animation:none!important;transition:none!important}noscript{font-size:13px}button:disabled{cursor:default;opacity:1}

.hero-image img{object-position:53% 50%}.image-disclosure{font-size:11px;color:#50564f;margin:0;line-height:1.7}@media(max-width:650px){.hero-image img{object-position:56% 50%}.image-disclosure{font-size:10px}}

/* Stack before the narrow-tablet headline can collide with the image. */
@media(min-width:651px) and (max-width:800px){.hero{grid-template-columns:1fr;gap:30px}.hero-heading{padding-top:0}.hero h1{font-size:64px;margin-bottom:24px}.hero-note{margin-bottom:20px}.hero-image img{height:480px;object-position:53% 50%}.line-link{margin-bottom:6px}}