:root{--canvas:#ebece9;--dark:#1c1c1d;--yellow:#fce66d;--line:#c9ccc6}.ui-icon{flex:none;width:20px;height:20px}.button .ui-icon,.text-link .ui-icon{width:17px;height:17px}.project-link .ui-icon{width:16px;height:16px}.container{width:min(91%,1280px)}.header-inner{gap:24px;height:clamp(64px,6.2vw,88px)}.brand-controls{align-items:center;gap:13px;display:flex}.wordmark-short{font-size:30px;font-weight:900;line-height:1}.menu-toggle{min-width:32px;min-height:44px;color:var(--ink);background:0 0;border:0;place-items:center;padding:0;display:grid}.menu-toggle .ui-icon{width:20px;height:20px}.site-nav{gap:clamp(24px,3vw,44px);font-size:13px}.site-nav .language-link{margin-left:0}.site-nav .nav-home{display:none}.studio-shell-home .site-nav>a:nth-child(2){text-underline-offset:10px;text-decoration:underline;text-decoration-thickness:1px}.site-nav.is-open{background:var(--canvas);border-block:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0;padding:26px 4.5% 32px;font-size:24px;display:flex;position:absolute;top:100%;left:0;right:0}.site-nav.is-open>a{padding:12px 0}.site-nav.is-open .nav-home{display:block}.site-nav.is-open .language-link{margin:10px 0 0}.play-button .ui-icon{width:23px;height:23px;margin-left:2px}.editorial-hero{border-bottom:3px solid var(--ink);padding:clamp(40px,5vw,72px) 0 clamp(34px,4.2vw,60px)}h1.editorial-brand,html[lang=zh-CN] h1.editorial-brand{font-family:var(--heading);letter-spacing:-.045em;font-size:clamp(80px,17.25vw,248px);font-weight:900;line-height:.858}.editorial-brand span{display:block}.editorial-summary{grid-template-columns:42% 34% 24%;align-items:center;margin-top:4vw;display:grid}.editorial-summary h2{letter-spacing:-.055em;padding-right:20px;font-size:clamp(26px,3.65vw,52px);line-height:1.05}.editorial-summary h2 span{display:block}.editorial-summary p{border-inline:1px solid var(--line);color:var(--ink);padding:0 18px;font-size:clamp(11px,1.4vw,18px);line-height:1.6}.editorial-summary .button{justify-self:end;gap:15px;min-height:44px;padding:13px clamp(20px,3vw,38px);font-size:clamp(12px,1.5vw,15px)}.editorial-work{padding-top:clamp(45px,5.5vw,80px);padding-bottom:clamp(24px,3vw,44px);container-type:inline-size}.editorial-work .section-heading{margin-bottom:24px}.editorial-work .section-heading h2{letter-spacing:-.055em;font-size:clamp(32px,4.4vw,64px)}.editorial-work .section-heading .text-link{font-size:clamp(12px,1.5vw,15px)}.editorial-grid{grid-template-columns:repeat(20,minmax(0,1fr));display:grid}.editorial-project{min-width:0}.editorial-project .media-frame{background:var(--canvas);border-radius:0}.editorial-image-link{display:block}.editorial-caption{margin-top:12px}.editorial-caption h3{letter-spacing:-.045em;font-size:clamp(18px,2.4vw,30px);line-height:1.2}.editorial-caption h3 a:hover{text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:1px}.editorial-caption p{align-items:center;gap:15px;margin-top:5px;font-size:clamp(12px,1.5vw,15px);line-height:1.5;display:flex}.editorial-caption p:before{content:"";border-top:1px solid #8e928b;flex:none;width:24px}.editorial-interior{grid-area:1/1/auto/span 16}.editorial-interior .media-frame.image-frame{aspect-ratio:1.85}.editorial-interior .media-frame.image-frame>img{object-fit:cover;object-position:50% 60%}.editorial-film{z-index:1;grid-area:1/11/auto/-1;padding-top:32.5cqw}.editorial-film .media-frame{aspect-ratio:16/10}.editorial-film .media-frame>img{object-fit:cover}.editorial-film .media-frame>video{object-fit:contain;background:var(--dark)}.editorial-film .play-button{background:#1113;width:48px;height:48px}.editorial-product{grid-area:2/1/auto/-1;grid-template-columns:46.5% 1fr;align-items:end;gap:3cqw;margin-top:-13cqw;display:grid}.editorial-product .media-frame.product-frame{aspect-ratio:6/5}.editorial-product .media-frame>img{object-fit:cover}.editorial-product .editorial-caption{margin:0;padding-bottom:7cqw}.product-collection{aspect-ratio:6/5;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:8px;display:grid}.product-collection>a{background:#e7e8e5;min-width:0;min-height:0;display:block;overflow:hidden}.product-collection img{object-fit:contain;width:100%;height:100%;display:block}.editorial-collection .editorial-caption{padding-bottom:3cqw}.collection-case-links{gap:5px;margin:12px 0 0;padding:0;font-size:clamp(12px,1.4vw,15px);line-height:1.5;list-style:none;display:grid}.collection-case-links a{align-items:center;gap:10px;width:fit-content;display:flex}.collection-case-links .ui-icon{width:14px;height:14px}.collection-case-links a:hover{text-underline-offset:4px;text-decoration:underline}.editorial-studio{background:var(--dark);color:#fff;padding:clamp(48px,7vw,100px) 0 clamp(40px,5.8vw,84px)}.editorial-studio-inner{grid-template-columns:minmax(0,2fr) minmax(190px,1fr);gap:clamp(34px,4.4vw,64px) 34px;display:grid}.editorial-studio h2{letter-spacing:-.06em;grid-area:1/1;font-size:clamp(40px,6.2vw,88px);line-height:1.03}.editorial-studio h2 span{display:block}.editorial-studio-action{grid-area:1/2;justify-content:end;align-items:start;padding-top:10px;display:flex}.editorial-studio-action .button{min-height:44px;padding:13px 28px;font-size:clamp(12px,1.5vw,15px)}.editorial-services{flex-wrap:wrap;grid-area:2/1;align-self:end;gap:10px;font-size:clamp(14px,2vw,23px);line-height:1.5;display:flex}.editorial-services a+a:before{content:"/";color:#a4a7a1;margin-right:10px}.editorial-services a:hover{text-underline-offset:5px;text-decoration:underline}.editorial-studio p{color:#c4c7c1;grid-area:1/2/span 2;place-self:end;max-width:260px;font-size:clamp(12px,1.55vw,16px);line-height:1.65}.editorial-contact{text-align:center;padding:clamp(44px,5.3vw,76px) 0 clamp(32px,4vw,58px)}.editorial-contact h2{letter-spacing:-.065em;white-space:nowrap;font-size:clamp(36px,8.9vw,128px);line-height:1}.editorial-contact-actions{justify-content:center;align-items:center;gap:26px;margin-top:clamp(26px,3.1vw,44px);display:flex}.editorial-contact .button{min-height:44px;padding:13px 28px;font-size:clamp(12px,1.5vw,15px)}.editorial-email{border-left:1px solid var(--line);padding:10px 0 10px 26px;font-size:clamp(14px,1.6vw,18px)}.editorial-email:hover{text-underline-offset:4px;text-decoration:underline}.editorial-footer{border-top:1px solid var(--line);align-items:center;gap:24px;padding:22px 0 28px;font-size:10px;display:flex}.editorial-footer-brand{align-items:center;gap:20px;display:flex}.editorial-footer .wordmark{font-size:25px}.editorial-footer nav{gap:20px;margin-left:auto;display:flex}.editorial-footer p{color:var(--ink);font-size:9px}.editorial-footer a:hover{text-underline-offset:4px;text-decoration:underline}@media (width>=1600px){.container{width:min(91%,1440px)}}@media (width<=760px){.container{width:calc(100% - 40px)}.header-inner{height:68px}.brand-controls{gap:9px}.site-nav{box-shadow:none;top:68px}.site-nav.is-open{padding:18px 20px 24px;top:68px}.site-nav.is-open>.language-link{display:none}.mobile-controls{font-size:13px;display:flex}.editorial-hero{border-bottom-width:2px;padding:35px 0 33px}h1.editorial-brand,html[lang=zh-CN] h1.editorial-brand{letter-spacing:-.075em;font-size:clamp(76px,19.3vw,140px)}.editorial-summary{grid-template-columns:1fr;gap:22px;margin-top:30px}.editorial-summary h2{padding:0;font-size:clamp(27px,6.8vw,42px);line-height:1.12}.editorial-summary p{border:0;max-width:34ch;padding:0;font-size:14px;line-height:1.65}.editorial-summary .button{justify-self:start;min-height:46px;padding:13px 24px;font-size:13px}.editorial-work{padding:34px 0 40px}.editorial-work .section-heading{align-items:center;margin-bottom:23px}.editorial-work .section-heading h2{font-size:31px}.editorial-grid{flex-direction:column;gap:35px;display:flex}.editorial-interior .media-frame.image-frame{aspect-ratio:3/2}.editorial-film{align-self:end;width:92%;padding:0}.editorial-film .media-frame{aspect-ratio:16/9}.editorial-product{width:87%;margin:0;display:block}.editorial-product .media-frame.product-frame{aspect-ratio:4/3}.editorial-product .editorial-caption{margin-top:12px;padding:0}.product-collection{aspect-ratio:4/3;gap:6px}.collection-case-links{gap:5px;margin-top:12px;font-size:12px}.editorial-caption h3{font-size:21px}.editorial-caption p{gap:10px;font-size:12px}.editorial-studio{padding:42px 0}.editorial-studio-inner{grid-template-columns:1fr;gap:26px}.editorial-studio h2{letter-spacing:-.055em;grid-area:1/1;font-size:clamp(34px,8.7vw,58px)}.editorial-studio-action{grid-area:4/1;justify-content:start;padding:0}.editorial-services{grid-area:2/1;gap:8px;font-size:14px}.editorial-services a+a:before{margin-right:8px}.editorial-studio p{grid-area:3/1;justify-self:start;max-width:42ch;font-size:14px}.editorial-contact{padding:40px 0 34px}.editorial-contact h2{letter-spacing:-.07em;font-size:clamp(26px,8.65vw,65px)}.editorial-contact-actions{flex-direction:column;gap:17px;margin-top:24px}.editorial-contact .button{min-height:46px;font-size:13px}.editorial-email{border:0;padding:0;font-size:15px}.editorial-footer{flex-wrap:wrap;justify-content:space-between;gap:18px 15px;padding:23px 0 26px}.editorial-footer-brand{gap:15px;width:100%}.editorial-footer nav{gap:18px;margin-left:0;font-size:11px}.editorial-footer p{font-size:9px}html[lang=zh-CN] .editorial-summary h2{font-size:28px;line-height:1.4}html[lang=zh-CN] .editorial-contact h2{letter-spacing:-.06em;font-size:clamp(27px,7.5vw,50px)}}@media (prefers-reduced-motion:reduce){.button:hover{transform:none}}.media-frame.accessory-frame{aspect-ratio:4/3;background:var(--canvas)}.case-page>.media-frame.accessory-frame{aspect-ratio:4/3;max-width:1100px;max-height:none}@layer studio-base{@font-face{font-family:Space Grotesk;src:url(/fonts/space-grotesk-latin.woff2)format("woff2");font-weight:300 700;font-display:swap}@font-face{font-family:Manrope;src:url(/fonts/manrope-latin.woff2)format("woff2");font-weight:200 800;font-display:swap}:root{--canvas:#f9faf7;--ink:#111;--muted:#555856;--dark:#1c1c1d;--yellow:#fce66d;--line:#dcded9;--body:Manrope,"Microsoft YaHei",system-ui,sans-serif;--heading:"Space Grotesk","Microsoft YaHei",system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{background:var(--canvas);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6}button,input,a{-webkit-tap-highlight-color:transparent}button{font-family:var(--body);cursor:pointer}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline-offset:5px;outline:3px solid #937400}::selection{background:var(--yellow);color:var(--ink)}h1,h2,h3,p,figure,dl{margin:0}h1,h2,h3{font-family:var(--heading);letter-spacing:-.045em;font-weight:700;line-height:1.08}h1{font-size:clamp(48px,5.4vw,84px)}h2{font-size:clamp(30px,3vw,44px)}p{color:var(--muted)}.container{width:min(100% - 128px,1280px);margin-inline:auto}.skip-link{z-index:100;background:var(--yellow);border-radius:4px;padding:12px 20px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:12px}.site-header{z-index:20;background:var(--canvas);position:relative}.header-inner{justify-content:space-between;align-items:center;gap:32px;height:96px;display:flex}.wordmark{font-family:var(--heading);letter-spacing:-.055em;white-space:nowrap;font-size:28px;font-weight:700}.wordmark span{letter-spacing:-.035em;font-size:.78em}.site-nav{align-items:center;gap:32px;font-size:14px;display:flex}.site-nav>a{padding-block:8px}.site-nav a[aria-current=page]{text-underline-offset:10px;text-decoration:underline;text-decoration-thickness:1px}.site-nav .language-link{margin-left:24px}.mobile-controls{display:none}.button{background:var(--ink);color:#fff;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:20px;min-height:48px;padding:13px 26px;font-size:15px;font-weight:650;line-height:1.4;transition:transform .18s,background .18s;display:inline-flex}.button:hover{background:#353535;transform:translateY(-2px)}.button-pale{background:var(--yellow);color:var(--ink)}.button-pale:hover{background:#f2d850}.button span,.text-link span,.project-link span{font-size:1.25em;line-height:1}.text-link{border-bottom:1px solid var(--ink);align-items:center;gap:12px;padding-bottom:3px;font-size:15px;line-height:1.5;display:inline-flex}.text-link:hover{color:#6a5510}.home-hero{grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding:30px 0 70px;display:grid}.hero-copy h1{letter-spacing:-.055em;max-width:590px;font-size:clamp(54px,5.2vw,80px);line-height:1.01}.hero-copy h1 span{display:block}.hero-copy p{max-width:520px;color:var(--ink);margin-top:26px;font-size:19px;line-height:1.45}.hero-actions{align-items:center;gap:28px;margin-top:28px;display:flex}.home-hero figure{min-width:0;margin:0}.home-hero figcaption{color:var(--muted);margin-top:12px;font-size:12px}.media-frame{background:var(--dark);aspect-ratio:16/9;isolation:isolate;border-radius:5px;position:relative;overflow:hidden}.media-frame>img,.media-frame>video{object-fit:cover;width:100%;height:100%;display:block}.media-frame.hero-frame{aspect-ratio:4/3}.media-frame.portrait>img,.media-frame.portrait>video{object-fit:contain}.play-button{color:#fff;background:#1117;border:1px solid #fff;border-radius:50%;place-items:center;width:58px;height:58px;transition:background .2s,scale .2s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.play-button:hover{background:#111c;scale:1.08}.play-button:focus-visible{outline-color:var(--yellow)}.play-button svg{fill:currentColor;width:26px;height:26px;margin-left:3px}.media-error{text-align:center;color:#fff;background:#1c1c1ded;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;padding:28px;display:flex;position:absolute;inset:0}.media-error p{color:#fff;width:100%}.media-error button,.media-error a{background:var(--yellow);color:#111;font:600 14px var(--body);border:0;border-radius:4px;padding:8px 16px}.noscript-video{background:var(--yellow);padding:5px 12px;position:absolute;bottom:10px;left:10px}.section-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.featured-grid{grid-template-columns:1fr 1fr;gap:32px;display:grid}.work-caption{justify-content:space-between;align-items:start;gap:20px;margin-top:15px;display:flex}.work-caption h3{letter-spacing:-.03em;font-size:21px;line-height:1.25}.work-caption p{margin-top:5px;font-size:13px;line-height:1.5}.project-link{white-space:nowrap;align-items:center;gap:8px;margin-top:3px;font-size:12px;display:flex}.project-link:hover{text-underline-offset:4px;text-decoration:underline}.home-work{padding-bottom:70px}.home-services{grid-template-columns:1fr 2fr;gap:64px;padding:20px 0 80px;display:grid}.home-services h2{font-size:38px}.service-link{border-top:1px solid var(--line);align-items:center;gap:22px;padding:16px 0;font-size:20px;font-weight:600;display:flex}.service-link:last-child{border-bottom:1px solid var(--line)}.service-link:hover>span:nth-child(2){text-underline-offset:5px;text-decoration:underline}.service-link>span:last-child{margin-left:auto}.small-number{color:var(--muted);font-size:12px;font-weight:400}.close-band{background:var(--dark);color:#fff;padding:48px 0}.close-inner{justify-content:space-between;align-items:center;gap:48px;display:flex}.close-inner h2{max-width:780px;font-size:clamp(28px,3.1vw,46px)}.page-intro{padding:44px 0 55px}.page-intro h1 span{display:block}.page-intro p{max-width:940px;margin-top:22px;font-size:21px;line-height:1.55}.service-list{padding-bottom:65px}.service-row{border-top:1px solid var(--line);grid-template-columns:130px 1fr;align-items:start;gap:32px;padding:40px 0;scroll-margin-top:24px;display:grid}.row-number{font-family:var(--heading);letter-spacing:-.05em;font-size:70px;font-weight:700;line-height:1}.service-row h2{font-size:32px;line-height:1.2}.service-row p{max-width:800px;margin-top:14px;font-size:18px}.service-row .service-extra{margin-top:10px;font-size:14px}.promise-band{background:var(--dark);color:#fff;text-align:center;padding:60px 0}.promises{text-align:left;grid-template-columns:repeat(3,1fr);gap:48px;margin-bottom:42px;display:grid}.promises h2{letter-spacing:-.035em;font-size:26px}.promises p{color:#c8cac6;margin-top:18px;font-size:15px}.work-filters{flex-wrap:wrap;gap:12px;margin-bottom:32px;display:flex}.work-filters button{color:#111;background:0 0;border:1px solid #d2d5ce;border-radius:99px;min-height:44px;padding:10px 23px;font-size:14px;line-height:1.4}.work-filters button[aria-pressed=true]{background:var(--yellow);border-color:var(--yellow);font-weight:650}.work-filters button:hover{border-color:#777}.work-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:38px 24px;display:grid}.work-grid .work-item{grid-column:span 2}.work-grid .work-item:nth-child(-n+2){grid-column:span 3}.work-grid .work-item:nth-child(n+3) .work-caption{display:block}.work-grid .work-item:nth-child(n+3) .project-link{margin-top:12px}.work-note{max-width:760px;padding-top:48px;font-size:15px}.work-closing{justify-content:space-between;align-items:center;gap:32px;padding:64px 0;display:flex}.work-closing h2{font-size:clamp(32px,4vw,58px)}.studio-about{grid-template-columns:1fr 1.4fr;align-items:start;gap:80px;padding:20px 0 65px;display:grid}.studio-about h2{margin-bottom:20px;font-size:30px}.studio-about p{font-size:20px;line-height:1.6}.process-list{border-bottom:1px solid var(--line)}.process-row{border-top:1px solid var(--line);grid-template-columns:130px 1fr;align-items:start;gap:32px;padding:36px 0;display:grid}.process-row .row-number{font-size:52px}.process-row h2{font-size:29px}.process-row p{max-width:790px;margin-top:12px;font-size:17px}.studio-company{padding:60px 0 70px}.studio-company h2{font-size:28px}.studio-company p{margin:20px 0}.contact-layout{grid-template-columns:1fr 1fr;gap:80px;padding:15px 0 65px;display:grid}.contact-details{min-width:0}.contact-email,.contact-phone{font-family:var(--heading);letter-spacing:-.04em;overflow-wrap:anywhere;font-size:clamp(24px,2.5vw,40px);font-weight:650;line-height:1.5;display:block}.contact-email>span{margin-left:10px;display:inline-block}.contact-details>p{margin:16px 0 32px;font-size:21px}.contact-details .contact-note{color:var(--muted);margin-top:20px;font-size:13px}.brief-list{border-left:1px solid var(--line);flex-direction:column;gap:26px;padding-left:48px;display:flex}.brief-list>div{grid-template-columns:130px 1fr;gap:25px;display:grid}.brief-list dt{font-size:15px;font-weight:700;line-height:1.5}.brief-list dd{color:var(--muted);margin:0;font-size:15px;line-height:1.6}.contact-frames{grid-template-columns:repeat(3,1fr);gap:24px;margin:0 0 70px;display:grid}.legal-page{max-width:1080px;min-height:65vh;padding-bottom:90px}.legal-page .page-intro h1{font-size:clamp(44px,5vw,72px)}.legal-page>p{max-width:840px;margin-top:24px;line-height:1.8}.company-details>div{border-top:1px solid var(--line);grid-template-columns:220px 1fr;gap:30px;padding:20px 0;display:grid}.company-details dt{color:var(--muted)}.company-details dd{margin:0;font-weight:600}.legal-page>.text-link{margin-top:30px}.legal-section{max-width:890px;margin-bottom:30px}.legal-section h2{font-size:25px}.legal-section p{margin-top:15px;line-height:1.8}.case-page{padding-top:35px;padding-bottom:75px}.case-page .page-intro{padding:30px 0 32px}.case-page .page-intro h1{font-size:clamp(42px,4.8vw,70px)}.case-page>.media-frame{aspect-ratio:16/9;max-height:74vh}.case-page>.media-frame.portrait{aspect-ratio:9/16;max-width:440px;max-height:none;margin-inline:auto}.case-meta{color:var(--muted);flex-wrap:wrap;gap:12px 32px;margin-top:20px;font-size:13px;display:flex}.case-description{grid-template-columns:1fr 2fr;gap:60px;padding:48px 0;display:grid}.case-description h2{font-size:29px}.case-description p{max-width:820px;font-size:18px;line-height:1.7}.case-description .soundtrack-note{margin-top:18px;font-size:13px}.next-project{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:25px;padding-top:28px;display:flex}.next-project>span{color:var(--muted);font-size:13px}.next-project>a{font-family:var(--heading);align-items:center;gap:25px;font-size:25px;font-weight:650;display:flex}.not-found{min-height:65vh;padding-bottom:80px}.site-footer{border-top:1px solid var(--line);padding-top:32px;padding-bottom:28px}.footer-top{justify-content:space-between;align-items:start;gap:30px;display:flex}.site-footer .wordmark{font-size:22px}.footer-contact{flex-wrap:wrap;align-items:center;gap:22px;padding-top:3px;font-size:12px;display:flex}.site-footer nav{flex-wrap:wrap;gap:22px;padding-top:3px;font-size:12px;display:flex}.site-footer a:hover{text-underline-offset:4px;text-decoration:underline}.footer-note{color:#6a6e69;margin-top:20px;font-size:11px}html[lang=zh-CN] h1{letter-spacing:-.04em;font-size:clamp(42px,4.8vw,72px);line-height:1.2}html[lang=zh-CN] .hero-copy h1{font-size:clamp(42px,4.4vw,68px);line-height:1.3}html[lang=zh-CN] .hero-copy p{line-height:1.8}html[lang=zh-CN] .page-intro p{font-size:19px}@media (width>=1600px){.container{width:min(100% - 160px,1440px)}}@media (width<=1100px){.container{width:calc(100% - 64px)}.header-inner{gap:24px}.site-nav{gap:20px}.site-nav .language-link{margin-left:12px}.home-hero{gap:40px}.hero-copy h1{font-size:60px}.hero-copy p{font-size:17px}.hero-actions{flex-wrap:wrap;gap:20px}.home-services,.contact-layout{gap:40px}.brief-list{padding-left:30px}.brief-list>div{grid-template-columns:100px 1fr;gap:18px}.footer-top{flex-wrap:wrap}.site-footer nav{margin-left:auto}.close-inner h2{font-size:34px}.work-caption{display:block}.project-link{margin-top:10px}}@media (width<=760px){.container{width:calc(100% - 40px)}.header-inner{gap:16px;height:76px}.wordmark{font-size:24px}.site-nav{background:var(--canvas);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0;padding:20px;font-size:20px;display:none;position:absolute;top:76px;left:0;right:0;box-shadow:0 12px 20px #1111}.site-nav.is-open{display:flex}.site-nav>a{min-height:48px;padding:12px 0}.site-nav>.language-link{display:none}.mobile-controls{align-items:center;gap:17px;font-size:14px;display:flex}.menu-toggle{color:#111;background:0 0;border:0;align-items:center;gap:8px;min-height:44px;padding:10px 0;font-size:13px;display:flex}.menu-toggle span{font-size:22px;line-height:1}.home-hero{grid-template-columns:1fr;gap:34px;padding:30px 0 55px}.hero-copy h1{max-width:560px;font-size:clamp(46px,10vw,70px)}.hero-copy p{max-width:490px;margin-top:22px;font-size:17px}.hero-actions{gap:24px;margin-top:24px}.button{min-height:46px;padding:12px 22px;font-size:14px}.home-hero .hero-frame{aspect-ratio:4/3}.home-hero figcaption{font-size:11px}.section-heading{align-items:end;gap:16px}.section-heading h2{font-size:32px}.section-heading>.text-link{font-size:12px}.featured-grid{grid-template-columns:1fr;gap:32px}.work-caption{display:flex}.work-caption h3{font-size:20px}.project-link{margin-top:2px;font-size:11px}.home-work{padding-bottom:55px}.home-services{grid-template-columns:1fr;gap:25px;padding-bottom:55px}.home-services h2{font-size:32px}.service-link{gap:16px;padding:18px 0;font-size:17px}.close-band{padding:35px 0}.close-inner{flex-direction:column;align-items:start;gap:25px}.close-inner h2{font-size:32px}.page-intro{padding:30px 0 38px}.page-intro h1{font-size:clamp(42px,10vw,68px);line-height:1.07}.page-intro p{margin-top:20px;font-size:17px}.service-row{grid-template-columns:55px 1fr;gap:20px;padding:30px 0}.row-number{font-size:43px}.service-row h2{font-size:25px}.service-row p{font-size:16px;line-height:1.65}.service-list{padding-bottom:35px}.promises{grid-template-columns:1fr;gap:32px;margin-bottom:35px}.promises h2{font-size:24px}.promises p{margin-top:12px;font-size:15px}.promise-band{text-align:left;padding:38px 0}.work-filters{gap:8px;margin-bottom:26px}.work-filters button{padding:10px 17px;font-size:12px}.work-grid{grid-template-columns:1fr;gap:36px;display:grid}.work-grid .work-item,.work-grid .work-item:nth-child(-n+2){grid-column:auto}.work-grid .work-item:nth-child(n+3) .work-caption{display:flex}.work-grid .work-item:nth-child(n+3) .project-link{margin-top:2px}.work-grid .media-frame.portrait{aspect-ratio:4/3}.work-note{padding-top:35px;font-size:14px}.work-closing{flex-direction:column;align-items:start;gap:24px;padding:44px 0}.work-closing h2{font-size:36px}.studio-about{grid-template-columns:1fr;gap:30px;padding:0 0 42px}.studio-about h2{font-size:27px}.studio-about p{font-size:18px}.process-row{grid-template-columns:55px 1fr;gap:20px;padding:28px 0}.process-row .row-number{font-size:37px}.process-row h2{font-size:24px}.process-row p{font-size:15px;line-height:1.7}.studio-company{padding:38px 0 45px}.studio-company h2{font-size:25px}.contact-layout{grid-template-columns:1fr;gap:35px;padding:0 0 45px}.contact-email,.contact-phone{font-size:clamp(23px,6.7vw,34px);line-height:1.6}.contact-details>p{margin:15px 0 24px;font-size:18px}.brief-list{border-left:0;border-top:1px solid var(--line);gap:24px;padding:30px 0 0}.brief-list>div{grid-template-columns:100px 1fr;gap:20px}.brief-list dt,.brief-list dd{font-size:14px}.contact-frames{grid-template-columns:1fr;gap:16px;margin-bottom:45px}.contact-frames>div:nth-child(n+2){display:none}.legal-page{padding-bottom:55px}.legal-page .page-intro h1{font-size:44px}.company-details>div{grid-template-columns:1fr;gap:8px}.company-details dt{font-size:13px}.company-details dd{font-size:16px}.legal-section h2{font-size:23px}.legal-section p,.legal-page>p{font-size:15px}.case-page{padding-top:25px;padding-bottom:45px}.case-page .page-intro h1{font-size:40px}.case-page .page-intro{padding-bottom:27px}.case-meta{gap:10px 18px;font-size:11px}.case-description{grid-template-columns:1fr;gap:18px;padding:34px 0}.case-description h2{font-size:25px}.case-description p{font-size:16px}.next-project{flex-direction:column;align-items:start;gap:15px}.next-project>a{font-size:23px}.footer-top{flex-direction:column;gap:20px}.site-footer nav{gap:20px;margin-left:0}.footer-contact{flex-direction:column;align-items:start;gap:7px;font-size:13px}.footer-note{max-width:340px;font-size:10px;line-height:1.8}html[lang=zh-CN] h1{font-size:44px;line-height:1.25}html[lang=zh-CN] .hero-copy h1{font-size:clamp(35px,9.5vw,54px);line-height:1.35}html[lang=zh-CN] .page-intro p{font-size:17px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.button:hover{transform:none}.play-button:hover{scale:1}}.preloader{z-index:100;color:#111;background:#ebece9;flex-direction:column;justify-content:center;align-items:center;transition:transform 1s cubic-bezier(.76,0,.24,1);display:flex;position:fixed;inset:0;transform:translateY(0)}.preloader--exit{transform:translateY(-100%)}.preloader-number{font-family:var(--heading);font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;font-size:96px;font-weight:900;line-height:1}.preloader-caption{font-family:var(--body);letter-spacing:.3em;text-transform:uppercase;color:#11111180;text-align:center;-webkit-user-select:none;user-select:none;margin-top:24px;font-size:12px;line-height:16px}.visually-hidden,.preloader-skip:not(:focus-visible){clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.preloader-skip:focus-visible{color:#111;background:#ebece9;border:1px solid #111;padding:10px 16px;font-size:14px;position:absolute;top:24px;left:24px}body:has(.preloader--active){overflow:hidden}@media (width>=768px){.preloader-number{font-size:160px}.preloader-caption{font-size:14px;line-height:20px}}.section-summary{max-width:65ch;margin:-8px 0 25px;font-size:16px}.media-frame.image-frame{aspect-ratio:3/2;background:var(--line)}.media-frame.image-frame>img{object-fit:contain}.case-page>.media-frame.image-frame{aspect-ratio:3/2;max-width:1100px;max-height:none;margin-inline:auto}.company-document{max-width:900px;margin-top:38px}.company-document h2{margin-bottom:22px;font-size:26px}.company-document img{width:100%;height:auto;display:block}.company-document figcaption{max-width:65ch;color:var(--muted);margin-top:15px;font-size:14px;line-height:1.6}.work-caption .medium-label{color:#5c4d0c;margin-top:8px;font-size:11px}.filter-count{margin:-14px 0 24px;font-size:12px}.media-frame.drawing-frame,.media-frame.product-frame,.media-frame.interface-frame{background:#fff}.media-frame.book-frame{background:#e8e5de}.media-frame.book-frame>img{padding:24px}.case-page>.media-frame.drawing-frame{aspect-ratio:1448/2048;max-width:680px}.case-page>.media-frame.book-frame{aspect-ratio:auto;max-width:680px;height:420px}.case-description .case-note{margin-top:20px;font-size:14px}.source-link{margin-top:22px}.case-gallery{margin:10px 0 60px}.case-gallery>h2{max-width:800px;margin-bottom:38px;font-size:32px}.gallery-group+.gallery-group{margin-top:48px}.gallery-group>h3{margin-bottom:24px;font-size:23px;line-height:1.3}.gallery-grid{grid-template-columns:1fr;gap:28px;display:grid}.gallery-grid figure{min-width:0}.gallery-grid img{background:#fff;border-radius:5px;width:100%;height:auto;display:block}.gallery-grid figcaption{margin-top:16px;font-size:14px;line-height:1.5}.gallery-grid figcaption strong,.gallery-grid figcaption span{display:block}.gallery-grid figcaption span{color:var(--muted);margin-top:5px}.gallery-grid figcaption .text-link{margin-top:12px;font-size:12px}.screen-gallery .gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}@media (width<=760px){.case-page>.media-frame.book-frame{height:350px}.case-page>.media-frame.drawing-frame{max-width:100%}.case-gallery>h2{font-size:26px}.screen-gallery .gallery-grid{grid-template-columns:1fr;max-width:420px;margin-inline:auto}.gallery-group>h3{font-size:21px}.gallery-group+.gallery-group{margin-top:38px}.gallery-grid{gap:34px}.work-caption,.work-caption>div{min-width:0}.work-caption h3{overflow-wrap:anywhere}.section-heading h2{font-size:28px}}}