@font-face{font-family:Noto;src:url(fonts/NotoSansTC-Regular.woff2) format('woff2');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8f5ef;color:#342e2b;font-family:Arial,Noto,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{max-width:100%;height:auto;display:block}[hidden]{display:none!important}a:focus-visible,button:focus-visible{outline:3px solid #955e59;outline-offset:6px}.skip{position:absolute;top:-100px;z-index:10;background:#fff;padding:16px}.skip:focus{top:0}.work-header{padding:24px 5%;display:flex;gap:24px;align-items:center;border-bottom:1px solid #ded8cf}.work-brand{display:flex;align-items:center;gap:12px;font-size:13px;letter-spacing:2px}.work-brand small{display:block;font-size:8px;letter-spacing:1px;margin-top:6px}.work-header nav{margin-left:auto;display:flex;gap:28px;align-items:center;font-size:13px}.work-header nav a{padding:12px 0}.work-header nav a:hover,.underlined:hover{color:#955e59}.nav-plan{border-bottom:1px solid #955e59}#workLanguage{background:none;border:1px solid #d5c9c2;padding:12px;min-height:44px}.work-intro{padding:100px 7% 70px}.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;line-height:1.7}h1,h2,p{margin-top:0}.work-intro h1{font-size:clamp(64px,10vw,152px);font-weight:400;letter-spacing:-.065em;line-height:1;margin:30px 0}.intro-line{font-size:18px;color:#70675f}.work-selection{padding:0 5% 100px}.filter-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #ded8cf;padding:20px 0 50px}.filters{display:flex;flex-wrap:wrap;gap:8px}.filters button{border:1px solid transparent;background:none;border-radius:40px;padding:13px 20px;min-height:44px}.filters button[aria-pressed=true]{background:#ead5d0;border-color:#d9b8b0}.filters button:hover{background:#f0e4de}#filterStatus{font-size:12px;color:#70675f;margin:0;white-space:nowrap}.editorial-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:100px 7%;align-items:start}.work-project{grid-column:span 7;min-width:0}.work-project.small{grid-column:span 5;margin-top:130px}.work-project.wide{grid-column:1/-1;margin-top:0}.project-image{overflow:hidden;background:#e9e2d9}.project-image img{width:100%;transition:transform .6s cubic-bezier(.2,.7,.3,1)}.project-link:hover img{transform:scale(1.015)}.project-caption{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:22px 0}.project-caption .eyebrow{color:#80635c;margin-bottom:10px}.project-caption h2{font-size:clamp(25px,2.5vw,40px);font-weight:400;letter-spacing:-.04em;margin-bottom:0}.project-caption>span{font-size:28px}.work-cta{text-align:center;background:#eee1da;padding:100px 20px}.work-cta h2{font-size:clamp(44px,6vw,84px);font-weight:400;letter-spacing:-.05em;margin:20px 0 36px}.cta-links{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:30px}.button{display:inline-block;background:#342e2b;color:#fff;padding:18px 28px;transition:background .2s}.button:hover{background:#955e59}.underlined{display:inline-block;padding:12px 0;border-bottom:1px solid #a9867c;font-size:14px}.work-footer{display:flex;justify-content:space-between;padding:30px 5%;font-size:12px;gap:20px}.project-detail{padding:0 5%}.project-breadcrumb{padding:36px 0;font-size:13px}.project-opening{display:grid;grid-template-columns:4fr 6fr;gap:8%;align-items:center}.project-copy h1{font-weight:400;font-size:clamp(44px,5.5vw,86px);line-height:1.05;letter-spacing:-.05em;margin:24px 0}.project-description{font-size:16px;line-height:1.8;color:#6c625b;max-width:440px}.service-tags{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:30px 0}.service-tags li{font-size:11px;border:1px solid #d9cbc3;padding:9px 12px;border-radius:30px}figure{margin:0}figcaption{font-size:12px;color:#71655f;padding:14px 0}.zoom-trigger{display:block;cursor:zoom-in}.zoom-trigger img{width:100%}.project-gallery{padding:110px 0 50px}.project-gallery h2{font-size:clamp(32px,4vw,58px);font-weight:400;letter-spacing:-.04em;margin-bottom:45px}.detail-pair{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:start}.detail-pair figure:nth-child(2){margin-top:100px}.next-project{padding:100px 0;border-bottom:1px solid #ded8cf;margin-bottom:80px}.next-project>a{font-size:clamp(30px,4vw,58px);letter-spacing:-.04em}dialog{padding:50px 18px 18px;border:0;background:#231f1d;color:white;max-width:96vw;max-height:96svh;overflow:auto}dialog::backdrop{background:#171311ed}#dialogPhoto{width:auto;height:auto;max-width:88vw;max-height:80svh;margin:auto;object-fit:contain}#closePhoto{position:absolute;right:8px;top:4px;width:44px;height:44px;background:none;border:0;color:white;font-size:30px}#photoError{max-width:420px;padding:20px;line-height:1.6}@media(max-width:950px){.work-header{gap:14px;flex-wrap:wrap}.work-header nav{gap:18px}.work-brand small{display:none}.project-opening{gap:5%;grid-template-columns:1fr 1.2fr}.work-project.small{margin-top:75px}}@media(max-width:700px){.work-header{padding:18px 20px}.work-brand{font-size:11px}.work-brand img{width:42px;height:42px}.work-header nav{order:3;width:100%;justify-content:space-between;gap:8px;font-size:12px}#workLanguage{margin-left:auto}.work-intro{padding:65px 20px 40px}.work-intro h1{font-size:clamp(58px,14vw,90px)}.intro-line{font-size:16px}.work-selection{padding:0 20px 60px}.filter-bar{align-items:flex-start;flex-direction:column;gap:16px;padding-bottom:35px}.filters{gap:4px}.filters button{padding:12px 14px;font-size:13px}.editorial-grid{display:block}.work-project,.work-project.small,.work-project.wide{margin:0 0 55px}.work-project.small{padding:0 5%}.project-caption{padding:18px 0}.project-caption h2{font-size:28px}.work-cta{padding:70px 20px}.cta-links{gap:18px;flex-direction:column}.work-footer{font-size:10px;padding:25px 20px}.project-detail{padding:0 20px}.project-breadcrumb{padding:26px 0}.project-opening{display:flex;flex-direction:column;gap:30px}.project-copy{width:100%}.project-copy h1{font-size:52px}.project-description{font-size:15px}.project-establishing{width:100%}.project-gallery{padding:65px 0 0}.detail-pair{display:block}.detail-pair figure,.detail-pair figure:nth-child(2){margin:0 0 35px}.next-project{padding:55px 0;margin-bottom:55px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}