:root{font-family:'Manrope','PingFang SC','Noto Sans CJK SC','Microsoft YaHei',sans-serif;color:#141414;background:#fff;font-synthesis:none;--pad:3vw;--red:#d53627;--muted:#6e6e72;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;min-width:320px;-webkit-font-smoothing:antialiased}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none;padding:0}a{color:inherit;text-decoration:none}button,a,input{outline-offset:6px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--red)}p,h1,h2{margin:0}img{display:block;max-width:100%}button svg,a svg{flex-shrink:0}::selection{background:var(--red);color:#fff}.page-pad{padding-inline:var(--pad)}.skip-link{position:fixed;z-index:200;left:20px;top:-70px;background:#fff;padding:15px}.skip-link:focus{top:12px}
.site-header{position:relative;padding-top:4.5vw;padding-bottom:3.1vw;min-height:22.3vw}.logo{display:block;width:14vw;max-width:220px;flex-shrink:0}.logo img{width:100%;height:auto;filter:brightness(0)}.site-header>.logo{position:absolute;top:5.1vw;left:var(--pad)}.intro{margin-left:19.8%;width:60%}.intro h1{font-size:clamp(22px,2.22vw,36px);font-weight:400;line-height:1.56;letter-spacing:-.025em}.intro>p{font-size:clamp(14px,1.43vw,22px);line-height:1.38;color:var(--muted);margin-top:1.1vw;letter-spacing:-.015em}.header-nav{position:absolute;top:4.8vw;right:var(--pad);display:flex;align-items:center;gap:2.1vw;font-size:clamp(15px,1.45vw,22px)}.header-nav a{white-space:nowrap;transition:opacity .2s}.header-nav a:hover{opacity:.5}.header-nav a span{margin-left:.35em;font-size:.87em}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;transition:transform .3s}.icon-button:hover{transform:rotate(8deg)}.header-nav .icon-button{width:32px}.floating-menu{position:fixed;right:calc(var(--pad) - 3px);top:26px;background:#fff;width:56px;height:56px;z-index:30;opacity:0;visibility:hidden;transform:translateY(-15px);transition:opacity .25s,transform .3s,visibility .25s}.floating-menu.shown{opacity:1;visibility:visible;transform:translateY(0)}
.work-section{scroll-margin-top:25px}.project-row{display:grid;grid-template-columns:40% 1fr;gap:1.4vw;margin-bottom:3.7vw}.project-row.reverse{grid-template-columns:1.5fr 1fr}.project-media{display:block;position:relative;overflow:hidden;height:30.5vw;max-height:630px;isolation:isolate}.cover{width:100%;height:100%;object-fit:cover;transition:transform 1.15s var(--ease);animation:slow-pan 16s ease-in-out infinite alternate;will-change:transform}.card-lilac .cover{object-position:59% 50%}.card-dream .cover{object-position:50% 50%}.is-long .primary-cover{height:auto;max-width:none;position:absolute;left:0;top:0;width:100%;animation:subtle-pan 18s ease-in-out infinite alternate}.alternate-cover{position:absolute;inset:0;object-position:center 37%;opacity:0;animation:alternate-art 18s ease-in-out infinite}.project-media:hover .primary-cover{transform:scale(1.05)}.project-media:hover .project-cursor{opacity:1;transform:translate(-50%,-50%) scale(1)}.project-cursor{position:absolute;left:50%;top:50%;width:112px;height:112px;border-radius:50%;background:rgba(255,255,255,.94);display:flex;align-items:center;justify-content:center;gap:2px;flex-direction:column;opacity:0;transform:translate(-50%,-50%) scale(.8);transition:opacity .3s,transform .5s var(--ease);font-size:14px;pointer-events:none;z-index:2}.project-cursor>span>span{display:block;font-size:9px;letter-spacing:.06em;margin-top:3px}.project-media:focus-visible .project-cursor{opacity:1;transform:translate(-50%,-50%)}.project-caption{display:grid;grid-template-columns:43% 1fr;gap:1vw;padding-top:2vw;font-size:clamp(16px,1.68vw,26px);line-height:1.5}.project-row:not(.reverse) .project-card:first-child .project-caption{grid-template-columns:42% 1fr}.project-row:not(.reverse) .project-card:last-child .project-caption{grid-template-columns:39% 1fr}.project-row.reverse .project-card:first-child .project-caption{grid-template-columns:28% 1fr}.project-row.reverse .project-card:last-child .project-caption{grid-template-columns:29% 1fr}.bilingual{display:block}.bilingual>span{display:block}.bilingual>span[lang=en]{color:var(--muted);font-size:.9em;line-height:1.45;margin-top:2px}.project-copy a{display:block}.project-copy a:hover>span>span:first-child{color:var(--red)}.project-summary{margin-top:1vw;color:var(--muted);font-size:clamp(14px,1.42vw,21px);line-height:1.55}.project-summary p[lang=en]{font-size:.86em;margin-top:3px;line-height:1.45}.work-bottom{border-top:1px solid #d8d8d8;margin-top:5vw;padding-top:24px;display:flex;justify-content:space-between;font-size:15px;align-items:center}.work-bottom>span>span{margin-left:12px;color:var(--muted)}.text-link{display:inline-flex;gap:12px;align-items:center;font-size:17px;line-height:1.6}.text-link>span[lang=en]{color:var(--muted)}.text-link svg{transition:transform .3s}.text-link:hover svg{transform:translate(3px,-3px)}
.reveal{opacity:0;transform:translateY(38px);transition:opacity .85s var(--ease),transform 1.1s var(--ease);transition-delay:calc(var(--order,0)*90ms)}.reveal.is-visible{opacity:1;transform:translateY(0)}.site-header .intro{animation:intro-enter 1s var(--ease) both}.about-section{margin-top:12vw;display:grid;grid-template-columns:20% 1fr;gap:2vw;border-top:1px solid #d8d8d8;padding-top:5vw;padding-bottom:9vw}.section-eyebrow{font-size:16px;line-height:1.5}.section-eyebrow>span{display:block;color:var(--muted)}.about-content h2{font-size:clamp(34px,4.9vw,76px);font-weight:400;letter-spacing:-.04em;line-height:1.35}.about-en{font-size:clamp(25px,3.5vw,52px);line-height:1.25;color:#8b8b8e;letter-spacing:-.04em;margin-top:22px}.about-description{max-width:850px;margin:45px 0;font-size:20px;line-height:1.85;display:grid;grid-template-columns:1fr 1fr;gap:40px}.about-description>p[lang=en]{color:var(--muted);font-size:17px;line-height:1.65}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-top:1px solid #ddd;padding:24px 0 50px;font-size:17px}.services [lang=en]{font-size:14px}
.contact-section{background:#f1f1ef;padding-top:6vw;padding-bottom:5vw}.contact-title h2{font-size:clamp(36px,5vw,80px);line-height:1.25;font-weight:400;letter-spacing:-.04em;margin-top:24px}.contact-title>p{color:var(--muted);font-size:clamp(20px,2.7vw,40px);margin-top:16px;letter-spacing:-.03em}.email-link{display:flex;width:fit-content;align-items:center;gap:25px;font-size:clamp(23px,4.5vw,68px);margin-top:40px;letter-spacing:-.045em}.email-link svg{width:1em;height:1em}.email-link:hover{color:var(--red)}.copy-button{display:flex;gap:8px;align-items:center;font-size:13px;margin-top:14px}.contact-details{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:60px;border-top:1px solid #c8c8c6;margin-top:70px;padding-top:35px;font-size:17px}.contact-details .bilingual{margin-bottom:25px}.contact-details>div>a{display:block;width:fit-content;margin:16px 0;line-height:1.7}.contact-details>div>a:hover{text-decoration:underline}.contact-details p{font-size:15px;line-height:1.7}.contact-details p[lang=en]{color:var(--muted);margin-top:12px;font-size:13px;max-width:340px}.wechat{justify-self:end;width:195px}.wechat img{width:150px;height:150px;object-fit:contain;margin:16px 0}.wechat-switch{display:flex;gap:24px;font-size:14px}.wechat-switch button{color:var(--muted);padding:4px 0;border-bottom:1px solid transparent}.wechat-switch button[aria-pressed=true]{color:#111;border-bottom-color:#111}.wechat p{font-size:12px}.wechat p span{display:block;color:var(--muted)}.site-footer{padding-block:25px;font-size:12px;display:flex;align-items:center;gap:25px;justify-content:space-between}.site-footer>a:nth-child(2){color:var(--muted)}.motion-toggle{display:flex;align-items:center;gap:8px}.motion-paused .cover,.motion-off .cover{animation-play-state:paused!important}.motion-off{scroll-behavior:auto}.motion-off *{animation:none!important;transition:none!important}.motion-off .reveal{opacity:1;transform:none}
.overlay{position:fixed;inset:0;z-index:100;overflow:auto;background:white;animation:overlay-in .5s var(--ease);overscroll-behavior:contain}.overlay-header{display:flex;align-items:center;justify-content:space-between;padding:4.5vw var(--pad) 3vw}.overlay-header .logo{width:14vw}.overlay .close-button{position:fixed;top:4.5vw;right:var(--pad);z-index:3}.menu-overlay{background:var(--red);display:flex;flex-direction:column;animation:menu-in .65s var(--ease)}.menu-overlay :focus-visible{outline-color:#111}.menu-links{margin-left:51%;margin-top:0;display:flex;flex-direction:column;align-items:flex-start}.menu-links button{display:flex;gap:25px;align-items:baseline;font-size:clamp(46px,5vw,82px);font-weight:400;line-height:1.4;letter-spacing:-.055em;animation:menu-text .8s var(--ease) both}.menu-links button:nth-child(2){animation-delay:60ms}.menu-links button:nth-child(3){animation-delay:120ms}.menu-links button>span:last-child{font-size:18px;letter-spacing:0}.menu-links button:hover{color:white}.menu-footer{margin-top:auto;padding:50px var(--pad) 35px;display:flex;justify-content:space-between;gap:30px;font-size:16px}.menu-footer>a{display:flex;align-items:center;gap:10px}.search-content{max-width:1160px;margin:2vw auto 80px;padding:0 30px}.search-content>label{font-size:25px;display:block}.search-content>label>span{color:var(--muted);margin-left:10px;font-size:20px}.search-field{border-bottom:1px solid #111;margin-top:25px;display:flex;align-items:center}.search-field input{border:0;background:none;flex:1;min-width:0;outline:none;font-size:clamp(24px,3vw,44px);padding:20px 0}.search-field input::placeholder{color:#999}.search-field:focus-within{border-color:var(--red)}.search-filters{display:flex;gap:30px;flex-wrap:wrap;padding:30px 0;font-size:17px}.search-filters button{padding-bottom:6px;border-bottom:1px solid transparent}.search-filters button[aria-pressed=true]{border-color:#111}.search-filters button>span{color:var(--muted);margin-left:3px;font-size:14px}.result-count{color:var(--muted);font-size:13px;padding:10px 0}.search-results>button{width:100%;display:grid;grid-template-columns:140px 1fr 40px;text-align:left;align-items:center;gap:30px;border-bottom:1px solid #ddd;padding:24px 0;font-size:23px}.search-results img{height:90px;width:140px;object-fit:cover}.search-results>button:hover>svg{transform:translate(5px,-5px)}.search-results .bilingual [lang=en]{font-size:16px}.empty-state{padding:60px 0}.empty-state h2{font-size:28px;font-weight:400}.empty-state p{margin:15px 0 30px;color:var(--muted)}
.project-detail{padding:0 var(--pad) 50px;max-width:1550px;margin:auto}.back-link{font-size:14px;margin:10px 0 50px}.detail-heading{display:grid;grid-template-columns:20% 1fr;gap:2vw}.detail-heading>.bilingual{font-size:18px}.detail-heading h2{font-size:clamp(30px,4vw,65px);font-weight:400;line-height:1.3}.detail-heading p{font-size:24px;color:var(--muted);margin-top:10px}.detail-description{display:grid;grid-template-columns:1fr 1fr;margin:35px 0 60px 22%;gap:40px;font-size:18px;line-height:1.8}.detail-description [lang=en]{color:var(--muted);font-size:16px;line-height:1.7}.detail-images img{width:100%;height:auto}.detail-actions{display:flex;justify-content:space-between;gap:20px;margin:40px 0 70px}.next-project{border-top:1px solid #ddd;padding-top:30px;display:flex;align-items:center;justify-content:space-between;gap:30px;width:100%;text-align:left;font-size:30px}.next-project>span:first-child{font-size:16px}.next-project>span:first-child>span{display:block;color:var(--muted);margin-top:4px}
@keyframes intro-enter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes slow-pan{from{transform:scale(1)}to{transform:scale(1.045)}}@keyframes subtle-pan{from{transform:scale(1);transform-origin:50% 0}to{transform:scale(1.025);transform-origin:50% 0}}@keyframes alternate-art{0%,42%{opacity:0;transform:scale(1.03)}52%,82%{opacity:1;transform:scale(1)}94%,100%{opacity:0;transform:scale(1.03)}}@keyframes overlay-in{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes menu-in{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}@keyframes menu-text{from{opacity:0;transform:translateY(50px)}to{opacity:1;transform:none}}
@media(min-width:1800px){.site-header{min-height:360px}.intro{width:62%}.project-media{height:30.5vw}.project-caption{font-size:25px}.project-summary{font-size:20px}}
@media(max-width:1000px){.header-nav{gap:16px}.header-nav a span{display:none}.intro{width:65%;margin-left:20%}.intro h1{font-size:22px}.intro>p{font-size:14px}.site-header{padding-bottom:35px;min-height:235px}.project-caption{font-size:16px;gap:12px}.project-summary{font-size:14px}.project-row{margin-bottom:40px}.project-caption{padding-top:18px}.project-row:not(.reverse) .project-card:first-child .project-caption{grid-template-columns:32% 1fr}.about-description{gap:25px;font-size:17px}.contact-details{gap:30px}.wechat{width:165px}.site-footer{flex-wrap:wrap}.menu-links{margin-top:50px}.menu-footer{font-size:13px}.search-content{margin-top:40px}}
@media(max-width:650px){:root{--pad:20px}.site-header{padding-top:114px;padding-bottom:30px}.site-header>.logo{top:26px;left:20px;width:148px}.header-nav{top:24px;right:17px;gap:8px}.header-nav>a{display:none}.header-nav .icon-button{width:40px}.intro{margin-left:0;width:100%}.intro h1{font-size:23px;line-height:1.55;letter-spacing:-.035em}.desktop-break:first-of-type{display:none}.intro>p{font-size:14px;line-height:1.5;margin-top:18px;max-width:100%}.wide-break{display:none}.project-row,.project-row.reverse{display:block;margin:0}.project-card{margin-bottom:44px}.project-media{height:auto;aspect-ratio:1.32}.card-deyi .project-media{aspect-ratio:1.65}.card-dream .project-media{aspect-ratio:1.6}.project-caption,.project-row:not(.reverse) .project-card:first-child .project-caption,.project-row:not(.reverse) .project-card:last-child .project-caption,.project-row.reverse .project-card:first-child .project-caption,.project-row.reverse .project-card:last-child .project-caption{grid-template-columns:27% 1fr;padding-top:17px;gap:14px;font-size:16px}.bilingual>span[lang=en]{font-size:13px;line-height:1.5;margin-top:4px}.project-summary{font-size:13px;margin-top:12px}.project-summary p[lang=en]{font-size:12px;margin-top:5px}.project-cursor{display:none}.work-bottom{margin-top:5px;font-size:12px;gap:20px;align-items:flex-start}.work-bottom>span>span{display:block;margin:5px 0}.work-bottom .text-link{font-size:13px;gap:8px;flex-wrap:wrap;justify-content:flex-end}.work-bottom .text-link>span{display:none}.floating-menu{right:14px;top:18px;width:48px;height:48px}.about-section{margin-top:90px;display:block;padding-top:30px;padding-bottom:65px}.section-eyebrow{font-size:14px}.section-eyebrow>span{font-size:12px}.about-content{margin-top:35px}.about-content h2{font-size:38px}.about-en{font-size:29px;margin-top:20px}.about-description{display:block;margin:30px 0;font-size:16px;line-height:1.9}.about-description>p[lang=en]{font-size:14px;margin-top:20px}.services{grid-template-columns:1fr;gap:18px;padding-top:20px;padding-bottom:30px}.services .bilingual{display:flex;justify-content:space-between;gap:20px;font-size:15px}.services .bilingual>span[lang=en]{margin:0;font-size:12px;text-align:right}.contact-section{padding-top:35px;padding-bottom:35px}.contact-title h2{font-size:36px;line-height:1.4}.contact-title>p{font-size:20px;line-height:1.4}.email-link{font-size:27px;gap:12px;margin-top:30px}.copy-button{font-size:12px}.contact-details{grid-template-columns:1fr 1fr;gap:30px 22px;margin-top:35px;padding-top:25px;font-size:14px}.contact-details p{font-size:13px}.contact-details p[lang=en]{font-size:12px}.contact-details .bilingual{margin-bottom:20px}.contact-details .wechat{justify-self:start;grid-column:1/-1;width:auto}.wechat img{width:130px;height:130px}.site-footer{gap:20px;font-size:10px;padding-block:25px}.site-footer>span{width:100%}.motion-toggle{font-size:11px}.overlay-header{padding:26px 20px}.overlay-header .logo{width:148px}.overlay .close-button{top:23px;right:17px}.menu-links{margin:80px 20px 0}.menu-links button{font-size:58px;gap:28px;line-height:1.5}.menu-links button>span:last-child{font-size:16px}.menu-footer{padding:35px 20px;flex-direction:column;gap:16px;font-size:13px}.search-content{margin:50px 0;padding:0 20px}.search-content>label{font-size:20px}.search-content>label>span{font-size:14px}.search-field input{font-size:20px;padding:15px 0}.search-filters{gap:18px;font-size:14px;padding:25px 0 15px}.search-filters button>span{font-size:11px;display:block;margin-top:4px}.search-results>button{grid-template-columns:78px 1fr 24px;gap:15px;font-size:16px;padding:18px 0}.search-results img{width:78px;height:64px}.search-results .bilingual [lang=en]{font-size:12px}.empty-state h2{font-size:23px}.empty-state p{font-size:14px}.project-detail{padding:0 20px 35px}.back-link{margin:20px 0 35px;font-size:12px}.detail-heading{display:block}.detail-heading>.bilingual{display:flex;gap:10px;font-size:14px;margin-bottom:22px}.detail-heading h2{font-size:30px}.detail-heading p{font-size:18px;line-height:1.4}.detail-description{display:block;margin:25px 0 30px;font-size:16px}.detail-description p[lang=en]{margin-top:18px;font-size:14px}.detail-actions{margin:25px 0 40px;align-items:flex-start;flex-wrap:wrap}.detail-actions .text-link{font-size:13px}.next-project{flex-wrap:wrap;font-size:22px;gap:18px}.next-project>span:first-child{font-size:12px;width:100%}.project-overlay .close-button{background:rgba(255,255,255,.95)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
/* Match the selected composition while keeping bilingual captions readable. */
@media(min-width:1001px){.site-header{padding-bottom:2.4vw}.project-row{margin-bottom:1.65vw}.project-media{height:30.3vw}.project-row.reverse{grid-template-columns:1.46fr 1fr}}
.card-lilac .cover{object-position:50% 50%}
.mobile-break{display:none}
@media(max-width:650px){.mobile-break{display:block}.desktop-break:first-of-type{display:none}.intro h1>.desktop-break:nth-of-type(2){display:none}}

/* V2: independent pages and the live BUCK editorial grid. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#main:focus{outline:none}.site-header{padding-top:2.5vw}.site-header>.logo{top:3vw;width:11vw;min-width:140px}.header-nav{top:2.2vw;gap:2.7vw;font-size:21px}.header-nav [aria-current=page]{text-decoration:underline;text-underline-offset:7px}.home-header{min-height:0;padding-bottom:4.85vw}.home-header .intro{margin-left:12.7%;width:58%}.intro h1{font-size:clamp(24px,1.95vw,34px);line-height:1.5}.intro>p{font-size:clamp(14px,1.12vw,19px);line-height:1.5;margin-top:1.1vw}.inner-header{min-height:12.7vw;padding-bottom:0}
.home-work .project-row{grid-template-columns:5fr 8.48fr;gap:1.49vw;align-items:start;margin-bottom:8.9vw}.home-work .project-row.reverse{grid-template-columns:8.48fr 5fr}.home-work .project-media{height:auto;max-height:none;aspect-ratio:16/9}.home-work .card-lilac .project-media{aspect-ratio:1.64}.home-work .card-dentist .project-media{aspect-ratio:1.8}.home-work .project-caption{padding-top:2vw;font-size:clamp(17px,1.48vw,23px);gap:1vw}.home-work .project-row:not(.reverse) .project-card:first-child .project-caption{grid-template-columns:49% 1fr}.home-work .project-row:not(.reverse) .project-card:last-child .project-caption{grid-template-columns:43% 1fr}.home-work .project-row.reverse .project-card:first-child .project-caption{grid-template-columns:30% 1fr}.home-work .project-row.reverse .project-card:last-child .project-caption{grid-template-columns:49% 1fr}.home-work .project-summary{font-size:clamp(14px,1.26vw,20px);margin-top:14px}.home-work .project-caption .bilingual [lang=en]{font-size:.78em}.home-work .work-bottom{margin-top:0;padding-bottom:6vw}.project-card{min-width:0}.project-copy{min-width:0}
.archive-tools{display:flex;justify-content:space-between;align-items:flex-end;padding-top:3vw;margin-bottom:5.8vw;gap:30px}.archive-filters{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));column-gap:3vw;row-gap:22px;width:62%;font-size:17px}.archive-filters a{width:fit-content}.archive-filters a>span{display:block;line-height:1.55}.archive-filters a>span[lang=en]{font-size:14px;color:var(--muted)}.archive-filters [aria-current=page]>span:first-child{text-decoration:underline;text-underline-offset:5px}.archive-filters a:hover{color:var(--red)}.density-controls{display:flex;gap:8px}.density-controls button{width:36px;height:36px;display:grid;place-items:center}.density-controls [aria-pressed=true]{background:#eee}.archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7vw 1.49vw;padding-bottom:9vw}.archive-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.archive-grid .project-media{height:auto;aspect-ratio:1.8;max-height:none}.archive-grid.compact .project-media{aspect-ratio:.88}.archive-grid .project-caption{display:block;font-size:21px;padding-top:24px}.archive-grid .project-category{display:none}.archive-grid .project-summary{display:none}.archive-grid .bilingual [lang=en]{font-size:16px}.archive-grid.compact .project-caption{font-size:17px}.archive-grid.compact .bilingual [lang=en]{font-size:13px}.archive-grid.compact .is-long .primary-cover{width:auto;height:650%;max-width:none;left:50%;transform:translateX(-50%);animation:none}
.about-manifesto{width:46.3%;margin:3vw auto 8.5vw;font-size:clamp(23px,1.94vw,32px);line-height:1.55;letter-spacing:-.02em}.about-manifesto>div+div{margin-top:4.6vw}.about-manifesto p[lang=en]{font-size:.68em;color:var(--muted);line-height:1.6;letter-spacing:-.01em;margin-top:20px}.about-editorial{display:grid;grid-template-columns:1fr 1fr;gap:1.49vw;margin:0 0 8vw}.about-editorial>.section-eyebrow{margin-left:51.55%;font-size:21px}.service-row{display:grid;grid-template-columns:1fr 1.2fr;gap:32px;padding:30px 0;border-top:1px solid #ddd;font-size:20px;line-height:1.65}.service-row:first-child{padding-top:0;border:0}.service-row p{font-size:17px}.service-row p[lang=en]{color:var(--muted);font-size:15px;line-height:1.6;margin-top:12px}.service-row .bilingual [lang=en]{font-size:16px}.about-feature{display:block;margin-bottom:9vw}.about-feature-image{aspect-ratio:1.77;overflow:hidden}.about-feature-image img{width:100%;height:auto}.about-feature-caption{display:flex;justify-content:space-between;align-items:flex-start;padding-top:25px;font-size:22px}.about-feature-caption>span{display:flex;gap:15px;align-items:center;font-size:16px}.about-feature-caption .bilingual [lang=en]{font-size:16px}.about-page .contact-section{background:white;border-top:1px solid #ddd}.about-page .contact-title h2{font-size:clamp(36px,4vw,64px)}.compact-contact{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding-top:5vw;padding-bottom:7vw;border-top:1px solid #ddd}.compact-contact>div:first-child{padding-left:25.5%}.compact-contact .bilingual{font-size:24px;margin-bottom:28px}.compact-contact .bilingual [lang=en]{font-size:18px}.compact-contact>div:last-child{padding-left:25%}.compact-contact>div:last-child a{display:block;font-size:17px;line-height:1.8}.compact-contact>div:last-child .bilingual{font-size:19px}.compact-contact>div:last-child .bilingual [lang=en]{font-size:15px}.route-detail{padding-top:2.5vw}.detail-heading h1{font-size:clamp(30px,4vw,65px);font-weight:400;line-height:1.3}.route-detail .detail-description{margin-bottom:6vw}.menu-links a{display:flex;gap:25px;align-items:baseline;font-size:clamp(46px,5vw,82px);font-weight:400;line-height:1.4;letter-spacing:-.055em;animation:menu-text .8s var(--ease) both}.menu-links a>span:last-child{font-size:18px;letter-spacing:0}.menu-links a:hover{color:white}.not-found{min-height:50vh;padding-block:60px}.not-found p{margin:20px 0}.not-found a{display:flex;align-items:center;gap:10px}
@media(max-width:1000px) and (min-width:651px){.home-header{padding-top:35px;padding-bottom:60px}.home-header .intro{margin-left:23%;width:73%;padding-top:65px}.site-header>.logo{top:35px;width:150px}.header-nav{top:28px;font-size:18px}.inner-header{min-height:170px}.home-work .project-caption,.home-work .project-row .project-card .project-caption{grid-template-columns:1fr;gap:14px}.home-work .project-category{display:none}.archive-filters{width:75%;grid-template-columns:repeat(4,1fr);column-gap:20px}.archive-tools{margin-bottom:60px}.about-manifesto{width:65%;margin:30px auto 90px}.about-editorial{grid-template-columns:25% 1fr}.about-editorial>.section-eyebrow{margin-left:0}.service-row{gap:20px}.compact-contact>div:first-child,.compact-contact>div:last-child{padding-left:0}.archive-grid.compact .project-caption{font-size:15px}}
@media(max-width:650px){.site-header>.logo{top:26px;width:148px}.header-nav{top:24px;gap:8px}.home-header{padding-top:175px;padding-bottom:70px}.home-header .intro{margin-left:0;width:100%}.home-header .intro h1{font-size:23px;line-height:1.55}.home-header .intro>p{font-size:14px;line-height:1.6;margin-top:20px}.inner-header{min-height:178px;padding:0}.home-work .project-row,.home-work .project-row.reverse{display:block;margin-bottom:0}.home-work .project-card{margin-bottom:80px}.home-work .project-media{aspect-ratio:16/9}.home-work .card-lilac .project-media{aspect-ratio:1.64}.home-work .project-caption,.home-work .project-row .project-card .project-caption{display:block;font-size:20px;padding-top:26px}.home-work .project-category{margin-bottom:23px;font-size:16px}.home-work .project-category .bilingual{display:flex}.home-work .project-caption .bilingual [lang=en]{font-size:14px}.home-work .project-summary{font-size:15px;line-height:1.6}.home-work .project-summary p[lang=en]{font-size:13px}.home-work .work-bottom{padding-bottom:65px}.archive-tools{padding-top:15px;margin-bottom:40px;gap:15px;align-items:flex-start}.archive-filters{width:100%;grid-template-columns:repeat(2,1fr);gap:24px 18px;font-size:16px}.archive-filters a>span[lang=en]{font-size:13px}.density-controls{display:none}.archive-grid,.archive-grid.compact{grid-template-columns:1fr;gap:65px;padding-bottom:80px}.archive-grid .project-card{margin:0}.archive-grid .project-media,.archive-grid.compact .project-media{aspect-ratio:1.55}.archive-grid.compact .is-long .primary-cover{width:100%;height:auto;left:0;transform:none}.archive-grid .project-caption{padding-top:24px;font-size:20px}.archive-grid .bilingual [lang=en]{font-size:14px}.about-manifesto{width:auto;margin:16px 20px 90px;font-size:23px;line-height:1.55}.about-manifesto>div+div{margin-top:55px}.about-manifesto p[lang=en]{font-size:15px;line-height:1.65;margin-top:23px}.about-editorial{display:block;margin-bottom:70px}.about-editorial>.section-eyebrow{margin-left:0;font-size:17px;margin-bottom:36px}.service-row{grid-template-columns:1fr;gap:18px;font-size:21px;padding:28px 0}.service-row p{font-size:16px}.service-row p[lang=en]{font-size:14px}.about-feature{margin-bottom:75px}.about-feature-image{aspect-ratio:1.5}.about-feature-caption{display:block;font-size:21px;padding-top:20px}.about-feature-caption>span{font-size:13px;margin-top:18px}.about-feature-caption .bilingual [lang=en]{font-size:14px}.compact-contact{grid-template-columns:1fr;padding-top:40px;padding-bottom:50px;gap:45px}.compact-contact>div:first-child,.compact-contact>div:last-child{padding-left:0}.compact-contact .bilingual{font-size:22px;margin-bottom:22px}.compact-contact .bilingual [lang=en]{font-size:15px}.compact-contact>div:last-child a{font-size:15px}.route-detail{padding-top:0}.detail-heading h1{font-size:30px}.menu-links a{font-size:58px;gap:28px}.menu-links a>span:last-child{font-size:16px}.route-detail .detail-description{margin-bottom:35px}}

/* Animate the supplied mark itself; both layers use the unmodified source logo. */
.logo{position:relative;aspect-ratio:302/99;isolation:isolate;overflow:visible}.logo-symbol{position:absolute;left:0;top:0;width:31.1%;height:100%;overflow:hidden;transform-origin:50% 46%;animation:brand-symbol 8s cubic-bezier(.65,0,.25,1) infinite}.logo-symbol img{width:321.54%;max-width:none;height:auto}.logo-wordmark{position:absolute;inset:0;clip-path:inset(0 0 0 31.1%);animation:brand-wordmark 8s cubic-bezier(.65,0,.25,1) infinite}.logo-wordmark img{width:100%;height:auto}.logo:hover .logo-symbol{animation:brand-hover .85s cubic-bezier(.2,.8,.2,1) both}.logo:hover .logo-wordmark,.logo:focus-visible .logo-wordmark{animation:none;opacity:1;clip-path:inset(0 0 0 31.1%)}
@keyframes brand-symbol{0%,18%,80%,100%{transform:rotate(0) scale(1)}28%{transform:rotate(-25deg) scale(1)}43%{transform:rotate(180deg) scale(1)}59%{transform:rotate(365deg) scale(1)}72%{transform:rotate(360deg) scale(1)}}
@keyframes brand-wordmark{0%,18%,80%,100%{opacity:1;clip-path:inset(0 0 0 31.1%);transform:translateX(0)}27%,59%{opacity:0;clip-path:inset(0 68.9% 0 31.1%);transform:translateX(-7px)}72%{opacity:1;clip-path:inset(0 0 0 31.1%);transform:translateX(0)}}
@keyframes brand-hover{0%{transform:rotate(0)}45%{transform:rotate(-35deg) scale(1)}100%{transform:rotate(360deg) scale(1)}}
@media(prefers-reduced-motion:reduce){.logo-symbol,.logo-wordmark{animation:none!important;transform:none!important;opacity:1!important}}
@media(max-width:1000px) and (min-width:651px){.home-work .project-caption{display:block}}

/* Full white edition: company archive and an editorial news section. */
:root{background:#fff}body,#root{background:#fff}
.header-nav{gap:2vw;font-size:19px}.home-header .intro{width:53%}
.archive-filters{grid-template-columns:repeat(6,minmax(0,1fr));width:85%;gap:22px}.archive-filters sup{font-size:11px;vertical-align:super;margin-left:7px;color:var(--muted)}
.home-work .card-korean-pavilion .project-media{aspect-ratio:1.3}.home-work .card-shaomaixiang .project-media{aspect-ratio:1.55}.home-work .card-qingxin .project-media{aspect-ratio:1.15}
.content-body figure{margin:0}.content-body img{display:block;width:100%;height:auto}.content-body video{display:block;max-width:100%;margin:auto}.content-body p{white-space:pre-line;overflow-wrap:anywhere}.content-body a:focus-visible{outline-offset:-3px}.source-decoration{max-width:100px;margin:24px auto!important}
.case-body>p{max-width:780px;margin:35px auto;font-size:18px;line-height:1.9}.detail-description{white-space:pre-line}.detail-description>p{overflow-wrap:anywhere}.detail-description>p:first-child{line-height:1.9}
.news-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:55px}.news-section-heading h2{font-size:clamp(28px,3vw,46px);line-height:1.25;letter-spacing:-.04em;font-weight:400}.news-section-heading h2>span{display:block;color:var(--muted);font-size:.7em;letter-spacing:-.02em;margin-top:12px}
.home-news{padding-top:110px;padding-bottom:130px}.home-news-grid{display:grid;grid-template-columns:1.08fr 1fr;column-gap:6vw;row-gap:40px}.news-card h2{font-size:clamp(23px,2.05vw,32px);font-weight:400;line-height:1.5;letter-spacing:-.035em}.news-card a:hover h2{color:var(--red)}.news-image{position:relative;display:block;overflow:hidden;background:#f2f2f2;aspect-ratio:1.65}.news-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}.news-image:hover img{transform:scale(1.035)}.news-image>svg{position:absolute;right:18px;bottom:18px;background:#fff;box-sizing:content-box;padding:8px;opacity:0;transform:translate(-5px,5px);transition:.3s}.news-image:hover>svg{opacity:1;transform:none}.news-meta{display:flex;flex-wrap:wrap;gap:12px 25px;justify-content:space-between;color:var(--muted);font-size:12px;line-height:1.7}.news-meta time{font-variant-numeric:tabular-nums}.news-card-copy{padding-top:23px}.news-card .news-meta{margin-bottom:15px}.news-title-en{font-size:16px;line-height:1.5;color:var(--muted);margin-top:12px}.news-excerpt{font-size:16px;color:var(--muted);line-height:1.85;margin-top:22px;max-width:600px}.news-read{display:inline-flex;align-items:center;gap:9px;font-size:13px;margin-top:24px}.news-read>span{color:var(--muted)}.news-read:hover>svg{transform:translate(3px,-3px)}
.home-news-grid>.news-featured{grid-row:span 2}.home-news-grid>.news-card:not(.news-featured){display:grid;grid-template-columns:34% 1fr;gap:24px;align-items:start;border-top:1px solid #ddd;padding-top:24px}.home-news-grid>.news-card:not(.news-featured) .news-card-copy{padding:0}.home-news-grid>.news-card:not(.news-featured) .news-image{aspect-ratio:1}.home-news-grid>.news-card:not(.news-featured) h2{font-size:21px}.home-news-grid>.news-card:not(.news-featured) .news-title-en{font-size:14px}.home-news-grid>.news-card:not(.news-featured) .news-meta{font-size:11px;gap:5px}.home-news-grid>.news-card:not(.news-featured) .news-read{margin-top:18px}
.news-page-heading{display:flex;justify-content:space-between;gap:50px;align-items:flex-end;padding-top:15px;padding-bottom:90px}.news-page-heading h1{font-size:clamp(40px,5.6vw,84px);font-weight:400;letter-spacing:-.055em;line-height:1.12}.news-page-heading h1>span{display:block;color:var(--muted);font-size:.6em;margin-top:17px;letter-spacing:-.035em}.news-page-heading>p{font-size:20px;line-height:1.65;margin-right:7%}.news-page-heading>p>span{display:block;font-size:15px;color:var(--muted);margin-top:12px}.news-toolbar{display:flex;justify-content:space-between;align-items:center;padding:22px 0;border-top:1px solid #141414;margin-bottom:45px;font-size:13px}.news-toolbar>span{color:var(--muted)}.news-years{display:flex;gap:32px}.news-years button{padding-bottom:5px;border-bottom:1px solid transparent}.news-years [aria-pressed=true]{border-color:#141414}.news-list{display:grid;grid-template-columns:1fr 1fr;column-gap:5vw;row-gap:85px;padding-bottom:130px}.news-list>.news-featured{grid-column:1/-1;display:grid;grid-template-columns:1.35fr 1fr;gap:5vw;margin-bottom:10px;align-items:center}.news-list>.news-featured .news-card-copy{padding:10px 0}.news-list>.news-featured h2{font-size:clamp(28px,2.7vw,40px)}.news-list>.news-featured .news-image{aspect-ratio:1.35}.news-list>.news-card:not(.news-featured) .news-image{aspect-ratio:1.72}
.news-detail{max-width:1440px;margin:0 auto;padding-bottom:100px}.story-heading{max-width:1080px;margin:auto}.story-heading .news-meta{justify-content:flex-start;gap:40px;margin-bottom:28px}.story-heading h1{font-size:clamp(30px,3.7vw,56px);font-weight:400;line-height:1.4;letter-spacing:-.035em;text-wrap:pretty}.story-heading>p{font-size:clamp(20px,2vw,28px);line-height:1.45;color:var(--muted);margin-top:25px;max-width:900px}.story-intro{max-width:760px;margin:65px auto;font-size:19px;line-height:1.9}.story-intro p[lang=en]{font-size:16px;color:var(--muted);line-height:1.8;margin-top:25px}.news-body>p{max-width:760px;margin:28px auto;font-size:18px;line-height:1.95}.news-body>figure{max-width:1080px;margin:45px auto}.news-body>figure img{max-width:100%;object-fit:contain}.news-body>figure.source-decoration{margin:25px auto}.story-end{max-width:1080px;border-top:1px solid #ddd;margin:65px auto 100px;padding-top:25px;display:flex;justify-content:space-between;gap:20px}.news-detail .next-project{max-width:1080px;margin:auto}.news-detail .next-project>span:nth-child(2){max-width:65%;font-size:24px;line-height:1.55}.menu-links{margin-top:0}.menu-links a{line-height:1.32}.menu-links a:nth-child(2){animation-delay:60ms}.menu-links a:nth-child(3){animation-delay:120ms}.menu-links a:nth-child(4){animation-delay:180ms}
@media(min-width:1001px) and (max-width:1250px){.header-nav{font-size:16px;gap:16px}.home-header .intro{margin-left:17%;width:48%}.intro h1{font-size:23px}}
@media(min-width:651px) and (max-width:1000px){.home-header .intro{width:73%}.archive-filters{width:80%;grid-template-columns:repeat(3,1fr);gap:25px}.home-news-grid{gap:30px;grid-template-columns:1fr 1fr}.home-news-grid>.news-card:not(.news-featured){display:block}.home-news-grid>.news-card:not(.news-featured) .news-image{aspect-ratio:1.5;margin-bottom:20px}.home-news-grid>.news-featured{grid-row:auto;grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:30px}.news-page-heading>p{margin-right:0;max-width:38%}.news-page-heading{padding-bottom:60px}.news-list>.news-featured{gap:30px;align-items:start}.news-list>.news-featured h2{font-size:25px}.news-excerpt{font-size:14px}.news-meta{font-size:11px}.story-heading{max-width:85%}.story-intro,.news-body>p{max-width:85%}}
@media(max-width:650px){.home-header .intro{width:100%}.header-nav{gap:8px}.archive-filters{width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 12px}.archive-filters sup{font-size:10px;margin-left:5px}.archive-filters a>span[lang=en]{font-size:11px}.archive-tools{margin-bottom:50px}.home-work .card-korean-pavilion .project-media{aspect-ratio:1.55}.home-work .card-qingxin .project-media{aspect-ratio:1.55}.home-news{padding-top:25px;padding-bottom:75px}.news-section-heading{display:block;margin-bottom:35px}.news-section-heading .text-link{margin-top:24px;font-size:13px}.news-section-heading h2{font-size:30px}.home-news-grid{display:block}.home-news-grid>.news-card{margin-top:42px}.home-news-grid>.news-card:first-child{margin-top:0}.home-news-grid>.news-card:not(.news-featured){display:grid;grid-template-columns:30% 1fr;gap:18px;padding-top:22px}.home-news-grid>.news-card:not(.news-featured) h2{font-size:17px}.home-news-grid>.news-card:not(.news-featured) .news-title-en{font-size:12px}.home-news-grid>.news-card:not(.news-featured) .news-meta{font-size:10px}.home-news-grid>.news-card:not(.news-featured) .news-meta>span{display:none}.news-read{font-size:12px}.news-card h2{font-size:23px}.news-title-en{font-size:14px}.news-meta{font-size:11px}.news-excerpt{font-size:14px;margin-top:18px}.news-page-heading{display:block;padding-top:0;padding-bottom:45px}.news-page-heading h1{font-size:48px}.news-page-heading>p{font-size:16px;margin-top:30px;margin-right:0}.news-page-heading>p>span{font-size:12px;margin-top:8px}.news-toolbar{font-size:11px;margin-bottom:30px;padding:18px 0}.news-years{gap:24px}.news-list{display:block;padding-bottom:75px}.news-list>.news-card{margin-bottom:55px}.news-list>.news-featured{display:block;margin-bottom:55px}.news-list>.news-featured .news-card-copy{padding-top:23px}.news-list>.news-featured .news-image{aspect-ratio:1.5}.news-list>.news-featured h2{font-size:25px}.news-detail{padding-bottom:70px}.news-detail .back-link{margin-top:0}.story-heading .news-meta{gap:25px;margin-bottom:20px}.story-heading h1{font-size:29px;line-height:1.5}.story-heading>p{font-size:18px;margin-top:20px}.story-intro{margin:38px auto;font-size:16px;line-height:1.9}.story-intro p[lang=en]{font-size:14px;margin-top:18px}.news-body>p{font-size:16px;line-height:1.9;margin:23px 0}.news-body>figure{margin:30px -20px;max-width:none}.news-body>figure.source-decoration{margin:20px auto}.story-end{margin:45px 0 65px;flex-wrap:wrap}.story-end .text-link{font-size:13px}.news-detail .next-project>span:nth-child(2){max-width:85%;font-size:19px}.news-detail .next-project{gap:12px}.menu-links{margin-top:36px}.menu-links a{font-size:54px;line-height:1.4}.menu-footer{padding-top:35px}.search-results>button{font-size:16px}}
.content-body p a{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.content-body p a:hover{color:var(--red)}