@charset "UTF-8";
:root{--ink:#263e35;--paper:#f5f1e7;--muted:#6b7066;--red:#a7523c;--line:#d6d4c7;--serif:"Songti SC","STSong","SimSun",serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;color:var(--ink);background:var(--paper);font:14px "Microsoft YaHei","PingFang SC",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}a:focus-visible,button:focus-visible{outline:2px solid var(--red);outline-offset:5px}img{display:block;max-width:100%;height:auto}figure{margin:0}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--serif);font-weight:400}p{line-height:1.95}header{display:flex;align-items:center;justify-content:space-between;gap:25px;height:100px;padding:0 5%;border-bottom:1px solid var(--line)}.brand{display:flex;gap:13px;align-items:center;flex-shrink:0}.brand img{width:42px;height:58px;object-fit:contain}.brand>span{font-family:var(--serif);font-size:26px;letter-spacing:3px}.brand-dot{color:var(--red);padding:0 4px}.brand small{display:block;font-family:Georgia,serif;font-size:8px;letter-spacing:2.3px;margin-top:8px}.site-header nav{display:flex;gap:27px;font-size:12px}.site-header nav a{padding:10px 0}.site-header nav a:hover{color:var(--red)}.nav-contact{font-size:12px;padding:10px 0;border-bottom:1px solid var(--ink);white-space:nowrap}.nav-contact span{padding-left:22px}.menu-toggle{display:none}.hero{position:relative;display:grid;grid-template-columns:1.05fr 1fr;max-width:1600px;margin:auto;padding:38px 5% 42px;gap:50px;min-height:690px}.hero-copy{padding:32px 0 0;display:flex;align-items:flex-start;flex-direction:column}.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:400;line-height:1.8;margin-bottom:20px}.hero h1{font-size:clamp(65px,6.3vw,96px);line-height:1.35;letter-spacing:4px;margin:32px 0 26px}.hero h1 span{color:var(--red)}.hero-description{font-size:17px;color:var(--muted);line-height:1.95;margin-bottom:27px}.button{display:inline-flex;align-items:center;gap:40px;padding:17px 24px;font-size:12px}.button.dark{background:var(--ink);color:var(--paper)}.button:hover{background:#405749}.hero-foot{display:flex;justify-content:space-between;gap:20px;width:100%;margin-top:auto;padding-top:32px;font-size:10px;color:var(--muted)}.hero-visual{position:relative;min-width:0;height:650px}.hero-visual>img{width:100%;height:100%;object-fit:cover;object-position:center 52%}.hero-visual figcaption{display:flex;justify-content:space-between;position:absolute;bottom:0;left:0;right:0;padding:22px 21px;color:white;font-size:10px;letter-spacing:1px;background:linear-gradient(transparent,#1118)}.hero-seal{position:absolute;right:calc(50% - 3px);top:110px;background:var(--red);color:#f6eee0;padding:15px 10px;line-height:1.2;font-family:var(--serif);font-size:25px;outline:1px solid #c58d71;outline-offset:-5px}.belief{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 5%;padding:35px 0;display:flex;align-items:center;justify-content:space-between;gap:25px}.belief .eyebrow{margin:0;color:var(--red)}.belief p{font-family:var(--serif);font-size:26px;letter-spacing:2px;margin:0}.belief-note{font-size:10px;color:var(--muted)}.mobile-break{display:none}.section{max-width:1440px;margin:auto;padding:100px 5%}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:45px}h2{font-size:clamp(34px,3.6vw,51px);line-height:1.45;letter-spacing:1px;margin-bottom:0}.heading-aside{max-width:380px;line-height:2;color:var(--muted);font-size:13px;margin-bottom:4px}.heading-aside p{margin-bottom:12px}.heading-aside small{font-size:10px;line-height:1.9;display:block}.work-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);margin-bottom:35px}.filters{display:flex;gap:30px;flex-wrap:wrap}.filters button{padding:15px 0;font-size:12px;border-bottom:2px solid transparent}.filters button.active{border-bottom-color:var(--red);color:var(--red)}#work-count{font-size:10px;color:var(--muted);white-space:nowrap}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px 30px}.work-card[hidden]{display:none}.work-photo{position:relative;overflow:hidden;background:#e5dfd2;aspect-ratio:1.4}.work-photo img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.work-card:first-child .work-photo img{object-position:50% 62%}.work-card a:hover img{transform:scale(1.035)}.photo-type{position:absolute;bottom:14px;left:14px;background:#f5f1e7e8;padding:7px 10px;font-size:10px;letter-spacing:1px}.view-project{position:absolute;right:15px;bottom:15px;color:white;background:#20372da8;padding:7px 10px;font-size:10px;opacity:0;transition:opacity .2s}.work-card a:hover .view-project{opacity:1}.work-caption{display:flex;gap:16px;padding-top:19px;align-items:flex-start}.work-no{font-family:Georgia,serif;font-size:12px;color:var(--red);padding-top:6px}.work-caption h3{font-family:var(--serif);font-size:25px;font-weight:400;margin:0 0 8px;line-height:1.4}.work-caption p{font-size:10px;color:var(--muted);margin:0}.work-arrow{margin-left:auto;font-size:20px}.about{display:grid;grid-template-columns:.9fr 1fr;gap:9%;border-top:1px solid var(--line);align-items:center}.about-image img{width:100%;height:590px;object-fit:cover}.about-image figcaption{font-size:10px;color:var(--muted);padding-top:13px}.about-text h2{margin-bottom:30px}.about-text>p{font-size:13px;color:var(--muted)}.about-text>small{font-size:9px;color:var(--muted);line-height:1.8;display:block}.about-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;border-top:1px solid var(--line);padding-top:25px;margin:32px 0 20px}.about-facts strong{font-family:Georgia,var(--serif);font-size:33px;font-weight:400;display:block}.about-facts strong span{font-size:15px}.about-facts div>span{font-size:9px;color:var(--muted);display:block;margin-top:12px;line-height:1.7}.services{background:var(--ink);color:var(--paper)}.services .heading-aside{color:#c0c9b9}.service-list{border-top:1px solid #627065}.service-list article{display:grid;grid-template-columns:40px 1fr 1.3fr;column-gap:28px;row-gap:8px;padding:30px 0;border-bottom:1px solid #627065}.service-no{font-family:Georgia,serif;color:#b5bdac;font-size:15px;padding-top:6px}.service-list h3{font-family:var(--serif);font-size:28px;font-weight:400;grid-row:span 2;margin:0}.service-list p{font-size:13px;color:#c8d0c2;margin:0}.service-list small{grid-column:3;font-size:10px;color:#a9baa4}.method{display:grid;grid-template-columns:1fr 1fr;gap:10%;border-bottom:1px solid var(--line)}.method-list article{display:flex;gap:25px;padding:24px 0;border-top:1px solid var(--line)}.method-list article:last-child{border-bottom:1px solid var(--line)}.method-list article>span{color:var(--red);font-family:Georgia,serif}.method-list h3{font-size:21px;font-weight:400;margin-bottom:9px}.method-list p{font-size:12px;color:var(--muted);margin:0}.people-leads{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-bottom:45px}.people-leads>article{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center}.people-leads img{width:100%;height:290px;object-fit:cover;object-position:top}.people-leads .eyebrow{font-size:8px;letter-spacing:1px}.people-leads h3{font-family:var(--serif);font-weight:400;font-size:27px;margin:17px 0 12px}.people-leads p{font-size:11px;line-height:1.9;color:var(--muted)}.people-leads p.bio{margin-top:20px}.team-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:18px}.team-grid img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:top}.team-grid h3{font-weight:400;font-size:13px;margin:13px 0 7px}.team-grid p{font-size:10px;color:var(--muted)}.studio-life{margin-top:50px;display:grid;grid-template-columns:1.5fr 1fr;gap:50px;align-items:center}.studio-life img{width:100%;max-height:490px;object-fit:cover}.studio-life figcaption{font-family:var(--serif);font-size:29px;line-height:1.8;max-width:300px}.studio-life figcaption span{display:block;font-family:sans-serif;font-size:10px;letter-spacing:1px;color:var(--muted);margin-top:22px}.journal{padding-top:35px}.journal-list{border-top:1px solid var(--line)}.journal-list>a{display:grid;grid-template-columns:150px 1fr 30px;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding:26px 0}.journal-list>a>span:first-child{font-size:10px;color:var(--red)}.journal-list h3{font-family:var(--serif);font-size:23px;font-weight:400;line-height:1.6;margin:0}.journal-list>a:hover h3{color:var(--red)}.collaboration{padding-top:20px}.collaboration h2{font-size:35px}.collaboration ol{padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin:35px 0 0}.collaboration li{border-top:1px solid var(--line);padding-top:20px}.collaboration li>span{font-family:Georgia,serif;font-size:13px;color:var(--red)}.collaboration h3{font-size:18px;font-weight:400;margin:23px 0 12px}.collaboration p{font-size:11px;color:var(--muted)}.contact{background:#e4e6d9}.contact-top{display:grid;grid-template-columns:1.2fr 1fr;gap:60px}.contact-top p{font-size:13px;color:#52604f}.contact-top address{font-size:13px;font-style:normal;line-height:2}.contact-top button{padding:12px 0;margin-top:10px;border-bottom:1px solid #9ca58f;font-size:11px}#copy-status{display:block;font-size:11px;min-height:20px;margin-top:10px}.contact-people{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:45px}.contact-people>a{border-top:1px solid #a8b09c;padding-top:22px}.contact-people span{display:block;font-size:11px}.contact-people strong{display:block;font-weight:400;font-family:Georgia,serif;font-size:30px;letter-spacing:1px;margin:17px 0}.contact-people a:hover strong{color:var(--red)}.contact-people span:last-child{font-size:10px}.contact-bottom{display:flex;flex-wrap:wrap;gap:25px;font-size:10px;border-top:1px solid #bac1af;padding-top:25px;margin-top:45px}.contact-bottom small{font-size:10px;color:var(--muted)}footer{max-width:1440px;margin:auto;padding:35px 5%;display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:9px;color:var(--muted)}footer .footer-brand{font-family:var(--serif);font-size:23px;color:var(--ink)}footer p{margin:0}.project-intro{padding-top:45px;padding-bottom:40px}.back{font-size:11px;color:var(--muted)}.project-intro .eyebrow{margin-top:45px}.project-intro h1{font-size:clamp(35px,4.5vw,65px);margin:20px 0 25px}.project-meta{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}.project-cover{max-width:1296px;margin:0 auto;background:#e9e4d9}.project-cover>img{width:100%;height:650px;object-fit:contain}.project-cover figcaption{padding:15px 20px;font-size:11px;color:var(--muted)}.project-story{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-top:65px;padding-bottom:35px}.project-story h2{font-size:33px}.project-story p{font-size:14px;color:var(--muted)}.project-story .project-note{font-size:10px;line-height:1.9;margin-top:25px}.project-gallery{padding-top:45px;padding-bottom:15px}.project-gallery h2{font-family:inherit;font-size:17px;margin-bottom:25px;border-bottom:1px solid var(--line);padding-bottom:17px}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.gallery-grid.single{grid-template-columns:1fr}.gallery-grid figure{background:#eee8dc;display:flex;flex-direction:column}.gallery-grid .image-link{display:flex;align-items:center;justify-content:center;flex:1}.gallery-grid img{width:100%;height:440px;object-fit:contain}.gallery-grid.single img{height:590px}.gallery-grid figcaption{font-size:10px;color:var(--muted);padding:15px}.project-next{display:flex;justify-content:space-between;gap:30px;font-size:12px;border-bottom:1px solid var(--line);padding-top:65px;padding-bottom:50px}dialog{width:min(1100px,94vw);max-height:94vh;padding:55px 20px 20px;border:0;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#102219dc}dialog img{max-height:72vh;max-width:100%;margin:auto;object-fit:contain}dialog p{font-size:12px;text-align:center;margin:18px 0 0}.lightbox-close{position:absolute;right:20px;top:18px;font-size:12px}
@media(min-width:1600px){.hero{padding-left:80px;padding-right:80px}.hero-visual{height:730px}.hero-copy{padding-top:50px}.belief{max-width:1440px;margin:auto}.hero h1{font-size:108px}}
@media(max-width:1100px){header{padding:0 4%;gap:15px}.site-header nav{gap:17px;font-size:11px}.brand>span{font-size:22px}.brand img{width:33px;height:49px}.hero{gap:30px;min-height:0}.hero-visual{height:590px}.hero h1{font-size:73px}.hero-seal{right:calc(49% - 10px)}.belief p{font-size:22px}.belief-note{display:none}.section{padding:75px 5%}.about-image img{height:540px}.people-leads{gap:30px}.people-leads>article{gap:18px}.people-leads img{height:250px}.team-grid{gap:13px}.contact-people strong{font-size:26px}.project-cover>img{height:560px}}
@media(max-width:800px){header{height:82px}.site-header nav{display:none;position:absolute;left:0;right:0;top:82px;background:var(--paper);padding:25px 6%;border-bottom:1px solid var(--line);z-index:20;flex-wrap:wrap;gap:17px 25px}.site-header nav.open{display:flex}.nav-contact{margin-left:auto;margin-right:8px;font-size:11px}.nav-contact span{padding-left:10px}.menu-toggle{display:block;font-size:11px;padding:10px 0}.hero{padding:25px 5% 30px;gap:25px}.hero-copy{padding-top:15px}.hero h1{font-size:58px;margin:25px 0}.hero-description{font-size:14px}.hero-visual{height:510px}.hero .eyebrow{font-size:8px;letter-spacing:1px}.hero-foot{flex-wrap:wrap;font-size:8px;gap:8px}.hero-seal{font-size:20px;padding:13px 8px;top:75px}.button{padding:15px 18px;gap:20px;font-size:11px}.belief{padding:25px 0;gap:20px}.belief p{font-size:20px}.belief .eyebrow{font-size:9px}.section-heading{gap:30px}.heading-aside{max-width:290px;font-size:12px}h2{font-size:37px}.work-grid{gap:35px 22px}.work-caption h3{font-size:21px}.about{gap:40px}.about-image img{height:550px}.about-text h2{font-size:32px}.about-facts{gap:8px}.about-facts strong{font-size:27px}.service-list article{grid-template-columns:25px 1fr 1.4fr;gap:12px}.service-list h3{font-size:23px}.service-list p{font-size:12px}.people-leads>article{display:block}.people-leads img{height:350px;margin-bottom:20px}.people-leads h3{margin-top:12px}.people-leads p.bio{margin-top:10px}.team-grid{grid-template-columns:repeat(4,1fr);gap:23px 18px}.studio-life{gap:25px}.studio-life figcaption{font-size:25px}.journal-list>a{grid-template-columns:100px 1fr 20px}.journal-list h3{font-size:20px}.contact-top{gap:35px}.contact-people{gap:20px}.contact-people strong{font-size:22px}.project-cover>img{height:480px}.project-story{gap:40px}.project-story h2{font-size:28px}.gallery-grid img{height:350px}.gallery-grid.single img{height:450px}footer{flex-wrap:wrap}.project-intro{padding-top:35px}.project-intro h1{font-size:42px}}
@media(max-width:560px){header{padding:0 5%;gap:9px}.brand{gap:8px}.brand img{width:29px;height:42px}.brand>span{font-size:20px;letter-spacing:2px}.brand small{font-size:6px;letter-spacing:1.5px}.nav-contact{font-size:10px}.hero{display:block;padding:28px 6% 25px}.hero-copy{padding:0}.hero h1{font-size:65px;line-height:1.3;letter-spacing:2px;margin:25px 0 20px}.hero-description{font-size:15px;margin-bottom:24px}.hero .eyebrow{font-size:9px}.hero-foot{width:100%;justify-content:space-between;padding-top:27px;padding-bottom:20px;font-size:9px}.hero-visual{height:460px}.hero-seal{right:8%;top:85px;font-size:25px}.hero-visual figcaption{padding:18px 15px;font-size:9px}.belief{margin:0 6%;display:block;padding:26px 0}.belief .eyebrow{display:block;margin-bottom:15px}.belief p{font-size:24px;line-height:1.65}.mobile-break{display:block}.section{padding:60px 6%}.section-heading{display:block;margin-bottom:28px}h2{font-size:37px}.heading-aside{max-width:none;margin-top:23px;font-size:12px}.heading-aside small{font-size:10px}.work-controls{display:block;margin-bottom:25px}.filters{gap:0 22px;flex-wrap:wrap}.filters button{font-size:11px;padding:10px 0}#work-count{display:block;margin:13px 0;font-size:9px}.work-grid{grid-template-columns:1fr;gap:32px}.work-photo{aspect-ratio:1.35}.work-caption{gap:13px;padding-top:15px}.work-caption h3{font-size:24px}.work-caption p{font-size:10px}.view-project{opacity:1}.about{display:flex;flex-direction:column-reverse;gap:30px}.about-text h2{font-size:37px}.about-image{width:100%}.about-image img{height:470px}.about-facts{gap:18px}.about-facts strong{font-size:32px}.service-list article{grid-template-columns:25px 1fr;gap:14px;padding:25px 0}.service-list h3{grid-row:auto;font-size:26px}.service-list p,.service-list small{grid-column:2}.service-list small{font-size:9px}.method{grid-template-columns:1fr;gap:28px}.method-list h3{font-size:22px}.people-leads{grid-template-columns:1fr;gap:30px}.people-leads>article{display:grid;grid-template-columns:1fr 1fr;gap:20px}.people-leads img{height:250px;margin:0}.people-leads .eyebrow{font-size:7px}.people-leads h3{font-size:25px}.people-leads p{font-size:10px}.team-grid{grid-template-columns:repeat(4,1fr);gap:16px 12px}.team-grid h3{font-size:12px}.team-grid p{font-size:9px}.studio-life{display:block;margin-top:35px}.studio-life figcaption{font-size:25px;max-width:none;margin-top:23px}.studio-life figcaption span{margin-top:12px}.journal{padding-top:15px}.journal-list>a{grid-template-columns:1fr 20px;gap:10px;padding:21px 0}.journal-list>a>span:first-child{grid-column:1/-1;font-size:9px}.journal-list h3{font-size:22px}.collaboration{padding-top:10px}.collaboration h2{font-size:29px}.collaboration ol{grid-template-columns:1fr 1fr;gap:22px}.collaboration h3{font-size:17px;margin-top:17px}.collaboration p{font-size:10px}.contact-top{grid-template-columns:1fr;gap:28px}.contact-top h2{font-size:40px}.contact-people{grid-template-columns:1fr;gap:28px;margin-top:25px}.contact-people>a{padding-top:20px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px}.contact-people strong{font-size:29px;grid-column:1;margin:0}.contact-people span:last-child{grid-row:1/3;grid-column:2}.contact-bottom{gap:15px;margin-top:30px}.contact-bottom small{width:100%;line-height:1.8}footer{padding:28px 6%;gap:17px}footer .footer-brand,footer p{width:100%}.project-intro{padding-top:30px;padding-bottom:30px}.project-intro .eyebrow{margin-top:30px}.project-intro h1{font-size:37px;line-height:1.5;margin:20px 0}.project-meta{font-size:10px;line-height:1.8;flex-wrap:wrap;gap:8px}.project-cover>img{height:auto;max-height:600px}.project-cover figcaption{font-size:10px}.project-story{grid-template-columns:1fr;gap:23px;padding-top:40px;padding-bottom:15px}.project-story h2{font-size:29px}.project-story p{font-size:13px}.project-gallery{padding-top:30px;padding-bottom:15px}.project-gallery h2{font-size:15px;line-height:1.8}.gallery-grid{grid-template-columns:1fr;gap:22px}.gallery-grid img,.gallery-grid.single img{height:auto;max-height:620px;object-fit:contain}.project-next{font-size:11px;flex-wrap:wrap;padding-top:40px;padding-bottom:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.article-page{max-width:850px;margin:auto;padding:65px 25px 100px}.article-page h1{font-size:38px;line-height:1.6;margin:22px 0 30px}.article-page h2{font-family:inherit;font-size:21px;line-height:1.6;margin:34px 0 14px}.article-page p{font-size:15px;line-height:2.2;color:#526057}.article-page .article-foot{border-top:1px solid var(--line);padding-top:25px;margin-top:45px;font-size:12px}.article-page .article-foot a{border-bottom:1px solid var(--ink)}@media(max-width:560px){.article-page{padding-top:35px}.article-page h1{font-size:29px}.article-page p{font-size:14px}}