:root{--ink:#24292a;--muted:#687171;--line:#d9dedd;--paper:#fff;--wash:#f3f5f4;--sea:#35595e;--serif:"Noto Serif TC","PMingLiU","Songti TC",serif;--sans:"Noto Sans TC","Microsoft JhengHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.8 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--sea);outline-offset:6px}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}h1,h2{font-family:var(--serif);font-weight:400}h1{font-size:clamp(2.4rem,4.4vw,4.6rem);line-height:1.45;letter-spacing:.09em}h2{font-size:clamp(1.9rem,3vw,3rem);line-height:1.55;letter-spacing:.09em}h3{font-size:1.12rem;font-weight:400;line-height:1.7;letter-spacing:.035em}.wrap{width:calc(100% - 112px);max-width:1560px;margin-inline:auto}.header{height:112px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:17px;flex-shrink:0}.brand img{width:61px;height:53px;object-fit:contain}.brand-word{font-size:25px;line-height:1.1;letter-spacing:.12em;font-weight:500}.brand-small{font:11px/1.6 Arial,sans-serif;letter-spacing:.12em;margin-top:8px}.brand-zh{font-size:12px;letter-spacing:.22em;margin-top:6px}.nav{display:flex;gap:36px;align-items:center;font-size:14px;letter-spacing:.08em}.nav a{padding:10px 0;position:relative}.nav a[aria-current=page]:after,.nav a:hover:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor}.menu{display:none;background:none;border:0;padding:12px}.eyebrow{font:12px/1.5 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.hero-intro{padding:59px 0 38px;display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.hero-intro h1{font-size:clamp(2rem,3.25vw,3.5rem);line-height:1.55}.hero-intro p{max-width:310px;font-size:14px;color:var(--muted);padding-bottom:9px;letter-spacing:.06em}.hero-media{position:relative;overflow:hidden}.hero-media img{width:100%;height:clamp(350px,42vw,680px);object-fit:cover;object-position:50% 48%}.hero-media a{display:block}.image-link img{transition:transform .65s}.image-link:hover img{transform:scale(1.018)}.hero-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px;padding:16px 0}.hero-caption strong{font-weight:400}.hero-caption span{color:var(--muted)}.intro-section{padding:130px 0;display:grid;grid-template-columns:1fr 1fr;gap:10%}.intro-section .eyebrow{margin-bottom:30px}.intro-section .copy{padding-top:49px;max-width:480px}.copy p{color:#565f60;line-height:2.05;margin-bottom:24px}.text-link{display:inline-block;font-size:14px;letter-spacing:.07em;border-bottom:1px solid currentColor;padding:8px 0;margin-top:10px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;border-top:1px solid var(--line);padding-top:34px;margin-bottom:50px;gap:24px}.section-head .eyebrow{margin-bottom:15px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:66px 48px}.project-card{min-width:0}.card-image{overflow:hidden;background:var(--wash)}.card-image img{width:100%;aspect-ratio:1.5;object-fit:cover;transition:transform .6s}.project-card.render .card-image img{object-fit:contain;background:white}.card-info{display:flex;justify-content:space-between;gap:16px;padding-top:17px}.card-info .meta{font-size:12px;color:var(--muted);margin-top:4px}.index{font:12px/1.7 Arial,sans-serif;color:var(--muted);padding-top:5px}.selected .project-card:nth-child(even){margin-top:120px}.selected .project-card:nth-child(3) .card-image img{aspect-ratio:1.1}.selected{padding-bottom:110px}.craft-band{display:grid;grid-template-columns:1.05fr 1fr;background:var(--wash);margin:50px 0 110px}.craft-band img{width:100%;height:100%;max-height:580px;object-fit:cover}.craft-band .copy{padding:70px 15%}.craft-band h2{margin:28px 0}.footer{border-top:1px solid var(--line);padding:55px 0 25px}.footer-top{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:40px}.footer-name{font-size:21px;letter-spacing:.14em}.footer p,.footer a{font-size:14px}.footer .eyebrow{margin-bottom:15px}.footer-bottom{margin-top:55px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}.page-intro{padding:78px 0 65px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}.page-intro .eyebrow{margin-bottom:20px}.page-intro p{max-width:460px;color:var(--muted)}.filters{display:flex;flex-wrap:wrap;gap:12px 30px;padding:0 0 25px;margin-bottom:45px;border-bottom:1px solid var(--line)}.filters button{background:none;border:0;border-bottom:1px solid transparent;padding:10px 0;font-size:14px;color:var(--muted)}.filters button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--ink)}.filter-count{font-size:12px;color:var(--muted);margin-left:auto;align-self:center}.works-grid{padding-bottom:100px}.works-grid .card-image img{aspect-ratio:1.6}.works-grid .project-card[hidden]{display:none}.competition-list{padding-bottom:100px}.competition-list[hidden]{display:none}.competition-row{display:grid;grid-template-columns:90px 1fr 140px;gap:30px;border-bottom:1px solid var(--line);padding:22px 0}.competition-row span:last-child{text-align:right;font-size:14px}.competition-note{color:var(--muted);max-width:640px;margin-bottom:35px}.breadcrumb{display:inline-block;font-size:13px;color:var(--muted);padding-top:35px}.project-title{display:grid;grid-template-columns:1.6fr 1fr;gap:50px;padding:55px 0 45px}.project-title h1{font-size:clamp(2rem,3.3vw,3.7rem)}.project-title .eyebrow{margin-bottom:14px}.project-description{padding-top:10px;color:var(--muted)}.project-cover{background:var(--wash)}.project-cover img{width:100%;max-height:820px;object-fit:contain}.photo-button{border:0;padding:0;background:transparent;width:100%;display:block;cursor:zoom-in}.caption{font-size:12px;color:var(--muted);padding-top:12px}.details{display:grid;grid-template-columns:1fr 2fr;gap:70px;padding:75px 0}.details dl{display:grid;grid-template-columns:80px 1fr;gap:10px 20px;font-size:14px;margin:0}.details dt{color:var(--muted)}.details dd{margin:0}.details .copy{max-width:670px}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:60px 38px;padding-bottom:90px}.gallery figure:first-child{grid-column:1/-1}.gallery img{width:100%;max-height:850px;object-fit:contain}.gallery figure{align-self:start}.project-next{border-top:1px solid var(--line);padding:40px 0 80px;display:flex;justify-content:space-between;gap:30px}.project-next h3{font-family:var(--serif);font-size:24px}.about-hero{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding:0 0 100px;align-items:center}.about-hero img{width:100%;max-height:650px;object-fit:cover}.about-hero .copy{max-width:530px}.about-hero h2{margin-bottom:25px}.timeline{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin:20px 0 95px}.timeline section{border-top:1px solid var(--line);padding-top:25px}.timeline .year{font:48px/1.3 var(--serif);margin-bottom:22px}.timeline p{color:var(--muted);max-width:490px}.archive-image{padding-bottom:100px}.archive-image img{max-height:650px;width:100%;object-fit:contain}.contact{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-bottom:110px}.contact-list{padding-top:20px}.contact-row{border-top:1px solid var(--line);padding:27px 0}.contact-row .eyebrow{margin-bottom:10px}.contact-row a,.contact-row p{font-size:20px;overflow-wrap:anywhere}.contact-photo img{width:100%;height:600px;object-fit:cover}.contact-note{font-size:14px;color:var(--muted);margin-top:25px}.skip{position:absolute;left:20px;top:-100px;background:white;padding:12px;z-index:50}.skip:focus{top:10px}dialog{border:0;background:#fff;padding:20px;max-width:95vw;max-height:95vh;width:fit-content}dialog::backdrop{background:rgba(14,22,25,.88)}dialog img{max-width:88vw;max-height:78vh;object-fit:contain}dialog .close{display:block;margin:0 0 12px auto;background:white;border:1px solid var(--line);padding:5px 15px;cursor:pointer}dialog p{font-size:13px;padding-top:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.empty{padding:70px 0}.error-page{min-height:50vh;padding:80px 0}.craft-grid{padding-bottom:100px}.craft-grid .card-image img{aspect-ratio:1.3}.source-link{font-size:13px;color:var(--muted);border-bottom:1px solid var(--line)}
[hidden]{display:none!important}.competition-image{margin-top:20px;max-width:600px}.competition-image img{width:100%;max-height:340px;object-fit:contain;background:var(--wash)}
@media(min-width:1600px){.hero-intro{padding-top:70px}}
@media(max-width:900px){.wrap{width:calc(100% - 56px)}.header{height:96px}.nav{gap:22px}.hero-intro{padding-top:42px}.hero-intro p{max-width:220px;font-size:13px}.intro-section{padding:90px 0;gap:7%}.grid{gap:50px 28px}.craft-band .copy{padding:40px 10%}.footer-top{grid-template-columns:1fr 1fr}.footer-top>div:first-child{grid-column:1/-1}.page-intro{gap:40px}.about-hero{gap:40px}.contact{gap:40px}.contact-photo img{height:540px}.project-title{gap:35px}.details{gap:40px}}
@media(max-width:650px){.wrap{width:calc(100% - 40px)}.header{height:92px}.brand img{width:43px;height:43px}.brand{gap:10px}.brand-word{font-size:21px}.brand-small{font-size:10px;margin-top:5px}.brand-zh{font-size:11px;letter-spacing:.12em}.menu{display:block;font-size:14px}.nav{display:none;position:absolute;top:92px;left:0;right:0;background:#fff;padding:25px 30px;z-index:20;box-shadow:0 12px 15px #0000000d;align-items:flex-start}.nav.open{display:flex;flex-direction:column;gap:10px}.hero-intro{display:block;padding:37px 0 28px}.hero-intro h1{font-size:2.05rem;letter-spacing:.08em}.hero-intro p{margin-top:22px;max-width:290px;font-size:14px}.hero-media img{height:410px;object-position:49% 50%}.hero-caption{align-items:flex-start;font-size:12px}.hero-caption>span{max-width:90px;text-align:right}.intro-section{grid-template-columns:1fr;padding:75px 0;gap:25px}.intro-section .copy{padding-top:0}.intro-section .eyebrow{margin-bottom:20px}.section-head{padding-top:26px;margin-bottom:30px}.grid{grid-template-columns:1fr;gap:40px}.selected .project-card:nth-child(even){margin-top:0}.selected .project-card:nth-child(3) .card-image img{aspect-ratio:1.5}.selected{padding-bottom:60px}.craft-band{grid-template-columns:1fr;margin:20px 0 70px}.craft-band img{max-height:420px}.craft-band .copy{padding:36px 27px}.footer{padding-top:35px}.footer-top{gap:30px;grid-template-columns:1fr}.footer-top>div:first-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:8px;margin-top:30px}.page-intro{grid-template-columns:1fr;padding:45px 0 35px;gap:25px}.page-intro h1{font-size:2.7rem}.filters{gap:6px 23px;margin-bottom:30px}.filter-count{flex-basis:100%;margin:5px 0 0}.filters button{font-size:14px}.works-grid{padding-bottom:65px}.project-title{grid-template-columns:1fr;padding:30px 0;gap:20px}.project-title h1{font-size:2rem;letter-spacing:.05em}.project-description{padding:0}.details{grid-template-columns:1fr;padding:40px 0;gap:30px}.gallery{grid-template-columns:1fr;gap:35px;padding-bottom:55px}.gallery figure:first-child{grid-column:auto}.project-next{display:block;padding-bottom:55px}.project-next a{display:block;margin-top:20px}.project-next h3{font-size:20px}.about-hero{grid-template-columns:1fr;gap:35px;padding-bottom:40px}.about-hero img{max-height:430px}.timeline{grid-template-columns:1fr;gap:40px;margin-bottom:60px}.contact{grid-template-columns:1fr;gap:35px;padding-bottom:65px}.contact-photo{order:2}.contact-photo img{height:430px}.contact-row a,.contact-row p{font-size:18px}.competition-row{grid-template-columns:48px 1fr;gap:15px}.competition-row span:last-child{grid-column:2;text-align:left;font-size:13px}.competition-row h3{font-size:16px}.archive-image{padding-bottom:60px}dialog{padding:14px}dialog img{max-width:85vw}.craft-grid{padding-bottom:60px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}