:root{--paper:#f5f3ef;--ink:#292824;--muted:#77746e;--line:#d8d5cd;--olive:#777866;--serif:"Noto Serif TC",serif;--sans:"DM Sans","Noto Sans TC",sans-serif;--gutter:clamp(22px,5.1vw,86px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-weight:400}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}.skip-link{background:var(--ink);color:#fff;z-index:100;padding:12px 16px;position:absolute;top:-60px;left:12px}.skip-link:focus{top:12px}.site-header{height:90px;padding:0 var(--gutter);z-index:10;background:var(--paper);border-bottom:1px solid #2928241f;justify-content:space-between;align-items:center;display:flex;position:relative}.wordmark{align-items:center;gap:12px;display:flex}.wordmark-cn{font-family:var(--serif);letter-spacing:.16em;font-size:27px}.wordmark-en{letter-spacing:.16em;color:var(--muted);font-size:8px;line-height:1.4}.site-nav{letter-spacing:.08em;align-items:center;gap:clamp(24px,4vw,62px);font-size:12px;display:flex}.site-nav a,.header-contact,.text-link,.back-top{transition:opacity .25s}.site-nav a:hover,.header-contact:hover,.text-link:hover,.back-top:hover{opacity:.56}.header-contact{letter-spacing:.08em;align-items:center;gap:14px;font-size:11px;display:flex}.header-contact svg,.contact-cta svg{fill:none;stroke:currentColor;stroke-width:1.3px;width:20px}.menu-toggle{display:none}.hero{padding:0 var(--gutter) 0;position:relative}.hero-image-wrap{background:#d7d1c6;height:min(61vw,690px);min-height:420px;position:relative;overflow:hidden}.hero-image{object-fit:cover;object-position:center 54%;transform-origin:50%;width:100%;height:100%;animation:1.1s cubic-bezier(.2,.7,.2,1) both hero-in;display:block}.hero-image-caption{color:#fff;letter-spacing:.08em;text-shadow:0 1px 8px #0008;justify-content:space-between;font-size:10px;display:flex;position:absolute;bottom:22px;left:24px;right:24px}.hero-copy{grid-template-columns:1fr minmax(440px,650px) 1fr;align-items:start;padding:50px 1.2vw 58px;display:grid}.hero-side-note{letter-spacing:.1em;color:var(--muted);margin:14px 0;font-size:10px;line-height:1.9}.hero-heading{max-width:650px}.eyebrow,.section-index{letter-spacing:.17em;color:var(--olive);margin:0 0 23px;font-size:9px}.hero h1,.intro h2,.services h2,.about h2,.faq h2,.contact h2{font-family:var(--serif);letter-spacing:.06em;font-weight:400}.hero h1{margin:0 0 21px;font-size:clamp(42px,6vw,76px);line-height:1.38}.hero-intro{color:#66635d;letter-spacing:.025em;margin:0 0 22px;font-size:13px;line-height:2.15}.text-link{border-bottom:1px solid var(--ink);letter-spacing:.08em;align-items:center;gap:20px;padding:0 0 8px;font-size:11px;display:inline-flex}.text-link span{font-size:15px}.hero-index{color:var(--muted);letter-spacing:.15em;justify-self:end;margin-top:22px;font-size:9px}.scroll-cue{right:var(--gutter);letter-spacing:.18em;color:var(--muted);writing-mode:vertical-rl;flex-direction:column;align-items:center;gap:12px;font-size:7px;display:flex;position:absolute;bottom:95px}.scroll-cue i{background:var(--ink);transform-origin:top;width:1px;height:53px;animation:1.8s ease-in-out infinite scroll-line}.section-pad{padding-left:var(--gutter);padding-right:var(--gutter)}.intro{padding-top:100px;padding-bottom:92px}.intro>.section-index{margin-bottom:36px}.intro-main{grid-template-columns:1.1fr .8fr;align-items:end;gap:10vw;display:grid}.intro h2{margin:0;font-size:clamp(39px,5.5vw,68px);line-height:1.45}.intro h2 em,.contact h2 em{color:var(--olive);font-style:normal}.intro-text{max-width:430px;padding-bottom:10px}.intro-text p,.about-copy>p:not(.section-index){color:#66635d;letter-spacing:.025em;margin:0 0 28px;font-size:13px;line-height:2.2}.intro-rule{border-top:1px solid var(--line);letter-spacing:.16em;color:var(--muted);justify-content:space-between;margin-top:75px;padding-top:15px;font-size:8px;display:flex}.projects{background:#efede7;padding-top:96px;padding-bottom:120px}.section-heading{justify-content:space-between;align-items:end;display:flex}.section-heading .section-index{margin-bottom:20px}.section-heading h2{font:400 clamp(32px,4vw,48px)/1.4 var(--serif);letter-spacing:.04em;margin:0}.section-heading h2 span{font:400 10px var(--sans);letter-spacing:.1em;color:var(--muted);vertical-align:middle;margin-left:22px}.section-aside{font:11px/2 var(--sans);color:var(--muted);margin:0 4.5vw 5px 20px}.filters{border-bottom:1px solid var(--line);gap:29px;margin:45px 0 35px;padding-bottom:14px;display:flex}.filter-button{cursor:pointer;color:#858178;letter-spacing:.08em;background:0 0;border:0;padding:0;font-size:10px}.filter-button.is-active{color:var(--ink)}.filter-button span{color:var(--olive);padding-left:5px;font-size:8px}.filter-button:focus-visible,.project-open:focus-visible,.menu-toggle:focus-visible,.dialog-close:focus-visible{outline-offset:5px;outline:2px solid #777866}.project-grid{grid-template-columns:1.16fr .84fr;align-items:start;gap:78px 9vw;display:grid}.project-card{min-width:0}.project-card--offset{margin-top:125px}.project-card--wide{grid-column:1/3;width:75%;margin:0 auto}.project-card--large .project-image{aspect-ratio:1.18}.project-card--offset .project-image{aspect-ratio:.86}.project-image{aspect-ratio:1.16;background:#d9d5cc;display:block;position:relative;overflow:hidden}.project-image img{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .6s;display:block}.project-open:hover .project-image img{transform:scale(1.035)}.image-arrow{background:var(--paper);opacity:0;border-radius:50%;place-items:center;width:37px;height:37px;font-size:17px;transition:opacity .25s,transform .25s;display:grid;position:absolute;top:15px;right:15px;transform:translateY(5px)}.project-open:hover .image-arrow,.project-open:focus-visible .image-arrow{opacity:1;transform:none}.project-open{text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding:0}.project-meta{justify-content:space-between;align-items:start;padding-top:17px;display:flex}.project-meta strong{font:400 14px var(--serif);letter-spacing:.06em;display:block}.project-meta small{letter-spacing:.08em;color:var(--muted);margin-top:8px;font-size:9px;display:block}.project-number{letter-spacing:.12em;color:#969289;padding-top:4px;font-size:8px}.project-card.is-hidden{display:none}.project-note{color:var(--muted);margin:56px 0 0;font-size:10px;line-height:1.8}.services{background:#e8e6df;padding-top:98px;padding-bottom:112px}.services-top{justify-content:space-between;display:flex}.services-coordinate{letter-spacing:.17em;color:var(--muted);font-size:8px}.services h2{margin:20px 0 72px;font-size:clamp(40px,6vw,76px);line-height:1.4}.service-list{border-top:1px solid #c8c5bc}.service-row{border-bottom:1px solid #c8c5bc;grid-template-columns:.28fr 1.1fr 1fr .15fr;align-items:center;gap:20px;padding:24px 6px;transition:padding .3s,background .3s;display:grid}.service-row:hover{background:#eeece6;padding-left:16px;padding-right:16px}.service-no{color:var(--olive);letter-spacing:.08em;font-size:9px}.service-row h3{font:400 18px var(--serif);letter-spacing:.05em;margin:0}.service-row p{color:#6d6a63;max-width:380px;margin:0;font-size:11px;line-height:1.9}.service-mark{text-align:right;font-size:17px}.about{grid-template-columns:1.03fr .7fr;align-items:center;gap:11vw;padding-top:130px;padding-bottom:130px;display:grid}.about-image{background:#ddd8cf;height:580px;overflow:hidden}.about-image img{object-fit:cover;width:100%;height:100%}.about-copy{max-width:440px}.about-copy .section-index{margin-bottom:34px}.about h2{margin:0 0 27px;font-size:clamp(34px,4vw,53px);line-height:1.6}.faq{background:#efede7;grid-template-columns:.8fr 1fr;gap:10vw;padding-top:100px;padding-bottom:115px;display:grid}.faq h2{margin:0;font-size:clamp(30px,3.4vw,45px);line-height:1.6}.faq-list{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font:400 14px var(--serif);letter-spacing:.04em;justify-content:space-between;gap:20px;padding:23px 0;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary span{font:300 19px var(--sans);transition:transform .2s}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{color:#66635d;max-width:520px;margin:0;padding:0 30px 19px 0;font-size:11px;line-height:2}.contact{color:#f5f3ef;padding:100px var(--gutter) 95px;background:#30312c}.contact-inner{max-width:1100px;margin:auto}.contact .section-index{color:#b8b59f}.contact h2{margin:0 0 22px;font-size:clamp(42px,6vw,76px);line-height:1.5}.contact h2 em{color:#b8b59f}.contact-inner>p:not(.section-index){color:#c4c1b8;letter-spacing:.05em;margin:0 0 34px;font-size:12px}.contact-cta{font:400 22px var(--serif);letter-spacing:.08em;border-bottom:1px solid #85857a;align-items:center;gap:32px;padding-bottom:13px;transition:gap .25s;display:inline-flex}.contact-cta:hover{gap:42px}.contact-cta svg{width:23px}.contact-caption{letter-spacing:.12em;color:#aaa79e;margin-top:65px;font-size:9px;display:block}.site-footer{padding:30px var(--gutter);grid-template-columns:1fr 1fr 1fr auto;align-items:center;gap:20px;display:grid}.footer-mark .wordmark-cn{font-size:21px}.site-footer p,.site-footer small,.back-top{letter-spacing:.07em;color:var(--muted);font-size:9px}.site-footer p{margin:0}.site-footer small{grid-column:4}.back-top{justify-self:end}.project-dialog{background:var(--paper);width:min(1050px,100% - 36px);max-width:none;max-height:90vh;color:var(--ink);border:0;padding:0;box-shadow:0 30px 120px #0005}.project-dialog::backdrop{backdrop-filter:blur(4px);background:#1d1c19b3}.dialog-close{z-index:2;background:var(--paper);cursor:pointer;letter-spacing:.1em;border:0;padding:10px 13px;font-size:10px;position:absolute;top:17px;right:17px}.dialog-close span{margin-left:8px;font-size:17px}.dialog-content{grid-template-columns:1.15fr .85fr;min-height:500px;display:grid}.dialog-image{object-fit:cover;width:100%;height:100%;min-height:500px}.dialog-text{align-self:center;padding:56px}.dialog-location{margin-bottom:20px}.dialog-text h2{font:400 35px/1.5 var(--serif);letter-spacing:.05em;margin:0 0 22px}.dialog-description{color:var(--muted);margin-bottom:30px;font-size:12px;line-height:2.1}.js .reveal{opacity:0;transition:opacity .75s,transform .75s cubic-bezier(.2,.7,.2,1);transform:translateY(25px)}.js .reveal.is-visible{opacity:1;transform:none}@keyframes hero-in{0%{opacity:.7;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes scroll-line{0%,to{opacity:.45;transform:scaleY(.45)}50%{opacity:1;transform:scaleY(1)}}@media (width<=850px){.site-header{height:75px}.site-nav{gap:22px}.header-contact span{display:none}.hero-image-wrap{height:62vw;min-height:370px}.hero-copy{grid-template-columns:.5fr 1.5fr .35fr;padding-top:37px}.hero-side-note{font-size:8px}.hero h1{font-size:clamp(40px,7.2vw,62px)}.scroll-cue{bottom:77px}.about{grid-template-columns:1fr .9fr;gap:7vw}.about-image{height:470px}.faq{gap:6vw}.dialog-text{padding:34px}}@media (width<=620px){html{scroll-padding-top:70px}.site-header{height:70px}.wordmark-cn{font-size:23px}.menu-toggle{right:var(--gutter);z-index:3;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:42px;height:42px;display:flex;position:absolute}.menu-toggle span{background:var(--ink);width:22px;height:1px;transition:transform .25s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px)rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px)rotate(-45deg)}.site-nav{background:var(--paper);padding:24px var(--gutter) 30px;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:21px;display:none;position:absolute;top:69px;left:0;right:0}.site-nav.is-open{display:flex}.header-contact{margin-right:53px}.header-contact span{display:none}.hero{padding:0}.hero-image-wrap{height:75vh;min-height:490px;max-height:680px}.hero-image{object-position:57% center}.hero-image-caption{font-size:8px;bottom:16px;left:16px;right:16px}.hero-copy{padding:32px var(--gutter) 48px;display:block}.hero-side-note{display:none}.hero h1{font-size:clamp(43px,12vw,60px);line-height:1.42}.hero-intro{font-size:11px}.hero-intro br,.hero-index{display:none}.scroll-cue{right:var(--gutter);bottom:48px}.scroll-cue span{display:none}.scroll-cue i{height:35px}.intro{padding-top:77px;padding-bottom:72px}.intro>.section-index{margin-bottom:24px}.intro-main{display:block}.intro h2{margin-bottom:24px;font-size:45px;line-height:1.55}.intro-text p{font-size:12px}.intro-rule{margin-top:49px;font-size:7px}.projects{padding-top:77px;padding-bottom:80px}.section-heading{align-items:start}.section-heading h2{font-size:32px}.section-heading h2 span{margin:7px 0;font-size:8px;display:block}.section-aside{display:none}.filters{white-space:nowrap;gap:21px;margin:34px 0 25px;overflow:auto}.filter-button{font-size:9px}.project-grid{display:block}.project-card,.project-card--offset,.project-card--wide{width:100%;margin:0 0 38px}.project-card--offset{margin-top:0}.project-image,.project-card--large .project-image,.project-card--offset .project-image{aspect-ratio:1.1}.project-card--offset .project-image{aspect-ratio:.94}.project-meta strong{font-size:13px}.project-note{margin-top:15px;font-size:9px}.services{padding-top:76px;padding-bottom:78px}.services h2{margin:15px 0 43px;font-size:47px}.services-coordinate{font-size:7px}.service-row{grid-template-columns:30px 1fr 20px;gap:10px;padding:20px 0}.service-row h3{font-size:15px}.service-row p{grid-area:2/2;font-size:10px}.service-mark{grid-area:1/3}.about{padding-top:80px;padding-bottom:82px;display:block}.about-image{height:108vw;max-height:470px;margin-bottom:38px}.about h2{font-size:38px}.about-copy>p:not(.section-index){font-size:11px}.faq{padding-top:77px;padding-bottom:80px;display:block}.faq h2{margin-bottom:38px;font-size:34px}.faq summary{padding:20px 0;font-size:13px}.contact{padding-top:78px;padding-bottom:72px}.contact h2{font-size:clamp(38px,10vw,53px)}.contact-inner>p:not(.section-index){font-size:11px}.contact-cta{font-size:20px}.contact-caption{margin-top:48px}.site-footer{grid-template-columns:1fr 1fr;padding-top:25px;padding-bottom:25px}.site-footer p{grid-area:2/1/auto/-1}.back-top{grid-area:1/2}.site-footer small{grid-area:3/1/auto/-1}.dialog-content{min-height:0;display:block}.dialog-image{height:58vh;min-height:260px;max-height:440px}.dialog-text{padding:28px 24px 35px}.dialog-text h2{font-size:27px}.project-dialog{max-height:92vh}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}picture{display:contents}.site-header{position:sticky;top:0}.site-nav a[aria-current=page]{border-bottom:1px solid var(--ink);padding-bottom:4px}.hero h1 span{color:#66635d;letter-spacing:.08em;margin-top:10px;font-size:.56em;line-height:1.6;display:block}.page-head{padding:70px var(--gutter) 50px;border-bottom:1px solid var(--line)}.page-head h1{font:400 clamp(34px,4.6vw,58px)/1.4 var(--serif);letter-spacing:.05em;margin:0 0 18px}.page-head p{color:#66635d;max-width:640px;margin:0;font-size:13px;line-height:2.1}.breadcrumb{letter-spacing:.08em;color:var(--muted);flex-wrap:wrap;gap:8px;margin:0 0 26px;font-size:10px;display:flex}.breadcrumb a:hover{color:var(--ink)}.breadcrumb span[aria-hidden]{color:#b0aca3}.card-grid{padding:60px var(--gutter) 110px;grid-template-columns:repeat(3,1fr);gap:56px 3.4vw;display:grid}.card{display:block}.card .project-image{aspect-ratio:1.25}.card:hover .project-image img{transform:scale(1.035)}.card-title{justify-content:space-between;gap:12px;padding-top:15px;display:flex}.card-title strong{font:400 15px var(--serif);letter-spacing:.06em}.card-title small{letter-spacing:.06em;color:var(--muted);margin-top:6px;font-size:10px;display:block}.card-title span{color:#969289;letter-spacing:.1em;white-space:nowrap;padding-top:4px;font-size:9px}.project-head{grid-template-columns:1.1fr .9fr;align-items:end;gap:6vw;display:grid}.project-facts{grid-template-columns:repeat(3,auto);justify-content:start;gap:8px 40px;margin:0;padding:0;display:grid}.project-facts dt{letter-spacing:.14em;color:var(--olive);margin-bottom:4px;font-size:9px}.project-facts dd{font:400 14px var(--serif);letter-spacing:.05em;margin:0}.project-body{max-width:680px;padding:46px var(--gutter) 10px}.project-body p{color:#4e4c47;letter-spacing:.03em;margin:0 0 18px;font-size:14px;line-height:2.2}.project-body .note{color:var(--muted);font-size:12px}.photo-grid{padding:40px var(--gutter) 30px;grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.photo-grid .gallery-item{cursor:zoom-in;aspect-ratio:1.42;background:#d9d5cc;border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.photo-grid .gallery-item:first-child{aspect-ratio:1.9;grid-column:1/-1}.photo-grid .gallery-item img{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.2,.7,.2,1);display:block}.photo-grid .gallery-item:hover img{transform:scale(1.03)}.photo-grid figcaption{color:#fff;letter-spacing:.05em;text-align:left;background:linear-gradient(#0000,#0009);padding:26px 14px 10px;font-size:10px;position:absolute;bottom:0;left:0;right:0}.cta-band{margin:60px var(--gutter) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:30px;padding:44px 0;display:flex}.cta-band h2{font:400 clamp(22px,2.6vw,32px)/1.5 var(--serif);letter-spacing:.05em;margin:0}.cta-band p{color:var(--muted);margin:8px 0 0;font-size:12px}.related{padding:70px var(--gutter) 0}.related h2{font:400 22px var(--serif);letter-spacing:.06em;margin:0}.related .card-grid{padding:30px 0 100px}.pager{padding:0 var(--gutter) 30px;letter-spacing:.06em;justify-content:space-between;font-size:11px;display:flex}.prose{max-width:760px;padding:60px var(--gutter) 40px}.prose h2{font:400 clamp(24px,2.8vw,34px)/1.5 var(--serif);letter-spacing:.05em;margin:50px 0 18px}.prose h3{font:400 18px var(--serif);letter-spacing:.05em;margin:30px 0 10px}.prose p,.prose li{color:#4e4c47;letter-spacing:.03em;font-size:14px;line-height:2.15}.steps{border-top:1px solid var(--line);margin:20px 0 0;padding:0;list-style:none}.steps li{border-bottom:1px solid var(--line);grid-template-columns:70px 1fr;gap:16px;padding:20px 0;display:grid}.steps li>span{letter-spacing:.14em;color:var(--olive);padding-top:6px;font-size:9px}.steps h3{margin:0 0 4px}.steps p{color:#66635d;margin:0;font-size:12px;line-height:2}.nap{grid-template-columns:auto 1fr;gap:12px 28px;margin:24px 0 0;font-size:14px;display:grid}.nap dt{letter-spacing:.12em;color:var(--olive);padding-top:4px;font-size:10px}.nap dd{font-family:var(--serif);letter-spacing:.05em;margin:0}.nap a{border-bottom:1px solid var(--line)}.video{aspect-ratio:16/9;background:#1d1c19;margin:18px 0 8px;position:relative;overflow:hidden}.video button{cursor:pointer;background:0 0;border:0;width:100%;padding:0;position:absolute;inset:0}.video img{object-fit:cover;opacity:.85;width:100%;height:100%;transition:opacity .3s}.video button:hover img{opacity:1}.video .play{width:66px;height:66px;color:var(--ink);background:#f5f3efe6;border-radius:50%;place-items:center;margin:-33px 0 0 -33px;font-size:20px;display:grid;position:absolute;top:50%;left:50%}.video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.video-caption{color:var(--muted);margin:0 0 30px;font-size:11px}.lightbox{color:#fff;background:#141412;border:0;max-width:min(92vw,1200px);max-height:92vh;padding:0;overflow:visible}.lightbox::backdrop{background:#141412e6}.lightbox img{object-fit:contain;width:auto;max-width:92vw;height:auto;max-height:84vh;display:block}.lightbox p{margin:0;padding:10px 14px;font-size:12px}.lightbox-close{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff9;width:38px;height:38px;font-size:24px;position:absolute;top:-46px;right:0}.site-footer address{letter-spacing:.07em;color:var(--muted);font-size:9px;font-style:normal;line-height:1.9}.not-found{text-align:center;place-content:center;min-height:60vh;padding:80px 22px;display:grid}@media (width<=850px){.card-grid{grid-template-columns:repeat(2,1fr)}.project-head{grid-template-columns:1fr}}@media (width<=620px){.page-head{padding:46px var(--gutter) 36px}.card-grid{padding:40px var(--gutter) 70px;grid-template-columns:1fr;gap:38px}.photo-grid{grid-template-columns:1fr;gap:10px}.photo-grid .gallery-item:first-child{aspect-ratio:1.3}.project-facts{grid-template-columns:1fr 1fr}.cta-band{display:block}.cta-band .text-link{margin-top:20px}.steps li{grid-template-columns:52px 1fr}}.card-title strong{color:var(--ink)}