:root{--ink:#30202c;--paper:#f1eee6;--muted:#70666b;--line:#d4cec5;--accent:#c8aa73;--rail:172px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,'Microsoft JhengHei',sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}button,input,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}img{display:block;width:100%;height:auto}figure,p,h1,h2,h3{margin:0}p+p{margin-top:22px}h1,h2,h3{font-weight:400;line-height:1.04;letter-spacing:-.045em}h1{font-size:clamp(48px,6.4vw,100px)}h2{font-size:clamp(38px,4.1vw,68px)}h3{font-size:25px;line-height:1.2;letter-spacing:-.025em}small{display:block;font-size:10px;letter-spacing:.16em;line-height:1.5;text-transform:uppercase}em{font-family:Georgia,serif;font-weight:400}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #a36a34;outline-offset:5px}.skip{position:fixed;top:-100px;left:190px;z-index:100;background:white;padding:12px}.skip:focus{top:10px}.rail{position:fixed;inset:0 auto 0 0;width:var(--rail);padding:30px 24px;background:var(--ink);color:var(--paper);display:flex;flex-direction:column;z-index:20}.monogram{display:flex;justify-content:space-between;font-size:63px;line-height:1;font-weight:500;letter-spacing:-7px}.monogram span{font-size:21px;letter-spacing:0;padding-top:6px}.brand{display:block;font-size:10px;letter-spacing:.15em;line-height:1.7;margin-top:18px}.brand-link:hover{text-decoration:none}.rail nav{display:flex;flex-direction:column;gap:15px;margin:auto 0;font-size:13px}.rail nav a{opacity:.72}.rail nav a.active,.rail nav a:hover{opacity:1}.rail nav a.active:after{content:' —';color:var(--accent)}.rail-bottom{font-size:12px}.rail-bottom span{display:block;font-size:8px;letter-spacing:.16em;margin-top:30px;color:var(--accent)}.page{margin-left:var(--rail)}.section{padding:75px 5.5%}.opening{padding:30px 28px 0}.hero-title{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:8px 16px 30px}.hero-title h1{margin-top:18px;font-size:clamp(46px,5.4vw,88px)}.hero-title p{font-size:clamp(22px,2.1vw,34px);line-height:1.18;padding-bottom:4px}.scene-stage{position:relative;aspect-ratio:1.98;background:#41372c}.scene[hidden]{display:none}.scene{height:100%;position:relative}.scene>img{height:100%;object-fit:cover;object-position:center 52%}.scene:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(15,10,12,.72));pointer-events:none}.scene-copy{position:absolute;inset:auto 35px 28px;display:flex;align-items:flex-end;justify-content:space-between;gap:25px;z-index:1;color:white}.scene-copy>span{font-family:Georgia,serif;font-style:italic;font-size:clamp(54px,6.4vw,100px);line-height:1}.scene-copy>div{text-align:right}.scene-copy a{font-size:12px}.scene-copy small{margin-bottom:9px}.scene-controls{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.scene-controls button{background:none;border:0;border-right:1px solid var(--line);padding:20px 18px;color:var(--ink);display:flex;align-items:center;gap:16px;font-size:20px}.scene-controls button:last-child{border-right:0}.scene-controls button span{margin-left:auto}.scene-controls button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.scene-controls small{font-size:9px}.manifesto{display:grid;grid-template-columns:1fr 1fr;gap:40px 7%}.manifesto>small{grid-column:1/-1}.manifesto>div p{max-width:530px}.manifesto>div a{display:inline-block;margin-top:24px;border-bottom:1px solid}.section-top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:35px;gap:30px}.section-top h2{max-width:660px}.local-work{background:#e3ddd3}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 26px}.project{min-width:0}.project img{aspect-ratio:1.5;object-fit:cover;transition:filter .3s}.project a:hover img{filter:brightness(.93)}.project a:hover{text-decoration:none}.caption{padding:18px 0;border-bottom:1px solid var(--line)}.caption small{margin-bottom:11px}.caption h3{display:flex;justify-content:space-between;gap:15px}.caption h3 span{font-size:19px}.feature{position:relative;background:var(--ink);color:white}.feature>img{height:680px;object-fit:cover;filter:brightness(.78)}.feature-text{position:absolute;left:6%;bottom:55px;max-width:420px;text-shadow:0 1px 8px #000}.feature-text h2{font-size:clamp(50px,6vw,86px);margin:18px 0}.feature-text p{font-size:15px}.feature-text a{display:inline-block;margin-top:22px;border-bottom:1px solid}.territory{background:var(--ink);color:var(--paper)}.territory .section-top{align-items:flex-start}.area-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #74616f;margin-top:50px}.area-grid a{padding:30px 20px 5px 0;margin-right:20px;border-right:1px solid #74616f}.area-grid a:last-child{border:0;margin:0}.area-grid h3{margin:35px 0 16px}.area-grid p{font-size:13px;color:#ded4d8;line-height:1.6}.area-grid small{color:var(--accent)}.services-intro{display:grid;grid-template-columns:1fr 1.2fr;gap:60px}.services-intro h2{margin-top:22px}.service-list>a{display:flex;justify-content:space-between;gap:20px;padding:21px 0;border-bottom:1px solid var(--line);font-size:20px;line-height:1.4}.faq{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}.faq h2{margin-top:20px}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;padding:21px 0;list-style:none;display:flex;justify-content:space-between;gap:20px;line-height:1.4}.faq summary:after{content:'+'}.faq details[open] summary:after{content:'−'}.faq details p{padding:0 0 22px;font-size:14px;color:#5b5056}.enquire{background:#d5bd91;display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:20px}.enquire small{grid-column:1/-1}.enquire .button{justify-self:end}.button{display:inline-block;border:1px solid var(--ink);background:var(--ink);color:white;padding:16px 24px;font-size:14px}.footer-top{display:grid;grid-template-columns:2fr 1fr;gap:40px}.footer-top p{font-size:13px;margin:15px 0}.footer-top>div:last-child{display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:13px;font-size:13px}.socials{display:flex;flex-wrap:wrap;gap:25px;font-size:12px;margin:45px 0 25px;padding-bottom:25px;border-bottom:1px solid var(--line)}.legal{display:flex;justify-content:space-between;gap:18px;font-size:10px}.whatsapp{position:fixed;bottom:18px;right:20px;background:var(--ink);color:white;padding:9px 15px;border:1px solid #a996a4;border-radius:30px;font-size:11px;z-index:30}.intro{padding-top:70px;padding-bottom:50px}.intro h1{margin:25px 0 30px;max-width:980px}.intro>p{max-width:710px;font-size:18px}.filters{display:flex;gap:12px;margin-bottom:35px;flex-wrap:wrap}.filters button{background:none;border:1px solid var(--line);padding:9px 20px;border-radius:30px;color:var(--ink);font-size:13px}.filters button[aria-pressed=true]{background:var(--ink);color:white}.project[hidden]{display:none}.project-lead{padding:0 5.5%}.project-lead img{max-height:850px;object-fit:contain;background:#e5dfd6}.project-story{display:grid;grid-template-columns:1fr 1fr;gap:65px}.project-story h2{margin-top:25px}.project-story dl{display:grid;grid-template-columns:1fr 1.5fr;gap:15px;border-top:1px solid var(--line);padding-top:25px;margin-top:30px;font-size:13px}.project-story dd{margin:0}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-top:0}.gallery img{height:100%;object-fit:contain;background:#e6e0d6}.gallery img:last-child:nth-child(odd){grid-column:1/-1;max-height:750px}.back{display:block;padding-top:0}.service-image{padding:0 5.5%}.service-image img{max-height:560px;object-fit:cover}.notes-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.notes-grid h2{font-size:35px;margin:25px 0}.notes-grid p{max-width:570px}.reading{max-width:850px;margin:auto;padding-top:0}.reading h2{font-size:36px;margin:42px 0 18px}.reading a{display:inline-block;margin-top:35px;border-bottom:1px solid}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px}.contact-grid h2{font-size:36px;margin-bottom:25px}.contact-grid p{margin:22px 0}.contact-grid label{display:block;margin-bottom:22px;font-size:13px}.contact-grid input,.contact-grid textarea{display:block;width:100%;border:0;border-bottom:1px solid #9b8c96;background:#e7e1d8;padding:13px;margin-top:8px;color:var(--ink);border-radius:0}.contact-grid form p{font-size:12px}.contact-grid a{overflow-wrap:anywhere}html[lang=zh-Hant] h1,html[lang=zh-Hant] h2{line-height:1.25;letter-spacing:-.035em}html[lang=zh-Hant] .hero-title h1{font-size:clamp(45px,5.5vw,88px)}
@media(min-width:1650px){.page{max-width:1850px}.scene-stage{aspect-ratio:2.1}}
@media(max-width:1100px){:root{--rail:140px}.rail{padding:25px 20px}.section{padding:60px 5%}.scene-controls button{font-size:16px;padding:18px 12px;gap:9px}.scene-controls small{display:none}.area-grid{grid-template-columns:1fr 1fr;gap:20px}.area-grid a:nth-child(2){border-right:0}.manifesto,.services-intro,.faq,.project-story,.notes-grid,.contact-grid{gap:35px}.hero-title h1{font-size:58px}.hero-title p{font-size:23px}.scene-stage{aspect-ratio:1.6}}
@media(max-width:800px){:root{--rail:0px}.rail{position:relative;width:100%;padding:18px 20px;display:grid;grid-template-columns:1fr auto;gap:20px}.brand-link{display:flex;align-items:center;gap:15px}.monogram{font-size:38px;letter-spacing:-3px}.monogram span{display:none}.brand{margin:0;font-size:9px;line-height:1.4}.rail nav{grid-column:1/-1;grid-row:2;flex-direction:row;justify-content:space-between;gap:10px;margin:0;flex-wrap:wrap;font-size:11px}.rail-bottom{grid-row:1;grid-column:2;align-self:center;font-size:11px}.rail-bottom span{display:none}.page{margin:0}.opening{padding:25px 14px 0}.hero-title{padding:0 5px 25px;gap:20px}.hero-title h1{font-size:44px;margin-top:15px}.hero-title small{font-size:8px}.hero-title p{font-size:18px;max-width:120px}.scene-stage{aspect-ratio:.95}.scene-copy{inset:auto 20px 23px;display:block}.scene-copy>span{font-size:66px}.scene-copy>div{text-align:left;margin-top:18px}.scene-copy small{font-size:9px}.scene-controls button{padding:17px 8px;font-size:13px;justify-content:center}.scene-controls button span{display:none}.section{padding:48px 22px}.manifesto,.services-intro,.faq,.project-story,.notes-grid,.contact-grid{grid-template-columns:1fr;gap:28px}.manifesto>small{grid-column:auto}h2{font-size:39px}.section-top{display:block}.section-top>h2{margin-top:20px}.section-top>a{display:inline-block;margin-top:18px}.project-grid{gap:28px 16px}.caption small{font-size:8px;letter-spacing:.08em}.caption h3{font-size:19px}.caption h3 span{display:none}.project img{aspect-ratio:1.1}.feature>img{height:620px}.feature-text{left:24px;right:24px;bottom:35px;max-width:350px}.feature-text h2{font-size:60px}.area-grid{margin-top:30px}.area-grid a{padding-top:24px;margin-right:0;padding-right:12px}.area-grid h3{font-size:23px;margin-top:20px}.area-grid p{font-size:12px}.service-list>a{font-size:18px}.enquire{grid-template-columns:1fr}.enquire .button{justify-self:start;margin-top:15px}.footer-top{grid-template-columns:1fr}.legal{flex-wrap:wrap}.socials{gap:18px}.intro h1{font-size:48px}.intro>p{font-size:16px}.project-lead,.service-image{padding:0 22px}.project-story dl{gap:12px}.gallery{grid-template-columns:1fr}.gallery img:last-child:nth-child(odd){grid-column:auto}.notes-grid h2{font-size:32px}.whatsapp{bottom:12px;right:12px;font-size:10px}.reading h2{font-size:31px}html[lang=zh-Hant] .hero-title h1{font-size:43px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Macau V2: a boutique architecture journal; independent navigation and layout. */
@font-face{font-family:MacauEditorial;src:url('/assets/cormorant.woff2') format('woff2');font-display:swap;font-style:normal;font-weight:400}
:root{--ink:#342b29;--paper:#f4f1eb;--muted:#756960;--line:#d6cfc5;--accent:#976750;--jade:#415c55;--rail:0px}
body{font-family:Arial,'Microsoft JhengHei',sans-serif;font-size:15px}h1,h2,h3{font-family:MacauEditorial,Georgia,'Microsoft JhengHei',serif;font-weight:400;letter-spacing:-.025em;line-height:1.04}h2{font-size:clamp(42px,4.8vw,76px)}h3{font-size:32px}em{font-family:Georgia,serif;font-size:.88em;font-weight:400}small{font-size:10px;letter-spacing:.18em}.page{margin:0;max-width:none}.section{padding:90px 7%}.rail{position:relative;inset:auto;width:100%;height:102px;background:var(--paper);color:var(--ink);padding:0 4%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}.brand-link{display:flex;align-items:center;gap:17px}.monogram{font-family:Arial,sans-serif;font-size:28px;letter-spacing:.11em;font-weight:400;line-height:1}.monogram span{font-size:28px;margin-left:12px;color:#ac9684;padding:0}.brand{font-size:8px;letter-spacing:.15em;margin:0;line-height:1.8}.rail nav{display:flex;flex-direction:row;gap:24px;margin:0;font-size:11px}.rail nav a{opacity:1}.rail nav a.active:after{display:none}.rail nav a.active{border-bottom:1px solid var(--accent)}.rail-bottom{font-size:11px;margin:0}.rail-bottom span{display:none}.skip{left:15px}.maison-hero{position:relative;padding-bottom:47px}.hero-photo{height:calc(100svh - 149px);min-height:560px;max-height:900px;background:#9b8b78}.hero-photo img{height:100%;object-fit:cover;object-position:center 52%}.hero-plaque{position:absolute;left:6.2%;top:50%;transform:translateY(-50%);width:370px;padding:37px 35px 32px;background:rgba(246,242,234,.96);box-shadow:0 15px 60px #30292318}.hero-plaque:before{content:'';position:absolute;inset:10px;border:1px solid #b5a58d66;pointer-events:none}.hero-plaque h1{font-size:66px;margin:22px 0 20px;letter-spacing:-.035em}.hero-plaque p{font-size:21px;line-height:1.5}.hero-plaque small{font-size:8px}.tile-mark{display:block;width:31px;height:31px;border:1px solid var(--accent);position:relative;margin-bottom:27px;border-radius:50% 0 50% 0;transform:rotate(45deg)}.tile-mark:after{content:'';position:absolute;inset:5px;border:1px solid var(--accent);border-radius:0 50% 0 50%}.line-cta{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #b4a48e;padding:13px 0;font-size:12px;max-width:280px;margin-top:28px}.hero-credit{position:absolute;bottom:0;left:0;right:0;padding:13px 4%;display:flex;justify-content:space-between;align-items:center;gap:20px;background:#e6dfd4;font-size:9px;letter-spacing:.08em}.hero-credit a{font-size:10px}.opening-note{display:grid;grid-template-columns:.48fr 1.4fr .65fr;gap:6%;align-items:start}.opening-note h2{margin-bottom:26px}.opening-note p{max-width:620px;color:#5f5650;line-height:1.85}.note-end{padding-top:90px}.note-end a{font-size:11px;display:block;margin-top:30px;text-decoration:underline;text-underline-offset:7px}.margin-note{padding-top:10px}.linework{display:block;width:100px;height:145px;margin-top:38px;border:1px solid #c4b49d;border-radius:60px 60px 0 0;position:relative;background:repeating-linear-gradient(90deg,transparent 0 16px,#c4b49d80 16px 17px)}.linework:after{content:'';position:absolute;inset:14px;border:1px solid #c4b49d;border-radius:45px 45px 0 0}.journal-heading{display:grid;grid-template-columns:1fr auto;align-items:end;gap:12px 25px;margin-bottom:40px}.journal-heading small{grid-column:1/-1}.journal-heading a{font-size:12px;padding-bottom:8px}.curated{background:#e8e1d7}.project-grid{display:grid;grid-template-columns:1fr;gap:0}.project{padding:30px 0;border-bottom:1px solid var(--line)}.project>a{display:grid;grid-template-columns:1.5fr 1fr;gap:6%;align-items:center}.project img{aspect-ratio:1.75;object-fit:cover;filter:none}.caption{border:0;padding:25px 30px 25px 0}.caption h3{font-size:40px;line-height:1.08}.caption small{font-size:9px;margin-bottom:25px;color:var(--muted)}.caption h3 span{font-family:Arial,sans-serif;font-size:17px;margin-top:10px}.curated .project-grid{grid-template-columns:1fr 1fr;gap:34px}.curated .project{border:0;padding:0}.curated .project>a{display:block}.curated .project img{aspect-ratio:1.36}.curated .caption{padding:23px 0 0}.curated .caption h3{font-size:34px}.curated .caption small{margin-bottom:12px}.material-story{display:grid;grid-template-columns:1.3fr 1fr;background:#e0d5c6}.material-story figure{margin:0}.material-story img{height:100%;min-height:630px;object-fit:cover}.material-story>div{padding:80px 14%;display:flex;flex-direction:column;justify-content:center}.material-story h2{margin:28px 0}.material-story p{line-height:1.85}.chapter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:27px}.chapter-grid img{aspect-ratio:.87;object-fit:cover}.chapter-grid article div{position:relative;padding:24px 25px 0 0}.chapter-grid article p{font-size:12px;color:var(--muted);margin-top:10px}.chapter-grid article span{position:absolute;right:0;top:28px}.chapter-grid a:hover{text-decoration:none}.chapter-grid img{transition:filter .4s}.chapter-grid a:hover img{filter:brightness(.93)}.local-atlas{background:var(--jade);color:#faf6ed;display:grid;grid-template-columns:1fr 1fr;gap:11%}.local-atlas h2{margin:25px 0}.local-atlas p{max-width:400px;font-size:14px;line-height:1.8}.atlas-links a{display:block;position:relative;padding:24px 35px 24px 0;border-bottom:1px solid #a9b5a660}.atlas-links h3{font-size:33px}.atlas-links p{font-size:12px;color:#dce4dc;margin-top:9px}.atlas-links span{position:absolute;right:0;top:35px}.studio-portrait{display:grid;grid-template-columns:.85fr 1fr;gap:12%;align-items:center}.studio-portrait figure{padding:15px;border:1px solid #c9b8a5;border-radius:220px 220px 0 0}.studio-portrait img{aspect-ratio:.84;object-fit:cover;border-radius:220px 220px 0 0}.studio-portrait h2{margin:25px 0}.studio-portrait p{max-width:460px;line-height:1.85}.service-directory{border-top:1px solid var(--line);background:#e9e4da}.service-directory .service-list{display:grid;grid-template-columns:1fr 1fr;gap:0 6%}.service-list>a{font-size:16px;padding:23px 0;line-height:1.5}.faq{grid-template-columns:1fr 1.1fr;gap:10%}.faq h2{font-size:53px}.enquire{position:relative;background:#b07763;color:#fff9f0;text-align:center;display:block;overflow:hidden;padding:75px 8%}.enquire:before,.enquire:after{content:'';position:absolute;width:220px;height:320px;border:1px solid #dfb5a760;border-radius:160px 160px 0 0;top:20px;left:-40px;transform:rotate(25deg);pointer-events:none}.enquire:after{left:auto;right:-40px;transform:rotate(-25deg)}.enquire h2{font-size:70px;margin:25px 0}.enquire h2 br{display:none}.enquire .button{display:inline-block;background:transparent;border:1px solid #f1d6c3;color:#fff9f0;padding:15px 28px;margin-top:0}.button{background:var(--jade);border-color:var(--jade)}footer.section{padding-top:55px;padding-bottom:32px}.whatsapp{background:var(--jade);border:1px solid #eef0e5;border-radius:0;font-size:10px;padding:10px 15px}.intro{border-bottom:1px solid var(--line);padding-top:70px;padding-bottom:65px;background:linear-gradient(115deg,#eee7dd,#f8f5ef)}.intro h1{font-size:clamp(54px,6.7vw,100px);max-width:1000px}.intro>p{font-size:17px;max-width:740px;line-height:1.85}.project-lead{padding:38px 7% 0}.project-story{grid-template-columns:1fr 1fr;gap:10%}.project-story h2{font-size:56px}.project-story p{line-height:1.9}.gallery img{background:#e8e1d7}.service-image{padding:45px 7% 0}.service-image img{max-height:660px;object-fit:cover}.notes-grid h2{font-size:43px}.territory{background:var(--jade)}.area-grid h3{font-size:30px}.area-grid a,.area-grid{border-color:#a9b5a660}.filters button{border-radius:0;border-color:#c5b6a4;padding:10px 24px}.filters button[aria-pressed=true]{background:var(--jade);border-color:var(--jade)}.reading h2{font-size:45px}.contact-grid h2{font-size:45px}.contact-grid input,.contact-grid textarea{background:#ebe4d9}.rail nav a[href$="contact/"]{padding:9px 14px;border:1px solid #9d8f7d;margin-top:-9px;margin-bottom:-9px}
@supports(view-transition-name:root){@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:.22s}}
@media(max-width:1150px){.rail{gap:18px;padding:0 3%;height:90px}.rail nav{gap:15px;font-size:10px}.brand{font-size:7px}.monogram{font-size:24px}.hero-photo{min-height:590px}.hero-plaque{width:340px;padding:30px;left:5%}.hero-plaque h1{font-size:60px}.opening-note{grid-template-columns:.4fr 1.5fr;gap:35px}.note-end{grid-column:2;padding-top:0}.note-end p br{display:none}.material-story>div{padding:60px 10%}.material-story img{min-height:590px}.studio-portrait{gap:7%}}
@media(max-width:800px){.rail{height:auto;display:grid;grid-template-columns:1fr auto;padding:20px;gap:22px}.brand-link{gap:10px}.monogram{font-size:25px;letter-spacing:.12em}.monogram span{display:block;font-size:25px;margin-left:9px}.brand{font-size:7px}.rail nav{grid-column:1/-1;grid-row:2;display:flex;flex-direction:row;gap:12px;justify-content:space-between;flex-wrap:wrap;font-size:10px}.rail nav a[href$="contact/"]{padding:0;border:0;margin:0}.rail-bottom{grid-row:1;grid-column:2;font-size:10px}.section{padding:52px 23px}.maison-hero{padding-bottom:0;display:flex;flex-direction:column}.hero-photo{height:390px;min-height:0;max-height:none;order:0}.hero-photo img{object-position:70% center}.hero-plaque{position:relative;left:auto;top:auto;transform:none;width:calc(100% - 46px);margin:-48px auto 0;padding:30px;order:1;background:#f5f0e7;box-shadow:none}.hero-plaque h1{font-size:59px;margin:20px 0 14px}.hero-plaque small{font-size:7px;letter-spacing:.12em}.hero-plaque p{font-size:21px}.tile-mark{width:23px;height:23px;margin-bottom:22px}.hero-credit{position:relative;order:2;display:block;padding:19px 23px;background:var(--paper);font-size:8px}.hero-credit a{display:block;margin-top:6px;font-size:9px}.opening-note{grid-template-columns:1fr;gap:28px}.margin-note{display:flex;align-items:center;justify-content:space-between;padding:0}.linework{width:46px;height:62px;margin:0}.linework:after{inset:7px}.note-end{grid-column:auto;padding:0;border-top:1px solid var(--line);padding-top:20px}.opening-note h2{font-size:48px;margin-bottom:22px}.opening-note p{font-size:14px}.note-end p{font-size:13px}.note-end a{margin-top:17px}.journal-heading{display:block}.journal-heading h2{font-size:45px;margin:20px 0}.journal-heading a{display:inline-block;font-size:11px}.curated .project-grid{grid-template-columns:1fr;gap:32px}.curated .project img{aspect-ratio:1.35}.curated .caption h3{font-size:32px}.material-story{grid-template-columns:1fr}.material-story img{height:330px;min-height:0}.material-story>div{padding:45px 25px}.material-story h2{font-size:52px;margin:22px 0}.material-story p{font-size:14px}.chapter-grid{grid-template-columns:1fr;gap:30px}.chapter-grid a{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.chapter-grid img{aspect-ratio:.85}.chapter-grid article div{padding:0 14px 0 0}.chapter-grid article h3{font-size:32px}.chapter-grid article p{font-size:12px}.chapter-grid article span{position:static;display:block;margin-top:18px}.local-atlas{grid-template-columns:1fr;gap:20px}.local-atlas h2{font-size:51px}.atlas-links a{padding:22px 30px 22px 0}.studio-portrait{grid-template-columns:1fr;gap:35px}.studio-portrait figure{max-width:360px;margin:auto;padding:11px}.studio-portrait h2{font-size:47px}.studio-portrait p{font-size:14px}.service-directory .service-list{grid-template-columns:1fr}.service-list>a{font-size:15px}.faq{grid-template-columns:1fr;gap:25px}.faq h2{font-size:47px}.enquire h2{font-size:48px;line-height:1.12}.enquire .button{margin-top:10px}.enquire:before,.enquire:after{opacity:.45}.project>a{grid-template-columns:1fr;gap:0}.project img{aspect-ratio:1.5}.caption{padding:20px 0 0}.caption h3{font-size:34px}.caption small{margin-bottom:12px}.project{padding:25px 0}.project-story h2{font-size:45px}.intro h1{font-size:54px}.intro>p{font-size:15px}.notes-grid h2{font-size:37px}.service-image,.project-lead{padding:25px 23px 0}.project-story{grid-template-columns:1fr;gap:30px}.reading h2{font-size:37px}.contact-grid h2{font-size:39px}.legal{font-size:9px}.whatsapp{bottom:12px;right:12px;padding:8px 10px}html[lang=zh-Hant] .hero-plaque h1{font-size:48px}html[lang=zh-Hant] h2{font-size:37px}html[lang=zh-Hant] .intro h1{font-size:45px}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}html{scroll-behavior:auto}}

.studio-about{max-width:660px;margin:70px auto;padding:0 24px}.studio-about img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:45% 45% 0 0}

/* Balanced collection: consistent frames, aligned captions, no stagger. */
.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 32px;align-items:start}
.project{padding:0;border:0;min-width:0}.project>a{display:block}.project img,.curated .project img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.project .caption{padding:22px 0;border-bottom:1px solid var(--line);min-height:126px}.project .caption h3{font-size:32px}.project .caption small{display:block;margin-bottom:14px}.project[hidden]{display:none}
@media(max-width:680px){.project-grid{grid-template-columns:1fr;gap:34px}.project .caption{min-height:0;padding:20px 0}.project .caption h3{font-size:30px}}

.case-reading{background:#eae4da}.case-opening{max-width:780px;margin:0 auto 54px;text-align:center}.case-opening h2{margin:22px 0}.case-opening p,.case-decisions p,.delivery-grid p{color:#60574f;line-height:1.85}.case-decisions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}.case-decisions h3{font-size:35px;margin-bottom:20px}.delivery-edit{background:#e8e3db}.delivery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}.delivery-grid h3{font-size:29px;min-height:62px;margin:24px 0 16px}.step-line{display:block;height:1px;background:#8b7160;position:relative}.step-line:before{content:'';position:absolute;top:-4px;width:9px;height:9px;border:1px solid #8b7160;background:#e8e3db;transform:rotate(45deg)}.delivery-note{font-size:12px;line-height:1.8;max-width:780px;margin:32px 0 0;color:#60574f}.project-enquiry{display:block;padding-top:0;padding-bottom:10px;text-decoration:underline;text-underline-offset:7px}.brief-guide{padding:24px;border:1px solid var(--line);margin:0 0 26px}.brief-guide legend{font-size:18px;padding:0 8px}.brief-guide p{margin:0;font-size:14px;line-height:1.8}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--jade);outline-offset:5px}
@media(max-width:900px){.delivery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.delivery-grid h3{min-height:0}}
@media(max-width:680px){.case-decisions{grid-template-columns:1fr;gap:26px}.case-opening{text-align:left;margin-bottom:30px}.case-opening h2{font-size:43px}.delivery-grid{grid-template-columns:1fr;gap:26px}.delivery-grid h3{margin:18px 0 12px}.case-decisions h3{font-size:31px}}

/* Final opening: full photographic canvas, restrained interactive views. */
.cinema-hero{height:calc(100svh - 102px);min-height:650px;max-height:1050px;position:relative;background:#342e28;color:#fff8ed;isolation:isolate}.cinema-images,.cinema-view,.cinema-shade{position:absolute;inset:0}.cinema-view[hidden]{display:none}.cinema-view img{height:100%;width:100%;object-fit:cover;object-position:65% 52%}.cinema-shade{background:linear-gradient(90deg,rgba(24,24,20,.54),rgba(24,24,20,.02) 70%),linear-gradient(0deg,rgba(24,24,20,.62),transparent 55%);z-index:1;pointer-events:none}.cinema-copy{position:absolute;z-index:2;left:7%;top:12%;width:70%;max-width:950px}.cinema-copy small{font-size:10px;letter-spacing:.24em}.cinema-copy h1{font-size:clamp(92px,10.8vw,170px);line-height:.9;letter-spacing:-.04em;margin:34px 0 26px}.cinema-copy h1 em{font-family:Georgia,serif;font-size:.88em}.cinema-copy p{font-size:16px;letter-spacing:.02em}.cinema-link{display:flex;width:250px;justify-content:space-between;border-bottom:1px solid #ffffff80;padding:19px 0;margin-top:16px;font-size:13px}.cinema-bottom{position:absolute;z-index:2;left:7%;right:7%;bottom:35px;border-top:1px solid #ffffff55;padding-top:23px;display:flex;justify-content:space-between;align-items:end;gap:25px}.cinema-bottom span{display:block;font-size:9px;letter-spacing:.14em}.cinema-bottom a{font-size:11px;display:inline-block;margin-top:9px}.cinema-controls{display:flex;gap:12px}.cinema-controls button{color:#fff8ed;border:1px solid #ffffff80;background:transparent;padding:12px 22px;font-size:12px}.cinema-controls button[aria-pressed=true]{background:#eee7dc;color:#302b26;border-color:#eee7dc}.cinema-controls button:focus-visible{outline:2px solid white;outline-offset:4px}.cinema-view:not([hidden]){animation:hero-reveal .45s ease-out}@keyframes hero-reveal{from{opacity:.45}to{opacity:1}}
@media(max-width:900px){.cinema-copy{top:14%}.cinema-copy h1{font-size:112px}}
@media(max-width:680px){.cinema-hero{height:760px;min-height:0;max-height:none}.cinema-copy{top:15%;left:6%;width:88%}.cinema-copy small{font-size:8px;letter-spacing:.14em}.cinema-copy h1{font-size:86px;line-height:1;margin:26px 0}.cinema-copy p{max-width:260px;font-size:14px;line-height:1.7}.cinema-view img{object-position:67% center}.cinema-bottom{left:6%;right:6%;bottom:25px;display:block}.cinema-controls{margin-top:22px}.cinema-controls button{flex:1;padding:11px 10px}.cinema-shade{background:linear-gradient(90deg,#181814aa,#18181422),linear-gradient(0deg,#181814dc,transparent 60%)}html[lang=zh-Hant] .cinema-copy h1{font-size:63px;line-height:1.2}}
@media(prefers-reduced-motion:reduce){.cinema-view:not([hidden]){animation:none}}

body:has(.cinema-hero) .whatsapp{display:none}