:root{--paper:#f3f1ec;--ink:#272824;--muted:#7c8074;--line:#d4d4cb;--wood:#716555}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'PingFang SC','Microsoft YaHei',sans-serif;font-weight:400}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}img{display:block;width:100%;object-fit:cover}header{height:94px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff30;position:absolute;top:0;left:0;right:0;z-index:5;color:white}.brand{font-family:Georgia,serif;font-size:26px;letter-spacing:3px}.brand small{display:block;font:10px 'PingFang SC',sans-serif;letter-spacing:7px;margin-top:9px}nav{display:flex;gap:35px;align-items:center;font-size:12px;letter-spacing:2px}nav a{padding:12px 0}nav a:last-child{border-bottom:1px solid #ffffff80}.menu-toggle{display:none;background:none;border:0;color:inherit;font-size:24px}.hero{position:relative;height:100svh;min-height:650px;color:white;overflow:hidden;background:#55574d}.hero>img{height:100%;object-position:50% 54%}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#13181165,transparent 40%,#101a1380)}.hero-copy{position:absolute;left:7%;bottom:12%;z-index:1}.eyebrow{font-size:10px;letter-spacing:3px;text-transform:uppercase;line-height:1.7}.hero h1{font-family:'Songti SC','STSong',serif;font-weight:400;font-size:clamp(40px,4.8vw,74px);letter-spacing:9px;margin:25px 0}.hero-copy p{font-size:13px;letter-spacing:3px;margin:0 0 35px}.line-link{display:inline-flex;align-items:center;gap:50px;border-bottom:1px solid currentColor;padding:12px 0;font-size:12px;letter-spacing:2px}.line-link span{font-size:20px;transition:transform .25s}.line-link:hover span{transform:translateX(5px)}.hero-bottom{position:absolute;bottom:30px;left:5%;right:5%;z-index:1;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px}.wrap{max-width:1480px;margin:auto;padding:0 7%}.intro{display:grid;grid-template-columns:1fr 1.3fr;gap:12%;padding:120px 0 115px}.intro .eyebrow{color:var(--muted);padding-top:10px}h2{font-family:'Songti SC','STSong',serif;font-size:clamp(29px,3vw,44px);font-weight:400;line-height:1.65;letter-spacing:3px;margin:0 0 24px}.body-copy{font-size:14px;line-height:2.2;color:#74756d;max-width:520px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.section-head h2{margin:8px 0 0}.section-head .eyebrow{color:var(--muted)}.project-cover{position:relative;display:block;overflow:hidden}.project-cover img{aspect-ratio:1.92;transition:transform 1s}.project-cover:hover img{transform:scale(1.025)}.image-caption{display:flex;justify-content:space-between;align-items:center;padding:23px 0;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.image-caption strong{font-family:'Songti SC',serif;font-size:25px;font-weight:400;color:var(--ink);letter-spacing:3px}.systems{padding:125px 0}.system-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:28px;align-items:start}.system-card:nth-child(2){padding-top:80px}.system-card:nth-child(3){padding-top:160px}.system-card img{height:440px}.system-card:nth-child(2) img{height:380px}.system-card:nth-child(3) img{height:320px}.system-card h3{font-family:'Songti SC',serif;font-weight:400;font-size:23px;letter-spacing:3px;margin:23px 0 12px}.system-card p{font-size:12px;color:var(--muted);line-height:1.9}.craft{background:#292d28;color:#f3f1ec;padding:90px 7%;display:grid;grid-template-columns:1.1fr 1fr;gap:10%;align-items:center}.craft img{height:650px}.craft .eyebrow{color:#b7b9ac}.craft h2{margin-top:30px}.craft .body-copy{color:#b3b8ac}.craft .line-link{margin-top:30px}.cooperate{padding:115px 0;display:grid;grid-template-columns:1fr 1fr;gap:13%;border-bottom:1px solid var(--line)}.steps{padding-top:5px}.step{border-top:1px solid var(--line);padding:22px 0;display:grid;grid-template-columns:80px 1fr;gap:10px}.step b{font-size:12px;font-weight:400}.step p{font-size:12px;line-height:1.9;color:var(--muted);margin:0}.founder{display:flex;justify-content:space-between;gap:50px;padding:60px 0;border-bottom:1px solid var(--line)}.founder .quote{font:26px/1.8 'Songti SC',serif;letter-spacing:2px;max-width:650px;margin:0}.founder .byline{font-size:12px;line-height:2;color:var(--muted);min-width:180px}.contact{padding:100px 0;display:grid;grid-template-columns:1fr 1fr;gap:13%}.contact h2{font-size:43px}.contact p{font-size:13px;line-height:2;color:var(--muted)}.contact .email{display:block;font:clamp(15px,1.5vw,22px) Georgia,serif;margin:20px 0;overflow-wrap:anywhere}.contact button{background:none;border:0;color:var(--muted);padding:8px 0;font-size:11px}.contact-actions{display:flex;align-items:center;gap:25px}footer{border-top:1px solid var(--line);padding:30px 7%;display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:1px;color:var(--muted)}.case-hero .hero-copy{bottom:15%}.case-hero h1{font-size:clamp(50px,6vw,90px)}.case-intro{display:grid;grid-template-columns:1fr 1.5fr;gap:10%;padding:100px 0}.case-meta{font-size:12px;line-height:2.5;color:var(--muted)}.case-meta span{display:block}.case-meta b{display:inline-block;min-width:85px;color:var(--ink);font-weight:400}.chapter{padding-bottom:100px}.chapter-title{display:flex;gap:50px;align-items:baseline;margin:35px 0}.chapter-title h2{font-size:29px;margin:0}.chapter-title p{font-size:13px;color:var(--muted);line-height:2;max-width:450px}.image-pair{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}.image-pair img{height:650px}.image-pair img:nth-child(2){height:490px}.wide-photo{max-height:850px;aspect-ratio:1.55}.image-pair.reverse{grid-template-columns:.8fr 1.2fr}.image-pair.reverse img:first-child{height:490px}.image-pair.reverse img:nth-child(2){height:650px}.photo-button{padding:0;border:0;background:none;width:100%;cursor:zoom-in}.photo-button img{height:100%;aspect-ratio:inherit}.image-pair .photo-button{height:650px}.image-pair .photo-button:nth-child(2){height:490px}.image-pair.reverse .photo-button:first-child{height:490px}.image-pair.reverse .photo-button:nth-child(2){height:650px}.project-end{background:#deded5;text-align:center;padding:85px 25px}.project-end h2{font-size:35px}.project-end p{font-size:13px;color:var(--muted);margin-bottom:25px}dialog{border:0;padding:0;background:#1d211e;width:95vw;max-width:1500px;height:92svh;max-height:95svh}dialog::backdrop{background:#101510e8}dialog img{width:100%;height:100%;object-fit:contain}dialog button{position:absolute;right:20px;top:15px;color:white;border:0;background:#222a;font-size:30px;width:45px;height:45px}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);padding:15px 25px;color:white;background:#272824;z-index:20;font-size:13px;opacity:0;pointer-events:none;transition:opacity .2s}#toast.visible{opacity:1}a:focus-visible,button:focus-visible{outline:2px solid #a9ae8e;outline-offset:6px}.reveal{animation:arrive .9s ease both}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){header{height:78px;padding:0 6%}.brand{font-size:20px}.brand small{font-size:8px}.menu-toggle{display:block}nav{display:none;position:absolute;top:78px;left:0;right:0;background:#272d27;padding:30px 8%;flex-direction:column;align-items:stretch;gap:10px}nav.open{display:flex}.hero{min-height:620px;height:90svh}.hero>img{object-position:56% center}.hero-copy{left:8%;right:7%;bottom:15%}.hero h1{font-size:36px;letter-spacing:5px;line-height:1.65}.hero-copy p{font-size:11px;letter-spacing:1px;line-height:2}.hero-bottom{font-size:8px}.hero-bottom span:last-child{display:none}.wrap{padding:0 7%}.intro{padding:65px 0;grid-template-columns:1fr;gap:25px}h2{font-size:29px}.body-copy{font-size:13px}.section-head{align-items:start;gap:20px}.section-head .line-link{font-size:10px;gap:10px;white-space:nowrap}.project-cover img{aspect-ratio:.95}.image-caption strong{font-size:22px}.image-caption{font-size:10px;gap:20px}.systems{padding:65px 0}.system-grid{grid-template-columns:1fr 1fr;gap:25px 18px}.system-card:nth-child(2){padding-top:55px}.system-card:nth-child(3){grid-column:1/-1;padding-top:0;display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.system-card:nth-child(3) img{grid-row:1/3;height:260px}.system-card:nth-child(3) h3{align-self:end}.system-card img,.system-card:nth-child(2) img{height:280px}.system-card h3{font-size:20px}.craft{grid-template-columns:1fr;gap:40px;padding:50px 7%}.craft img{height:420px}.craft h2{font-size:32px}.cooperate{padding:65px 0;grid-template-columns:1fr;gap:30px}.founder{padding:45px 0;flex-direction:column;gap:20px}.founder .quote{font-size:24px}.contact{padding:65px 0;grid-template-columns:1fr;gap:25px}.contact h2{font-size:35px}footer{flex-direction:column;line-height:1.8}.case-hero h1{font-size:48px}.case-intro{padding:55px 0;grid-template-columns:1fr;gap:25px}.case-meta{display:flex;gap:20px;flex-wrap:wrap}.case-meta b{min-width:0;margin-right:10px}.chapter{padding-bottom:45px}.chapter-title{display:block;margin:25px 0}.chapter-title h2{font-size:27px}.image-pair,.image-pair.reverse{gap:16px;grid-template-columns:1fr 1fr}.image-pair .photo-button,.image-pair.reverse .photo-button:nth-child(2){height:310px}.image-pair .photo-button:nth-child(2),.image-pair.reverse .photo-button:first-child{height:250px}.wide-photo{aspect-ratio:1}.project-end h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.languages{display:flex;gap:9px;align-items:center;font:11px sans-serif;letter-spacing:1px;order:3;margin-left:25px}.languages a{padding:8px 0;opacity:.65}.languages a[aria-current]{opacity:1;border-bottom:1px solid currentColor}.languages span{opacity:.4}header nav{margin-left:auto}html[lang=en] h1{letter-spacing:0;line-height:1.12;font-family:Georgia,serif}html[lang=en] h2{letter-spacing:0;line-height:1.3;font-family:Georgia,serif}html[lang=en] .body-copy{line-height:1.9}html[lang=en] nav{gap:23px;letter-spacing:.5px}html[lang=en] .case-hero h1{font-size:clamp(44px,6vw,86px)}html[lang=en] .system-card h3{letter-spacing:0}html[lang=en] .image-caption strong{letter-spacing:0}html[lang=en] .brand small{letter-spacing:3px}html[lang=en] .step{grid-template-columns:90px 1fr}@media(max-width:760px){.languages{margin-left:auto;margin-right:22px;order:0}html[lang=en] .hero h1{font-size:42px}html[lang=en] .hero-copy p{font-size:10px;letter-spacing:.8px}html[lang=en] .case-hero h1{font-size:46px}html[lang=en] .section-head{flex-wrap:wrap}html[lang=en] .image-caption strong{font-size:20px}html[lang=en] .image-caption{align-items:start;flex-direction:column;gap:10px}html[lang=en] .case-meta{display:block}html[lang=en] .case-meta b{min-width:75px}}
.inner-page header{position:relative;color:var(--ink);border-color:var(--line)}.inner-page nav a:last-child{border-color:var(--line)}.inner-hero{padding:90px 7% 65px;max-width:1450px;margin:auto}.inner-hero .eyebrow{color:var(--muted)}.inner-hero h1{font:400 clamp(36px,4vw,60px)/1.4 'Songti SC',Georgia,serif;letter-spacing:3px;max-width:950px;margin:20px 0}.inner-hero>p{color:var(--muted);font-size:14px;line-height:2;max-width:750px}.inner-banner{height:55vh;max-height:620px}.editorial{padding:65px 0;border-bottom:1px solid var(--line)}.editorial .body-copy{max-width:900px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 65px;margin:35px 0}.info-grid article{padding:30px 0;border-bottom:1px solid var(--line)}.info-grid h3{font:25px 'Songti SC',Georgia,serif;font-weight:400}.info-grid p{font-size:14px;line-height:2;color:var(--muted)}.jump-links{display:flex;flex-wrap:wrap;gap:15px 30px;padding:20px 0;border-block:1px solid var(--line)}.jump-links a{font-size:12px;padding:10px 0}.product-row{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:center;padding:65px 0;border-bottom:1px solid var(--line)}.product-row:nth-child(odd)>img{order:2}.product-row img{height:460px}.technical-images{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:50px 0}.technical-images figure{margin:0}.technical-images img{height:340px;object-fit:contain;background:#e5e5df}figcaption,.source-note{font-size:11px;line-height:1.9;color:var(--muted);margin-top:15px}.plain-list{font-size:14px;line-height:2.3;color:var(--muted);padding-left:18px}.inline-cta{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:80px 0}.inline-cta h2{margin:0}.brand-facts{display:flex;gap:50px;justify-content:space-between;padding:55px 0 20px}.brand-facts b{display:block;font:40px Georgia,serif;margin-bottom:15px}.brand-facts span{font-size:12px;color:var(--muted)}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px 25px;padding:45px 0}.archive-grid img{height:270px}.archive-grid h3{font:23px 'Songti SC',Georgia,serif;margin:18px 0 8px}.archive-grid span{color:var(--muted);font-size:11px}.archive-detail{margin:0}.archive-detail img{max-height:850px;object-fit:contain;background:#e8e8e2}.job{border-top:1px solid var(--line)}.job:last-of-type{border-bottom:1px solid var(--line)}.job summary{display:flex;justify-content:space-between;gap:20px;padding:30px 0;cursor:pointer;list-style:none;font-size:21px}.job summary span:last-child{font-size:16px;color:var(--muted)}.job summary::-webkit-details-marker{display:none}.job[open] summary{color:var(--wood)}.job-body{padding:0 0 40px;max-width:1000px}.job-body h3{font-size:16px;margin-top:25px}.job-body li{font-size:14px;line-height:2;margin:10px 0;color:var(--muted)}.contact-info{display:grid;grid-template-columns:1fr 1.2fr;gap:10%;padding-bottom:90px}.contact-info p{line-height:2;font-size:14px;color:var(--muted)}.contact-info h3{font-size:13px;margin-top:35px}.contact-info a{overflow-wrap:anywhere}.copy-contact{border:0;background:none;color:var(--muted);padding:15px 0}.contact-info form h2{font-size:30px}.contact-info label{display:block;font-size:12px;margin-bottom:20px}.contact-info input,.contact-info textarea,.contact-info select{display:block;width:100%;padding:13px;border:1px solid var(--line);background:#fff9;border-radius:0;font:14px inherit;color:var(--ink);margin-top:9px}.submit-enquiry{padding:15px 23px;background:var(--ink);color:white;border:0}.section-explore{padding:35px 0 0}.contact-info [hidden]{display:none}html[lang=en] .inner-hero h1{letter-spacing:0;font-family:Georgia,serif}html[lang=en] .info-grid h3,html[lang=en] .archive-grid h3{font-family:Georgia,serif}
@media(max-width:760px){.inner-page nav{color:white}.inner-hero{padding:55px 7% 40px}.inner-hero h1{font-size:36px;letter-spacing:1px}.info-grid{grid-template-columns:1fr;gap:0}.product-row{grid-template-columns:1fr;gap:25px;padding:40px 0}.product-row:nth-child(odd)>img{order:0}.product-row img{height:330px}.technical-images{grid-template-columns:1fr}.technical-images img{height:280px}.inline-cta{flex-direction:column;align-items:start;padding:50px 0}.brand-facts{gap:20px;flex-wrap:wrap}.brand-facts b{font-size:32px}.archive-grid{grid-template-columns:1fr 1fr;gap:30px 16px}.archive-grid img{height:180px}.archive-grid h3{font-size:19px}.contact-info{grid-template-columns:1fr;gap:50px}.job summary{font-size:18px}.job summary span:last-child{font-size:14px;white-space:nowrap}.job-body ul{padding-left:18px}.inner-banner{height:350px}.editorial{padding:40px 0}}
/* Brand photography keeps its original composition at every viewport width. */
.inner-page .inner-banner{display:block;width:86%;max-width:1272px;height:auto;max-height:none;object-fit:contain;margin:0 auto;background:#e6e4de}
#doors>img{height:auto;max-height:none;object-fit:contain}
@media(max-width:760px){.inner-page .inner-banner{width:100%;height:auto;max-height:none}#doors>img{height:auto}}