:root{--ink:#232322;--muted:#74756e;--line:#deded7;--paper:#fff;--soft:#f6f6f2;--accent:#687d70;--red:#b63b32;--gold:#97793d;--pad:clamp(1.3rem,5vw,5.5rem)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.85 "Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif}a{color:inherit;text-underline-offset:5px}button,input,summary{font:inherit}button,summary{cursor:pointer}button,input{border:1px solid #bbb;background:#fff;padding:.7rem 1rem}button:hover{background:var(--soft)}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid #547ca6;outline-offset:5px}img{max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:500}h1,h2{font-family:"Noto Serif TC","Songti TC","PMingLiU",serif;line-height:1.45}h1{font-size:clamp(2.7rem,5.6vw,5.6rem);letter-spacing:.02em}h2{font-size:clamp(1.8rem,3vw,3rem);letter-spacing:.025em}h3{line-height:1.5}.wrap{width:min(1480px,100%);margin:auto;padding:0 var(--pad)}.topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem var(--pad);border-bottom:1px solid var(--line);background:#fffffff5;backdrop-filter:blur(12px)}.wordmark{text-decoration:none;white-space:nowrap}.studio-brand{display:inline-flex;align-items:center;gap:.34em;font-family:"Noto Serif TC","Songti TC",serif;letter-spacing:.09em;line-height:1.2}.mark{height:.95em;width:.94em;object-fit:contain;display:block}.topbar .studio-brand{font-size:1.3rem}.topbar nav{display:flex;gap:2rem;align-items:center;font-size:.88rem}.topbar nav a{text-decoration:none}.topbar nav a:hover{color:var(--red)}.nav-dropdown{position:relative}.nav-dropdown summary{list-style:none;white-space:nowrap}.nav-dropdown summary:after{content:'⌄';margin-left:.5rem;font-size:.8em}.nav-dropdown[open] summary:after{content:'⌃'}.nav-dropdown>div{position:absolute;top:2.5rem;left:-1rem;min-width:190px;background:#fff;border:1px solid var(--line);padding:.5rem;box-shadow:0 10px 25px #0001}.nav-dropdown a{display:block;padding:.5rem}.eyebrow{font:500 .73rem/1.5 Arial,sans-serif;letter-spacing:.18em;color:var(--accent);margin-bottom:1.6rem}.home-intro{display:grid;grid-template-columns:1fr 260px;gap:clamp(3rem,9vw,9rem);padding-top:clamp(4rem,7vw,7rem);padding-bottom:6rem}.home-title{font-size:clamp(2.3rem,5vw,5rem);margin-bottom:2rem}.home-statement{font-family:"Noto Serif TC","Songti TC",serif;font-size:clamp(1.8rem,3.2vw,3.2rem);line-height:1.7;letter-spacing:.09em}.home-description{color:#686962;max-width:41rem;font-size:1.05rem}.button{display:inline-flex;gap:4rem;align-items:center;text-decoration:none;border-bottom:1px solid #666;padding:.6rem 0;margin-top:1rem;font-size:.86rem}.studio-note{align-self:end;border-top:1px solid var(--line);padding-top:1.5rem;color:var(--muted);font-size:.87rem}.vertical-label{font:10px Arial,sans-serif;letter-spacing:.19em}.photographer{margin:1.3rem 0;font-size:.95rem;color:#393d38;letter-spacing:.1em}.photographer small{font-size:.73rem}.text-link{font-size:.84rem}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2rem}.home-areas{padding-top:4rem;padding-bottom:5rem;border-top:1px solid var(--line)}.home-areas .section-heading{display:block}.experience-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}.experience-grid>a{text-decoration:none;padding:2.5rem 3rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .2s}.experience-grid>a:hover{background:#f7f8f4}.experience-grid .index{font:11px Arial,sans-serif;letter-spacing:.1em;color:var(--accent)}.experience-grid h3{font-family:"Noto Serif TC",serif;font-size:1.75rem;margin:1.1rem 0}.experience-grid p{color:#65675f;font-size:.96rem;max-width:31rem}.arrow{font-size:.8rem}.home-closing{padding-top:5rem;padding-bottom:7rem;background:var(--soft)}.home-closing>p:not(.eyebrow){font-family:"Noto Serif TC",serif;font-size:clamp(1.5rem,3vw,2.7rem);line-height:1.8}.home-closing>div{display:flex;gap:2rem;font-size:.83rem}.page-heading{max-width:1480px;padding:5rem var(--pad) 3rem;margin:auto}.page-heading h1{margin-bottom:1.7rem}.lede{max-width:49rem;color:#6e7068;font-size:1.08rem}.section-tabs{display:flex;gap:2rem;border-bottom:1px solid var(--line);padding:1rem 0;margin-bottom:2rem;font-size:.9rem}.section-tabs a{text-decoration:none}.search-box{display:flex;gap:1rem;align-items:center;font-size:.83rem}.search-box input{width:min(100%,32rem);font-size:.85rem}.source-note{font-size:.78rem;color:#84867e;margin:1.5rem 0}.category-section{padding:4rem 0;border-bottom:1px solid var(--line)}.category-section:last-child{border-bottom:0}.category-section .section-heading{display:block}.featured-text{display:block;border-left:3px solid #4285f4;background:#f6f9fc;text-decoration:none;padding:2rem 2.5rem;margin-bottom:2rem}.featured-text h3{font-size:1.9rem;margin-bottom:.7rem}.featured-text p{color:#67737c;margin-bottom:.8rem}.featured-text>span:last-child{font-size:.8rem}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.project-card{border:1px solid var(--line);padding:1.5rem 1.6rem;background:#fff}.project-meta{display:flex;justify-content:space-between;color:#85867f;font-size:.69rem;letter-spacing:.07em}.project-card h3{font-size:1.2rem;margin:1.4rem 0 .5rem;overflow-wrap:anywhere}.project-card>p{color:#74766f;font-size:.85rem;margin-bottom:1.2rem}.project-card details{border-top:1px solid #eee;padding-top:.8rem;font-size:.8rem}.project-card details p{margin:.8rem 0;color:#696c64}.project-card details a{color:#547164}.project-block{margin-bottom:3rem}.group-title{font-size:1.4rem;border-left:2px solid var(--accent);padding-left:1rem;margin-bottom:1.5rem}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.3rem}.article-card{padding:1.8rem;border-top:1px solid var(--line);background:var(--soft);display:flex;flex-direction:column;align-items:start}.article-card h3{font-family:"Noto Serif TC",serif;font-size:1.4rem}.article-card>p{font-size:.86rem;color:#62665e}.article-card details{font-size:.82rem;margin-bottom:1.2rem}.article-card>a{font-size:.8rem;margin-top:auto}.photo{margin:2.5rem 0 3rem}.photo-frame{position:relative;background:#f4f4f1}.photo-frame>img{display:block;width:100%;height:auto}.photo-credit{position:absolute;bottom:0;right:0;padding:.45rem .8rem;color:white;background:#0008;font:10px/1.5 Arial,sans-serif;letter-spacing:.06em}.photo figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.4rem 1rem;padding:.7rem 0;color:#777;font-size:.79rem}.photo figcaption small{font-size:.62rem;color:#8b8d84}.gallery-pair{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.gallery-pair .photo{margin:0 0 1.5rem}.project-story{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin:3rem 0;color:#63685f}.source-links{display:flex;gap:2rem;font-size:.85rem;margin:1rem 0 5rem}.luxury-opening{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(3rem,7vw,7rem);align-items:center;padding-bottom:4rem}.luxury-hero{max-width:450px;margin:0}.luxury-opening>div p:not(.eyebrow){color:#77776d}.latest-brand{display:flex;flex-direction:column;border-top:1px solid #c1b698;border-bottom:1px solid #c1b698;margin-top:3rem;padding:1.5rem 0;text-decoration:none;color:#796942}.latest-brand span{font-size:.75rem;letter-spacing:.1em}.latest-brand strong{font-family:Georgia,serif;letter-spacing:.12em;font-size:2.7rem;font-weight:400;margin:.3rem 0}.latest-brand small{font-size:.75rem}.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:3rem;padding:3rem 0}.service-grid p{color:#72756d}.award-callout{padding:2rem 2.5rem;background:#f8f6ef;border-left:3px solid #bca369;margin-bottom:3rem}.award-callout>span{font-size:.7rem;color:#9a8050;letter-spacing:.1em}.award-callout h2{margin:1rem 0}.award-callout p,.award-callout a{font-size:.86rem}.award-row{display:grid;grid-template-columns:90px 1fr 140px;gap:2rem;padding:3rem 0;border-top:1px solid var(--line)}.award-row time{font-family:Georgia,serif;color:#a58b5b;font-size:1.4rem}.award-row h2{font-size:1.9rem;margin-bottom:1rem}.award-row p:not(.eyebrow){color:#73776e;font-size:.9rem}.award-row small{font-size:.8rem;color:#777}.award-row>a{font-size:.8rem;align-self:start}.editorial-intro{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.editorial-intro .photo{margin:0}.editorial-intro p:not(.eyebrow){color:#72756d}.archive-controls{display:flex;justify-content:space-between;gap:1.5rem}.archive-controls .search-box{flex:1}#resultStatus{font-size:.75rem;color:#85887f;margin:1rem 0 2rem}.biography{display:grid;grid-template-columns:1fr 1.1fr;gap:5rem;margin:1rem 0 5rem}.biography h2{font-size:2rem}.biography p{color:#6f7268}.career-timeline{border-left:1px solid #c7cbbf;padding-left:2rem}.career-timeline article{margin-bottom:2rem}.career-timeline time{font-size:.75rem;color:#7c906f;letter-spacing:.1em}.career-timeline h3{margin:.7rem 0}.career-timeline p{font-size:.9rem}.inline-mark{width:.94em;height:.95em;object-fit:contain;display:inline-block;vertical-align:-.12em;margin-right:.16em}.google-word{white-space:nowrap}.google-word .g0,.google-word .g3{color:#4285f4}.google-word .g1,.google-word .g5{color:#ea4335}.google-word .g2{color:#fbbc05}.google-word .g4{color:#34a853}h1 .google-word .g2,h2 .google-word .g2,h3 .google-word .g2{color:#fbbc05}footer{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:2rem;margin-top:6rem;padding:3rem var(--pad) 2rem;border-top:1px solid var(--line);background:#f8f8f5;color:#6f7269;font-size:.84rem}footer .studio-brand{font-size:1.65rem;color:#373b34}footer small{font-size:.64rem}footer .copyright{grid-column:1/-1;padding-top:1.5rem;border-top:1px solid #e6e6df;color:#92958c}.empty{font-size:.85rem;color:#888}
@media(max-width:1050px){.project-grid,.article-grid{grid-template-columns:1fr 1fr}.topbar nav{gap:1rem}.home-intro{grid-template-columns:1fr 220px;gap:3rem}.topbar .studio-brand{font-size:1.1rem}.experience-grid>a{padding:2rem}.biography{gap:3rem}}
@media(max-width:760px){html{scroll-padding-top:135px}.topbar{align-items:start;flex-direction:column;padding:1rem 1.3rem;gap:.9rem}.topbar nav{width:100%;justify-content:space-between;gap:.5rem;font-size:.74rem}.nav-dropdown>div{top:2rem;min-width:170px}.home-intro{grid-template-columns:1fr;gap:3rem;padding-top:3rem;padding-bottom:4rem}.home-title{font-size:clamp(2rem,7.5vw,3.5rem)}.studio-note{max-width:390px}.experience-grid,.project-grid,.article-grid,.gallery-pair,.project-story,.luxury-opening,.editorial-intro,.biography{grid-template-columns:1fr}.experience-grid>a{padding:1.8rem}.page-heading{padding-top:3rem}.section-tabs{font-size:.78rem;gap:1rem}.section-heading{align-items:start;flex-direction:column}.home-closing>div,.source-links{flex-direction:column;gap:1rem}.project-story{gap:1rem}.luxury-opening{gap:2rem}.luxury-hero{max-width:340px;margin:auto}.gallery-pair{gap:0}.photo figcaption{flex-direction:column}.photo-credit{font-size:8px}.award-row{grid-template-columns:1fr;gap:.6rem}.archive-controls{flex-direction:column}.archive-controls button{align-self:start}.search-box{align-items:start;flex-direction:column;gap:.5rem}.search-box input{width:100%}.editorial-intro{gap:2rem}.biography{gap:3rem}.career-timeline{padding-left:1.3rem}footer{grid-template-columns:1fr;gap:1.5rem;margin-top:3rem}.service-grid{gap:1rem}footer .copyright{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.project-preview{position:relative;display:block;margin-bottom:1.2rem;aspect-ratio:2/1;background:#f5f5f5;overflow:hidden}.project-preview img{width:100%;height:100%;object-fit:contain}.project-preview span,.mini-copyright{position:absolute;right:7px;bottom:6px;background:#ffffffdd;padding:3px 6px;font-size:10px;color:#333}.gallery-link{display:block;margin:1rem 0;font-size:.9rem;color:#42675d}.mini-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,8cm));gap:1.5rem;max-width:calc(16cm + 1.5rem);margin:2rem 0}.mini-photo{margin:0}.mini-frame{position:relative;width:100%;aspect-ratio:2/1;background:#f5f5f5}.mini-frame img{width:100%;height:100%;object-fit:contain}.mini-photo figcaption{display:flex;justify-content:space-between;gap:.5rem;font-size:12px;color:#777;margin-top:.65rem}.cloud-project-intro{font-size:.9rem;color:#666;margin:2rem 0;overflow-wrap:anywhere}.image-rights{font-size:12px;color:#777;line-height:1.8}@media(max-width:600px){.mini-gallery{grid-template-columns:minmax(0,8cm);max-width:100%}}

/* V9: small full-colour proof-size portfolio photographs. */
.mini-gallery{grid-template-columns:repeat(2,minmax(0,4cm));max-width:calc(8cm + 1.5rem)}
.project-preview{width:min(4cm,100%);aspect-ratio:2/1}
.project-preview span{font-size:9px;max-width:100%;white-space:nowrap;overflow:hidden}
.mini-frame{aspect-ratio:2/1}.mini-copyright{font-size:9px;padding:2px 3px}
.mini-photo figcaption{display:block;font-size:12px}
.photo,.luxury-hero{width:min(4cm,100%);max-width:4cm;margin-left:0;margin-right:0}
.photo-frame{aspect-ratio:2/1;background:#f5f5f5}.photo-frame img{width:100%;height:100%;object-fit:contain}
.photo-credit{font-size:9px;max-width:100%;overflow:hidden;white-space:nowrap}
.photo figcaption{display:block;font-size:12px}.photo figcaption small{display:block;margin-top:.5rem;font-size:12px}
.luxury-opening{grid-template-columns:4cm minmax(0,1fr);align-items:start}.editorial-intro{display:block}
.cloud-project-intro{margin:1.5rem 0}.project-summary{max-width:44rem}
@media(max-width:760px){.luxury-opening{grid-template-columns:1fr}.luxury-hero{margin:0}}
@media(max-width:400px){.mini-gallery{grid-template-columns:minmax(0,4cm);max-width:100%}}