@charset "UTF-8";
:root{--paper:#f3f1ec;--ink:#282924;--muted:#74746b;--line:#cfcec5;--accent:#7b8268;--gutter:clamp(22px,5.1vw,88px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Noto Sans TC","Microsoft JhengHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{display:block;width:100%;height:auto}figure,p,h1,h2,h3{margin:0}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.wrap{max-width:1600px;margin:auto;padding-left:var(--gutter);padding-right:var(--gutter)}.site-header{height:118px;display:flex;align-items:center;justify-content:space-between}.wordmark{font-size:39px;letter-spacing:-2.5px;font-weight:600;line-height:.88;display:inline-flex;flex-direction:column}.wordmark span{font-size:11px;letter-spacing:.7px;margin-top:9px;font-weight:400}.site-header nav{display:flex;align-items:center;gap:37px;font-size:12px}.site-header nav a{padding:12px 0}.site-header nav a span{margin-left:7px;color:var(--muted);font-size:10px}.site-header nav a:hover,.text-link:hover{color:var(--accent)}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:500}.hero-heading{display:flex;align-items:flex-end;justify-content:space-between;padding:47px 0 48px}.hero h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(75px,8.9vw,142px);letter-spacing:-6px;line-height:.94;margin-top:25px}.hero h1 em,.studio h2 em{font-weight:400}.hero-note{padding:0 8% 10px 20px}.small-cross{display:block;font-size:29px;font-weight:200;margin-bottom:28px}.hero-note h2{font-size:21px;font-weight:400;letter-spacing:3px}.hero-note p{font-size:12px;line-height:2.2;color:var(--muted);letter-spacing:.6px;margin-top:17px}.text-link{display:inline-flex;font-size:11px;gap:52px;border-bottom:1px solid var(--line);padding:0 0 10px;margin-top:27px}.hero-image{height:clamp(360px,45vw,690px);position:relative;overflow:hidden;background:#bbbcb6}.hero-image img{height:100%;object-fit:cover;object-position:center 48%}.hero-image:after{content:"";position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#0005);pointer-events:none}.hero-image figcaption{position:absolute;bottom:26px;left:29px;right:29px;display:flex;justify-content:space-between;color:white;font-size:9px;letter-spacing:2px;z-index:1}.image-footnote{display:flex;justify-content:space-between;margin-top:17px;font-size:10px;letter-spacing:1px;color:var(--muted)}.image-footnote span:last-child{font-size:8px;letter-spacing:1.5px}.section{padding-top:100px;padding-bottom:100px}.section-top{display:flex;align-items:center;justify-content:space-between;padding-top:21px;border-top:1px solid var(--line)}.section-note{font-size:11px;color:var(--muted);letter-spacing:1px}.project-heading{display:flex;align-items:end;justify-content:space-between;margin:43px 0 45px}.project-heading h2{font-size:36px;font-weight:400;letter-spacing:5px}.project-heading h2 span{display:block;font-family:Georgia,serif;font-style:italic;font-size:19px;letter-spacing:0;color:var(--muted);margin-top:12px}.project-heading p{font-size:12px;line-height:2;color:#5d6056;letter-spacing:.5px}.project-heading p>span{display:block;margin-top:8px;font-size:10px;color:var(--muted)}.project-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.view-tabs,.mode-tabs{display:flex;gap:24px}.project-toolbar button{border:0;background:none;padding:11px 0;font-size:11px;color:var(--muted);border-bottom:1px solid transparent;white-space:nowrap}.view-tabs button[aria-pressed=true]{color:var(--ink);border-color:var(--ink)}.mode-tabs{gap:3px;background:#e6e5df;padding:4px}.mode-tabs button{padding:9px 13px;font-size:10px}.mode-tabs button[aria-pressed=true]{background:var(--paper);color:var(--ink)}.project-viewer{background:#e5e3dc}.project-viewer figure{position:relative}.project-viewer img{width:100%;aspect-ratio:4/3;object-fit:cover}.project-viewer figcaption{position:absolute;left:20px;bottom:20px;padding:9px 12px;background:#f3f1eceb;font-size:9px;letter-spacing:1.5px}.project-viewer.compare{display:grid;grid-template-columns:1fr 1fr;gap:9px}.project-viewer.compare .render-frame{order:-1}.project-caption{display:flex;justify-content:space-between;margin-top:15px;font-size:10px;color:var(--muted);letter-spacing:.4px}.project-caption>span{letter-spacing:1.5px;font-size:9px}.project-thumbnails{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:36px}.thumbnail{border:0;background:none;text-align:left;padding:0;opacity:.65;transition:opacity .2s}.thumbnail[aria-pressed=true],.thumbnail:hover{opacity:1}.thumbnail img{aspect-ratio:16/10;object-fit:cover}.thumbnail>span{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.7px;border-bottom:1px solid var(--line);padding:15px 0}.thumbnail[aria-pressed=true]>span{border-color:var(--ink)}.studio{background:#e8e7df;padding-top:67px;padding-bottom:89px}.studio-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:9%;padding-top:65px}.studio h2{font-family:Georgia,serif;font-size:clamp(46px,5.1vw,78px);font-weight:400;line-height:1.04;letter-spacing:-2.7px}.studio-copy h3{font-size:21px;font-weight:400;letter-spacing:2px;margin-bottom:22px}.studio-copy p{font-size:12px;line-height:2.2;color:#5d6056;letter-spacing:.6px;margin-top:12px;max-width:420px}.services{display:flex;flex-wrap:wrap;gap:12px 24px;border-top:1px solid #c4c6ba;margin-top:30px;padding-top:20px;font-size:10px}.status{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:8px}.status i{width:5px;height:5px;border-radius:50%;background:var(--accent)}.lab-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-top:45px}.lab h2{font-size:25px;font-weight:400;line-height:1.8;letter-spacing:2px}.lab-grid>div>p{font-size:12px;color:var(--muted);line-height:2.2;margin-top:20px}.lab-list details{border-bottom:1px solid var(--line)}.lab-list summary{cursor:pointer;list-style:none;padding:21px 0;display:flex;justify-content:space-between;font-size:13px;letter-spacing:1px}.lab-list summary::-webkit-details-marker{display:none}.lab-list summary small{font-size:9px;color:var(--muted);margin-right:25px}.lab-list details p{font-size:12px;line-height:2;color:var(--muted);padding:0 25px 22px 39px}.detail-icon{transition:transform .2s}.lab-list details[open] .detail-icon{transform:rotate(45deg)}.contact{background:#30352e;color:var(--paper);padding:73px 0 47px}.contact>.wrap>.eyebrow{color:#b0b6a5}.contact-title{display:flex;align-items:center;justify-content:space-between;padding:35px 0 46px;border-bottom:1px solid #646b5d}.contact-title h2{font-size:clamp(30px,5vw,72px);font-weight:400;letter-spacing:5px}.contact-title>span{font-size:70px;font-weight:200;transition:transform .2s}.contact-title:hover>span{transform:translate(5px,-5px)}.contact-bottom{display:flex;justify-content:space-between;gap:15px;margin-top:25px;font-size:11px;color:#c1c5b7;letter-spacing:.5px}.contact-bottom a{font-size:13px;letter-spacing:0}.contact-bottom a span{margin-left:15px}footer{height:144px;display:flex;align-items:center;justify-content:space-between}footer .wordmark{font-size:30px}footer .wordmark span{font-size:8px;margin-top:7px}footer p{font-size:9px;color:var(--muted)}.back-top{font-size:8px;letter-spacing:1px}.skip-link{position:fixed;top:-60px;left:20px;background:var(--ink);color:white;padding:12px;z-index:10}.skip-link:focus{top:10px}[hidden]{display:none!important}::selection{background:#d4d9c6}
@media(min-width:1600px){.hero-heading{padding-top:60px}}@media(max-width:800px){.site-header{height:96px}.hero-heading{padding-top:34px}.hero h1{letter-spacing:-4px}.hero-note{padding-right:0}.hero-note h2{font-size:17px;letter-spacing:1px}.hero-note p{font-size:11px}.small-cross{margin-bottom:15px}.hero-image{height:450px}.section{padding-top:65px;padding-bottom:65px}.studio-grid{gap:7%;padding-top:45px}.studio h2{font-size:48px}.studio-copy h3{font-size:17px}.lab-grid{gap:6%}.lab h2{font-size:20px}.desktop-break{display:none}.project-thumbnails{gap:15px}.contact-title h2{letter-spacing:2px}}
@media(max-width:560px){.site-header{height:92px}.wordmark{font-size:33px}.wordmark span{font-size:9px}.site-header nav{gap:20px;font-size:10px}.site-header nav a span{display:none}.hero-heading{display:block;padding-top:28px;padding-bottom:30px}.hero .eyebrow{font-size:8px;letter-spacing:1.5px}.hero h1{font-size:84px;line-height:.95;letter-spacing:-4px;margin-top:23px}.hero-note{padding:28px 0 0;display:grid;grid-template-columns:1fr auto;align-items:start;gap:10px 12px}.small-cross{display:none}.hero-note h2{font-size:17px;letter-spacing:2px}.hero-note p{margin:0;grid-column:1;line-height:1.9;font-size:10px}.hero-note .text-link{grid-column:2;grid-row:1/3;align-self:end;margin:0;gap:20px;font-size:10px}.hero-image{height:390px}.hero-image img{object-position:40% 50%}.hero-image figcaption{left:17px;right:17px;bottom:18px;font-size:7px;letter-spacing:1px}.hero-image figcaption span:last-child{display:none}.image-footnote{font-size:9px;letter-spacing:0}.image-footnote span:last-child{font-size:7px;letter-spacing:.5px}.eyebrow{font-size:9px;letter-spacing:1.2px}.section-note{font-size:9px}.project-heading{display:block;margin:30px 0}.project-heading h2{font-size:29px;letter-spacing:3px}.project-heading h2 span{font-size:17px}.project-heading p{font-size:11px;margin-top:23px}.project-heading p br{display:none}.project-heading p>span{margin-top:3px}.project-toolbar{align-items:start;flex-direction:column;gap:12px}.view-tabs{width:100%;justify-content:space-between;gap:12px}.mode-tabs{width:100%}.mode-tabs button{flex:1}.project-viewer.compare{grid-template-columns:1fr;gap:8px}.project-viewer figcaption{left:12px;bottom:12px;font-size:8px;padding:7px 9px}.project-caption{font-size:9px;line-height:1.8}.project-caption>span{display:none}.project-thumbnails{gap:9px;margin-top:25px}.thumbnail>span{font-size:8px;letter-spacing:0;line-height:1.6;padding:10px 0}.thumbnail>span>span:last-child{display:none}.thumbnail img{aspect-ratio:1/1}.studio-grid,.lab-grid{grid-template-columns:1fr;gap:33px}.studio h2{font-size:55px}.studio-copy h3{font-size:19px}.studio-copy p{font-size:12px}.services{gap:10px 20px}.lab h2{font-size:24px}.lab-list summary{font-size:13px}.contact{padding:48px 0 35px}.contact-title{padding:27px 0 30px}.contact-title h2{font-size:29px;letter-spacing:1px}.contact-title>span{font-size:43px}.contact-bottom{flex-direction:column;font-size:10px;gap:18px}.contact-bottom a{font-size:13px}footer{height:128px;flex-wrap:wrap;gap:10px}footer p{font-size:8px}.back-top{font-size:7px}}
/* English copy: natural letter spacing and room for longer labels. */
.hero-note{width:34%;padding-right:0}.hero-note h2{letter-spacing:-.5px;line-height:1.4}.hero-note p{letter-spacing:0}.hero-note .text-link{gap:28px}.project-heading h2{font-family:Georgia,serif;font-size:44px;letter-spacing:-1.5px}.project-heading p{letter-spacing:0}.studio-copy h3{letter-spacing:-.4px;line-height:1.5}.studio-copy p,.lab-grid>div>p{letter-spacing:0;font-size:13px;line-height:1.9}.services{gap:12px 20px}.lab h2{letter-spacing:-.7px;font-size:29px;line-height:1.5}.lab-list summary{letter-spacing:0}.contact-title h2{font-family:Georgia,serif;font-size:clamp(50px,6.7vw,98px);line-height:1.07;letter-spacing:-2px}.contact-bottom{letter-spacing:0}.thumbnail>span{letter-spacing:0}
@media(max-width:800px){.hero-note{width:38%}.hero-note h2{font-size:18px}.hero-note .text-link{gap:16px}.project-toolbar{gap:12px}.view-tabs{gap:17px}.mode-tabs button{padding:9px 10px}.lab h2{font-size:25px}}
@media(max-width:560px){.hero-note{width:100%}.hero-note h2{font-size:17px}.hero-note .text-link{font-size:9px;gap:12px}.project-heading h2{font-size:36px}.project-heading p br{display:initial}.project-heading p{line-height:1.9}.thumbnail>span{font-size:8px;min-height:47px}.studio-copy h3{font-size:20px}.lab h2{font-size:26px}.contact-title h2{font-size:49px;letter-spacing:-1.5px}.contact-title>span{font-size:38px}.contact-title{gap:15px}.image-footnote span:first-child{max-width:54%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
.team-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:9%;margin-top:65px;padding-top:35px;border-top:1px solid #c4c6ba}.team-profile h3{font-family:Georgia,serif;font-size:32px;font-weight:400;letter-spacing:-.6px;margin-top:17px}.team-role{font-size:12px;color:var(--muted);margin-top:8px}.career{list-style:none;margin:28px 0 0;padding:0}.career li{display:grid;grid-template-columns:135px 1fr;gap:12px;margin-top:19px}.career li>span{font-size:9px;color:var(--muted);letter-spacing:.5px;line-height:1.8}.career p,.team-description{font-size:12px;line-height:1.9;color:#5d6056}.team-description{max-width:360px;margin-top:28px}.team-description a{text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.content-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:42px 0}.content-heading h2{font-family:Georgia,serif;font-size:clamp(38px,4.2vw,64px);font-weight:400;letter-spacing:-1.5px;line-height:1.08}.content-heading h2 em{font-weight:400}.content-heading>p{font-size:12px;line-height:1.9;color:var(--muted)}.process-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;column-gap:8%}.process-list li{display:grid;grid-template-columns:35px 1fr;gap:15px;padding:26px 0;border-top:1px solid var(--line)}.step-number{font-family:Georgia,serif;font-style:italic;font-size:21px;color:var(--accent)}.process-list h3{font-size:16px;font-weight:400;line-height:1.5}.process-list p{font-size:12px;line-height:1.9;color:var(--muted);margin-top:9px}.fees{padding-bottom:10px}.fees-heading{font-family:Georgia,serif;font-size:clamp(30px,3.3vw,48px);font-weight:400;letter-spacing:-1px;margin:38px 0}.fees-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%}.fees-grid article{border-top:1px solid var(--line);padding-top:25px}.fees-grid h3{font-family:Georgia,serif;font-size:clamp(26px,2.9vw,42px);font-weight:400;letter-spacing:-1px;line-height:1.2;margin:20px 0}.fees-grid h3 span{font-family:Arial,sans-serif;font-size:13px;color:var(--muted);letter-spacing:0}.fees-grid article>p:not(.eyebrow),.fees-grid li{font-size:12px;line-height:1.9;color:var(--muted)}.fees-grid article>p+p{margin-top:12px}.fees-grid ul{padding-left:17px;margin:15px 0 0}.fees-grid li{padding-left:3px;margin-top:5px}
@media(max-width:800px){.career li{grid-template-columns:1fr;gap:3px}.team-grid{gap:7%}.fees-grid h3{font-size:27px}.content-heading h2{font-size:42px}}
@media(max-width:560px){.team-grid,.process-list,.fees-grid{grid-template-columns:1fr}.team-grid{gap:36px;margin-top:42px}.team-profile h3{font-size:30px}.career li{grid-template-columns:124px 1fr;gap:10px}.career p{font-size:11px}.team-description{margin-top:20px}.content-heading{display:block;margin:32px 0}.content-heading h2{font-size:40px}.content-heading>p{margin-top:20px}.process-list li{grid-template-columns:30px 1fr;padding:23px 0}.process-list h3{font-size:16px}.fees-grid{gap:34px}.fees-heading{font-size:33px;line-height:1.15}.fees-grid h3{font-size:34px}.studio .section-top{align-items:start;gap:15px}.studio .section-note{max-width:110px;text-align:right;line-height:1.5}}