:root{--content-width:70vw;--content-gutter:15vw;color:#111;font-synthesis:none;background:#fff;font-family:Arial,Helvetica,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px}body{background:#fff;min-width:320px;margin:0}a{color:inherit;text-decoration:none}button{font:inherit}[hidden]{display:none!important}.skip-link{z-index:100;color:#fff;background:#111;padding:7px 9px;font-size:11px;position:fixed;top:8px;left:8px;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:20;color:#fff;text-shadow:0 1px 5px #000000e6;background:0 0;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;height:58px;padding:0 20px;transition:background-color .22s,color .22s,text-shadow .22s;display:grid;position:fixed;top:0;left:0}.site-header.is-scrolled,.site-header.site-header--solid{color:#111;text-shadow:none;backdrop-filter:blur(8px);background:#fffffff7}.wordmark{line-height:0;display:block}.wordmark img{filter:invert()drop-shadow(0 1px 4px #000c);width:96px;height:auto;transition:filter .22s;display:block}.site-header.is-scrolled .wordmark img,.site-header.site-header--solid .wordmark img{filter:none}.main-nav{justify-content:center;gap:33px;font-size:11px;display:flex}.main-nav a{opacity:.72;padding:3px 0}.main-nav a.active,.main-nav a:hover{opacity:1}.language-toggle{color:inherit;cursor:pointer;text-shadow:inherit;background:0 0;border:0;justify-self:end;padding:0;font-size:10px}.language-toggle span:first-child,.language-toggle span:last-child{opacity:.7}.language-toggle[data-language=zh] span:first-child,.language-toggle[data-language=en] span:last-child{opacity:1}.wordmark:focus-visible,.main-nav a:focus-visible,.language-toggle:focus-visible,.filter-button:focus-visible{outline-offset:3px;outline:1px solid}.carousel{background:#ececea;position:relative;overflow:hidden}.hero-carousel{height:100svh;min-height:580px}.carousel-stage,.carousel-slide{width:100%;height:100%}.carousel-slide{opacity:0;pointer-events:none;transition:opacity .9s;position:absolute;inset:0}.carousel-slide.is-active{opacity:1;pointer-events:auto}.carousel-slide img{object-fit:cover;width:100%;height:100%;display:block}.image-meta{color:#fff;text-shadow:0 1px 12px #000000b8;align-items:end;font-size:12px;line-height:1.2;display:flex;position:absolute;bottom:23px;left:30px;right:30px}.carousel-controls{z-index:4;pointer-events:none;position:absolute;inset:0}.carousel-arrow{color:#fff;cursor:pointer;opacity:.7;pointer-events:auto;background:0 0;border:0;width:54px;height:54px;padding:0;transition:opacity .16s;position:absolute;top:50%;transform:translateY(-50%)}.carousel-arrow:hover,.carousel-arrow:focus-visible{opacity:1;outline:none}.carousel-arrow:before,.carousel-arrow:after{content:"";background:currentColor;width:20px;height:2px;position:absolute;top:26px}.carousel-arrow.is-prev{left:20px}.carousel-arrow.is-prev:before,.carousel-arrow.is-prev:after{transform-origin:0;left:15px}.carousel-arrow.is-prev:before{transform:rotate(55deg)}.carousel-arrow.is-prev:after{transform:rotate(-55deg)}.carousel-arrow.is-next{right:20px}.carousel-arrow.is-next:before,.carousel-arrow.is-next:after{transform-origin:100%;right:15px}.carousel-arrow.is-next:before{transform:rotate(-55deg)}.carousel-arrow.is-next:after{transform:rotate(55deg)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.slot-media{background:#e8e8e8;width:100%;height:100%;display:block;overflow:hidden}.slot-media img{object-fit:cover;width:100%;height:100%;display:block}.hero-slot-media{width:100%;height:100%}.latest,.collection{width:var(--content-width);margin-left:auto;margin-right:auto}.latest{padding:var(--content-gutter) 0}.latest-heading{margin-bottom:24px}h2{letter-spacing:-.06em;margin:0;font-size:clamp(16px,1.5vw,25px);font-weight:400;line-height:.95}.latest-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.latest-card{min-width:0}.latest-card .slot-media{aspect-ratio:4/3}.latest-card p{margin:8px 0 0;font-size:11px}.category-section{padding:0}.category-carousel{aspect-ratio:16/9;width:100%;height:auto;min-height:0}.category-overlay{z-index:2;color:#fff;pointer-events:none;text-shadow:0 1px 12px #000000b3;position:absolute;top:25px;left:30px}.category-title{letter-spacing:-.07em;font-size:clamp(17.5px,2.5vw,38px);font-weight:400;line-height:.9;display:block}.category-project-grid{margin:var(--content-gutter);grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.category-project-card{min-width:0}.category-project-card .slot-media{aspect-ratio:3/4}.category-project-card p{min-height:2.8em;margin:7px 0 0;font-size:11px;line-height:1.4}@media (width>=761px){.category-project-grid{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.category-project-card{flex:0 0 calc(25% - 15px)}}.collection{padding:0 0 var(--content-gutter)}.collection-heading{justify-content:space-between;align-items:end;gap:32px;margin-bottom:25px;display:flex}h1{letter-spacing:-.07em;margin:0;font-size:clamp(19px,2.1vw,33px);font-weight:400;line-height:.92}.filter-bar{flex-wrap:wrap;gap:8px;padding:20px 0;display:flex}.filter-button{color:#565656;cursor:pointer;background:0 0;border:0;padding:0;font-size:11px}.filter-button+.filter-button:before{color:#bbb;content:"/";margin:0 8px 0 1px;display:inline-block}.filter-button.is-active{color:#111;text-underline-offset:3px;text-decoration:underline}.filter-status{color:#656565;margin:11px 0 20px;font-size:11px}.project-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:46px 16px;display:grid}.project-card{min-width:0}.project-card .slot-media{aspect-ratio:4/3}.project-card-meta{justify-content:space-between;align-items:start;gap:12px;min-height:3.9em;padding-top:8px;font-size:11px;line-height:1.3;display:flex}.project-card-title{max-width:80%}.project-card-order{color:#5e5e5e;font-variant-numeric:tabular-nums}.project-card.is-layout-spacer{visibility:hidden;pointer-events:none}.project-card.is-layout-spacer:before{aspect-ratio:4/3;content:"";display:block}.project-card.is-layout-spacer:after{content:"";min-height:3.9em;padding-top:8px;display:block}.project-pagination{color:#777;justify-content:flex-end;align-items:center;gap:3px;min-height:24px;margin-top:28px;display:flex}.project-page-button{color:#777;cursor:pointer;background:0 0;border:0;width:24px;height:24px;padding:0;position:relative}.project-page-button:before,.project-page-button:after{content:"";background:currentColor;width:8px;height:1px;position:absolute;top:11px}.project-page-button.is-prev:before,.project-page-button.is-prev:after{transform-origin:0;left:8px}.project-page-button.is-prev:before{transform:rotate(55deg)}.project-page-button.is-prev:after{transform:rotate(-55deg)}.project-page-button.is-next:before,.project-page-button.is-next:after{transform-origin:100%;right:8px}.project-page-button.is-next:before{transform:rotate(-55deg)}.project-page-button.is-next:after{transform:rotate(55deg)}.project-page-button:focus-visible{outline-offset:2px;outline:1px solid}.project-page-button:disabled{cursor:default;color:#c6c6c6}.project-page-status{color:#777;text-align:center;font-variant-numeric:tabular-nums;min-width:28px;margin:0;font-size:10px}.site-footer{color:#666;text-align:center;background:#fff;padding:0 20px 20px;font-size:10px}.site-footer p{margin:0}.not-found{text-align:center;place-items:center;min-height:100svh;padding:90px 20px 40px;display:grid}.not-found-inner{justify-items:center;gap:18px;display:grid}.not-found-code{letter-spacing:-.09em;margin:0;font-size:clamp(72px,18vw,220px);font-weight:400;line-height:.78}.not-found-title{margin:0;font-size:clamp(16px,2vw,28px);font-weight:400}.not-found-copy{color:#666;max-width:34em;margin:0;font-size:11px;line-height:1.6}.not-found-home{border-bottom:1px solid;padding-bottom:3px;font-size:11px}.not-found-footer{position:fixed;bottom:0;left:0;right:0}@media (width<=760px){.site-header{grid-template-columns:auto 1fr auto;height:54px;padding:0 12px}.wordmark img{width:68px}.main-nav{justify-self:center;gap:13px;font-size:9px}.language-toggle{font-size:8px}.hero-carousel{min-height:510px}.image-meta{font-size:11px;bottom:17px;left:18px;right:18px}:root{--content-width:70vw;--content-gutter:15vw}.latest-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 10px}.category-carousel{aspect-ratio:auto;width:100%;height:100svh;min-height:510px}.category-overlay{top:18px;left:18px}.category-title{font-size:23px}.category-project-grid{margin:var(--content-gutter);grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.category-project-card p{min-height:0;font-size:10px}.collection{padding:0 0 var(--content-gutter)}.collection-heading{flex-direction:column;align-items:start;gap:14px;margin-bottom:22px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 10px}.project-grid:not(.is-ready) .project-card:nth-child(n+5){display:none}.project-card-meta{font-size:10px}.project-pagination{gap:2px;min-height:18px;margin-top:22px}.project-page-button{width:18px;height:18px}.project-page-button:before,.project-page-button:after{width:6px;height:1px;top:8px}.project-page-button.is-prev:before,.project-page-button.is-prev:after{left:6px}.project-page-button.is-next:before,.project-page-button.is-next:after{right:6px}.project-page-status{min-width:24px;font-size:8px}.site-footer{padding:0 12px 16px;font-size:9px}.carousel-arrow{width:30px;height:30px}.carousel-arrow:before,.carousel-arrow:after{width:11px;height:1.5px;top:14px}.carousel-arrow.is-prev{left:7px}.carousel-arrow.is-next{right:7px}.carousel-arrow.is-prev:before,.carousel-arrow.is-prev:after{left:8px}.carousel-arrow.is-next:before,.carousel-arrow.is-next:after{right:8px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.carousel-slide{transition:none}}