/* Client-directed Surabaya architectural studio edition. */
:root{--paper:#f7f6f2;--stone:#e7e3db;--ink:#242622;--muted:#696c64;--bronze:#826b4e;--line:#24262229;--sans:Arial,Helvetica,sans-serif;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;padding:0;background:var(--paper);color:var(--ink);font:17px/1.7 var(--sans)}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:6px}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{outline-offset:5px}button{cursor:pointer;color:inherit}img{display:block;width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400;line-height:1.08}h1,h2,.serif{font-family:var(--serif);letter-spacing:-.04em}h1{font-size:clamp(46px,5.2vw,78px)}h2{font-size:clamp(35px,4vw,62px)}h3{font:27px/1.2 var(--sans);letter-spacing:-.025em}p+p{margin-top:20px}.wrap{width:min(1320px,calc(100% - 112px));margin:auto}.eyebrow{display:block;color:var(--bronze);font:10px/1.7 var(--sans);font-weight:700;text-transform:uppercase;letter-spacing:.16em;margin-bottom:22px}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:white;padding:12px}.skip:focus{top:10px}.header{height:98px;padding:0 56px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.brand{display:flex;align-items:center;gap:18px;line-height:1}.brand-mark{font-size:30px;letter-spacing:.13em;font-weight:600;border-right:1px solid var(--line);padding:0 22px 0 0}.brand-place{font-size:12px;line-height:1.5;letter-spacing:.05em}.brand-place small{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.14em;margin-top:3px;color:var(--muted)}.nav{display:flex;gap:25px;align-items:center;font-size:11px;letter-spacing:.025em}.nav a{padding:7px 0}.nav a[aria-current=page]{border-bottom:1px solid var(--bronze);color:var(--bronze)}.header-actions{display:flex;gap:25px;align-items:center;font-size:11px}.language{font-size:10px;font-weight:700}.header-actions .btn{padding:9px 0;border:0;border-bottom:1px solid var(--ink);font-size:10px}.menu-toggle{display:none;border:0;background:transparent;font-size:12px;padding:10px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:26px;padding:15px 24px;border:1px solid var(--ink);font-size:11px;font-weight:600;letter-spacing:.035em;background:transparent;line-height:1.6}.btn:hover{background:var(--ink);color:var(--paper);text-decoration:none}.header-actions .btn:hover{background:none;color:var(--bronze)}.text-link{display:inline-flex;gap:35px;align-items:center;font-size:11px;font-weight:600;border-bottom:1px solid;padding-bottom:10px;line-height:1.6;letter-spacing:.025em}.text-link:hover{text-decoration:none;color:var(--bronze)}.section{padding:95px 0}.rule{border-top:1px solid var(--line)}.page-top{padding:70px 0 58px}.page-top h1{max-width:1020px}.page-top .lead{max-width:760px;font-size:19px;color:var(--muted);margin-top:26px}.page-top .note{font-size:12px;color:var(--muted);margin-top:20px;max-width:850px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;color:var(--muted);font-size:10px;margin-bottom:30px}.section-head{display:grid;grid-template-columns:1.3fr 1fr;gap:80px;align-items:end;margin-bottom:45px}.section-head p{color:var(--muted);font-size:15px;max-width:500px}.section-head .text-link{margin-top:20px}.related-head{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:40px}.related-head h2{font-size:45px}
/* New opening: project photograph is unencumbered; title lives below it. */
.studio-opening{padding:24px 28px 0;max-width:1640px;margin:auto}.opening-image{position:relative}.opening-image>img{width:100%;height:clamp(440px,49vw,710px);object-fit:cover;object-position:center 42%}.opening-image figcaption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:20px;background:linear-gradient(transparent,#101510bb);color:white;padding:40px 28px 20px;font-size:9px;letter-spacing:.13em;text-transform:uppercase}.opening-title{display:grid;grid-template-columns:1.7fr 1fr;gap:70px;align-items:end;padding:42px 28px 45px;border-bottom:1px solid var(--line)}.opening-title .eyebrow{margin-bottom:18px}.opening-title h1{font-size:clamp(38px,4.55vw,68px);font-family:var(--serif);font-weight:400;line-height:1.04;letter-spacing:-.05em}.opening-aside{padding-bottom:5px}.opening-aside p{font-size:13px;color:var(--muted);line-height:1.8;margin-bottom:22px}.studio-manifesto{display:grid;grid-template-columns:1.5fr 1fr;gap:24px 90px;padding-top:100px;padding-bottom:105px}.studio-manifesto>.eyebrow{grid-column:span 2;margin:0}.manifesto-line{font-size:clamp(27px,3.2vw,45px);line-height:1.2;letter-spacing:-.045em;font-family:var(--sans);font-weight:400}.manifesto-note{max-width:440px;padding-top:5px}.manifesto-note p{font-size:14px;color:var(--muted);line-height:1.9}.manifesto-note .text-link{margin-top:24px}.selected-atlas{padding:65px 0 100px;background:#edeae4}.atlas-title{display:flex;gap:45px;align-items:baseline;margin-bottom:55px}.atlas-title .eyebrow{margin:0}.atlas-title h2{font-size:54px}.atlas-title .text-link{margin-left:auto}.atlas-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:55px 35px;align-items:start}.atlas-project a{display:block}.atlas-image{overflow:hidden;background:var(--stone)}.atlas-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}.atlas-project a:hover{text-decoration:none}.atlas-project a:hover img{transform:scale(1.025)}.atlas-caption{display:flex;gap:20px;align-items:start;margin-top:18px}.atlas-caption>span{font-size:10px;color:var(--bronze);padding-top:3px}.atlas-caption>span:last-child{margin-left:auto;color:var(--ink);font-size:20px;padding-top:0}.atlas-caption h3{font-family:var(--serif);font-size:30px;letter-spacing:-.035em}.atlas-caption p{font-size:10px;color:var(--muted);margin-top:7px;line-height:1.6}.atlas-1{grid-column:1 / span 7}.atlas-1 .atlas-image{aspect-ratio:1.45}.atlas-2{grid-column:9 / span 4;margin-top:130px}.atlas-2 .atlas-image{aspect-ratio:.95}.atlas-3{grid-column:2 / span 4;margin-top:-40px}.atlas-3 .atlas-image{aspect-ratio:1.05}.atlas-4{grid-column:7 / span 6;margin-top:60px}.atlas-4 .atlas-image{aspect-ratio:1.5}.atlas-5{grid-column:1 / span 8;margin-top:25px}.atlas-5 .atlas-image{aspect-ratio:2}.practice-index{padding:110px 0}.practice-index .wrap{display:grid;grid-template-columns:1fr 1.15fr;gap:110px}.practice-intro h2{font-size:55px}.practice-intro p{max-width:350px;font-size:14px;color:var(--muted);margin-top:28px}.practice-links{border-top:1px solid var(--line)}.practice-links a{display:flex;align-items:baseline;gap:25px;padding:23px 0;border-bottom:1px solid var(--line)}.practice-links a:hover{text-decoration:none;color:var(--bronze)}.practice-number{font-size:10px;color:var(--bronze);min-width:22px}.practice-links a>span:last-child{margin-left:auto;font-size:22px}.practice-links h3{font-family:var(--serif);font-size:31px;letter-spacing:-.035em}.practice-links p{font-size:11px;color:var(--muted);margin-top:8px}.territory{padding:95px 0;background:#ddd9cf}.territory-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:22px 95px}.territory-heading>.eyebrow{grid-column:span 2;margin:0}.territory-heading h2{font-size:49px}.territory-heading p{font-size:14px;line-height:1.9;color:#5d6257}.territory-zones{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-top:65px}.territory-zones article{border-top:1px solid #24262250;padding-top:20px;min-width:0}.zone-number{font-size:10px;color:#5d5544}.territory-zones h3{font-size:23px;line-height:1.2;margin:21px 0 15px}.territory-zones p{font-size:12px;color:#5d6257;line-height:2;min-height:102px}.territory-zones .text-link{font-size:10px;margin-top:20px;gap:12px}.material-note{display:grid;grid-template-columns:1.25fr .75fr;gap:90px;align-items:center;max-width:1640px;margin:auto;padding:100px 56px}.material-note figure{min-width:0}.material-note img{aspect-ratio:1.18;object-fit:cover}.material-note>div{max-width:460px}.material-note h2{font-size:52px}.material-note p{font-size:14px;color:var(--muted);line-height:1.9;margin:27px 0}.field-notes{padding:65px 0 100px;border-top:1px solid var(--line)}.field-heading{display:flex;align-items:baseline;gap:65px;margin-bottom:40px}.field-heading .eyebrow{margin:0}.field-heading h2{font-size:47px}.field-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.idea-card img{aspect-ratio:1.45;object-fit:cover}.idea-card h3{font-family:var(--serif);font-size:29px;line-height:1.2;letter-spacing:-.035em;margin-top:16px}.idea-card p{font-size:11px;color:var(--muted);margin-top:13px}.idea-card .eyebrow{margin-top:18px!important}
/* Portfolio now reads as a curated image wall, not alternating numbered rows. */
.projects{display:grid;grid-template-columns:1fr 1fr;gap:65px 42px;counter-reset:none}.project-card{padding:0;border:0;min-width:0;display:block}.project-card a{display:block}.project-card .frame{aspect-ratio:1.3;overflow:hidden;background:var(--stone)}.project-card img{height:100%;width:100%;object-fit:cover;transition:transform .7s}.project-card a:hover{text-decoration:none}.project-card a:hover img{transform:scale(1.025)}.project-card .card-meta{display:flex;justify-content:space-between;gap:25px;padding-top:20px;margin-top:0;border-top:0}.project-card h3{font-family:var(--serif);font-size:34px;letter-spacing:-.035em}.project-card p{font-size:11px;margin-top:10px;color:var(--muted)}.project-card .tag{font-size:9px;color:var(--bronze);text-transform:uppercase;letter-spacing:.07em;margin-top:9px}.project-card .arrow{font-size:25px;padding-top:1px}.page-work .projects{grid-template-columns:repeat(12,1fr);gap:65px 38px}.page-work .project-card{grid-column:span 6}.page-work .project-card:nth-child(5n+1){grid-column:span 7}.page-work .project-card:nth-child(5n+2){grid-column:9 / span 4;margin-top:85px}.page-work .project-card:nth-child(5n+2) .frame{aspect-ratio:.95}.page-work .project-card:nth-child(5n+3){grid-column:2 / span 4}.page-work .project-card:nth-child(5n+3) .frame{aspect-ratio:1}.page-work .project-card:nth-child(5n+4){grid-column:7 / span 6;margin-top:70px}.page-work .project-card:nth-child(5n+5){grid-column:span 12}.page-work .project-card:nth-child(5n+5) .frame{aspect-ratio:2.3}.filterbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:20px}.filterbar button{background:transparent;border:0;padding:9px 12px;font-size:11px;line-height:1.6;border-bottom:1px solid transparent}.filterbar button[aria-pressed=true]{color:var(--bronze);border-bottom:1px solid var(--bronze)}.filterbar input{padding:10px 14px;border:1px solid var(--line);background:transparent;font-size:12px;max-width:250px;margin-left:auto;min-width:0}.result-count{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:42px}.empty{padding:65px;text-align:center;border:1px solid var(--line);margin-bottom:30px}[hidden]{display:none!important}
/* The individual project is a spacious photographic folio. */
.page-work-detail .page-top{padding-bottom:40px}.page-work-detail .page-top .wrap{display:grid;grid-template-columns:1.6fr 1fr;gap:15px 90px;align-items:end}.page-work-detail .breadcrumbs{grid-column:span 2}.page-work-detail .page-top .eyebrow{grid-column:span 2;margin-bottom:5px}.page-work-detail .page-top h1{font-size:clamp(45px,6vw,86px)}.page-work-detail .page-top .lead{font-size:17px;max-width:400px;margin:0;padding-bottom:8px}.detail-hero{max-height:850px;object-fit:cover;aspect-ratio:1.8}.project-intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:120px;padding:65px 0;border-bottom:1px solid var(--line)}.project-facts{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin:0;align-content:start}.project-facts dt{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--bronze)}.project-facts dd{margin:8px 0 0;font-size:13px}.project-copy h2{font-size:41px;margin-bottom:25px}.project-copy p{font-size:15px;color:var(--muted)}.project-copy .material{margin-top:25px;border-top:1px solid var(--line);padding-top:24px;font-size:13px}.project-copy .material .eyebrow{margin-bottom:15px}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:55px;margin-top:50px;align-items:start}.gallery figure{min-width:0}.gallery figure:nth-child(4n+1){grid-column:span 2}.gallery figure:nth-child(4n+2){margin-top:0}.gallery figure:nth-child(4n+3){margin-top:75px}.gallery figure:nth-child(4n){grid-column:span 2;width:78%;margin:auto}.gallery button{border:0;background:none;padding:0;display:block;width:100%}.gallery img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}.gallery figcaption{font-size:10px;color:var(--muted);margin-top:12px}.lightbox{border:0;padding:0;max-width:95vw;max-height:95vh;background:var(--paper);color:var(--ink)}.lightbox::backdrop{background:#171c18ec}.lightbox img{max-height:82vh;width:auto;max-width:90vw;object-fit:contain}.lightbox-bar{display:flex;gap:20px;align-items:center;justify-content:space-between;font-size:12px;padding:14px 20px}.lightbox button{background:none;border:1px solid var(--line);padding:6px 12px}
/* Services, editorial and local detail pages retain useful depth. */
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 40px}.service-tile{border-top:1px solid var(--line);padding:28px 0}.service-tile h2{font-size:31px}.service-tile .eyebrow{font-size:9px}.service-tile p{font-size:14px;color:var(--muted);margin:20px 0}.service-billboard{display:grid;grid-template-columns:1fr 1.2fr;gap:85px;align-items:center}.service-billboard img{height:510px;object-fit:cover}.editorial-layout{display:grid;grid-template-columns:260px 1fr;gap:100px;align-items:start}.editorial-layout aside{font-size:12px;border-top:1px solid var(--line);padding-top:24px;color:var(--muted)}.prose{max-width:780px}.prose h2{font-size:35px;margin:40px 0 20px}.prose h2:first-child{margin-top:0}.prose p{font-size:16px;color:var(--muted)}.prose .text-link{margin-top:25px}.local-service{padding:75px 0;background:#edeae4}.local-service-body{display:grid;grid-template-columns:1fr 1.15fr;gap:90px}.local-service h2{font-size:41px;max-width:450px}.local-service p{font-size:15px;color:var(--muted);line-height:1.9}.local-service .text-link{margin-top:25px}.image-caption{font-size:10px;color:var(--muted);margin-top:12px;line-height:1.7}.deliverables{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:40px}.deliverables article{border-top:1px solid var(--line);padding:24px 0}.deliverables h3{font:29px var(--serif);letter-spacing:-.03em;margin-bottom:18px}.deliverables p{font-size:14px;color:var(--muted)}.about-banner{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;align-items:center}.about-banner img{aspect-ratio:.96;object-fit:cover}.about-banner h2{font-size:47px}.about-banner p{font-size:15px;color:var(--muted);margin-top:25px}.ideas-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px 35px}.article-hero{aspect-ratio:2;object-fit:cover}.faq-layout{display:grid;grid-template-columns:1fr 1.25fr;gap:100px}.faq-layout h2{font-size:43px}.faq-layout>div:first-child p{font-size:14px;color:var(--muted);margin-top:24px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:23px 0}summary{display:flex;align-items:baseline;justify-content:space-between;gap:25px;list-style:none;font-size:15px;cursor:pointer}summary::after{content:'+';font-size:21px;color:var(--bronze)}details[open] summary::after{content:'−'}details p{font-size:14px;color:var(--muted);margin:18px 25px 0 0}.contact-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:100px}.contact-info .email{font:clamp(21px,2.2vw,32px)/1.4 var(--serif);letter-spacing:-.02em;overflow-wrap:anywhere}.contact-info>p{font-size:15px;color:var(--muted)}.contact-info address{font-style:normal;font-size:14px;margin:32px 0}.form{display:grid;grid-template-columns:1fr 1fr;gap:24px}.field{display:flex;flex-direction:column;gap:9px;font-size:11px}.field.full,.form .full{grid-column:span 2}.field input,.field textarea,.field select{width:100%;padding:12px 0;background:none;border:0;border-bottom:1px solid #24262260;border-radius:0;color:var(--ink);font-size:16px}.field textarea{min-height:130px;resize:vertical}.form .small{font-size:11px;color:var(--muted)}.consent{display:flex;gap:10px;align-items:start;font-size:11px}.form-status{grid-column:span 2;padding:16px;background:var(--stone);font-size:13px}.privacy{max-width:750px}.privacy h2{font-size:32px;margin:35px 0 18px}.privacy p{color:var(--muted)}.cta{padding:80px 0;background:#e7e3db;border-top:1px solid var(--line)}.cta .wrap{display:flex;justify-content:space-between;align-items:center;gap:80px}.cta h2{font-size:clamp(37px,4.2vw,62px);max-width:850px}.cta .btn{border:0;border-bottom:1px solid var(--ink);padding:14px 0;gap:40px;min-width:170px;justify-content:space-between}.cta .btn:hover{background:none;color:var(--bronze)}.footer{background:var(--paper);color:var(--ink);padding:65px 0 30px;font-size:12px}.footer-grid{display:grid;grid-template-columns:1.1fr 1fr 1.35fr;gap:65px}.footer .brand{font-size:27px;line-height:1.2;letter-spacing:-.03em;display:block}.footer .label{font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:var(--bronze);margin-bottom:15px}.footer p{color:var(--muted);font-size:12px}.footer address{font-style:normal;font-size:12px;color:var(--muted);max-width:350px;line-height:1.8}.footer-nav,.socials{display:flex;flex-wrap:wrap;gap:12px 22px;font-size:11px}.socials{margin-top:15px}.footer-bottom{display:flex;justify-content:space-between;gap:30px;margin-top:50px;border-top:1px solid var(--line);padding-top:22px;font-size:9px;color:var(--muted)}.whatsapp{position:fixed;bottom:18px;right:20px;background:var(--paper);border:1px solid var(--line);padding:10px 16px;color:var(--ink);font-size:10px;z-index:20;box-shadow:0 2px 12px #0001}.page-enter{animation:page-entry .45s both}@keyframes page-entry{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:.22s}
@media(min-width:1700px){.studio-opening{padding-top:30px}.opening-image>img{height:780px}}
@media(max-width:1150px){.header{padding:0 32px;gap:20px}.brand{gap:13px}.brand-mark{font-size:25px;padding-right:16px}.nav{gap:15px}.header-actions .btn{display:none}.wrap{width:calc(100% - 70px)}.opening-title{gap:40px;grid-template-columns:1.6fr 1fr}.opening-title h1{font-size:48px}.studio-manifesto{gap:25px 55px}.practice-index .wrap{gap:60px}.practice-intro h2{font-size:46px}.territory-heading{gap:22px 60px}.territory-zones{gap:25px}.territory-zones h3{font-size:21px}.material-note{padding:80px 35px;gap:55px}.material-note h2{font-size:43px}.service-billboard{gap:45px}.service-grid{grid-template-columns:1fr 1fr}.project-intro{gap:60px}.editorial-layout{gap:60px;grid-template-columns:220px 1fr}.faq-layout{gap:60px}.contact-grid{gap:60px}.footer-grid{gap:35px}.atlas-2{margin-top:90px}.atlas-caption h3{font-size:26px}.field-heading h2{font-size:42px}.page-work-detail .page-top .wrap{gap:15px 50px}}
@media(max-width:760px){body{font-size:16px}.wrap{width:calc(100% - 40px)}.header{height:78px;padding:0 20px;gap:12px;position:sticky}.brand{gap:10px}.brand-mark{font-size:23px;letter-spacing:.1em;padding-right:13px}.brand-place{font-size:10px}.brand-place small{font-size:6px;letter-spacing:.1em}.header-actions{gap:22px}.menu-toggle{display:block}.nav{position:absolute;display:none;top:78px;left:0;right:0;padding:20px;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;font-size:17px;gap:0}.nav.open{display:flex}.nav a,.nav a[aria-current=page]{padding:13px 0}.studio-opening{padding:14px 12px 0}.opening-image>img{height:clamp(340px,91vw,500px);object-position:51% 38%}.opening-image figcaption{padding:35px 16px 15px;font-size:8px;letter-spacing:.08em}.opening-image figcaption>span:last-child{display:none}.opening-title{display:block;padding:30px 8px 33px}.opening-title h1{font-size:clamp(35px,9.8vw,57px);line-height:1.08;letter-spacing:-.05em}.opening-title .eyebrow{font-size:8px;letter-spacing:.1em;margin-bottom:18px}.opening-aside{margin-top:25px}.opening-aside p{font-size:12px;margin-bottom:20px}.studio-manifesto{display:block;padding-top:55px;padding-bottom:65px}.studio-manifesto>.eyebrow{margin-bottom:25px}.manifesto-line{font-size:29px;line-height:1.25}.manifesto-line br{display:none}.manifesto-note{margin-top:25px}.manifesto-note p{font-size:14px}.selected-atlas{padding:45px 0 60px}.atlas-title{display:block;margin-bottom:35px}.atlas-title h2{font-size:42px;margin:18px 0}.atlas-title .text-link{margin:0}.atlas-grid{grid-template-columns:1fr 1fr;gap:35px 18px}.atlas-project,.atlas-1,.atlas-2,.atlas-3,.atlas-4,.atlas-5{grid-column:span 2;margin:0}.atlas-1 .atlas-image{aspect-ratio:1.1}.atlas-2{grid-column:2;width:calc(200% + 18px);justify-self:end}.atlas-2 .atlas-image{aspect-ratio:1.5}.atlas-3{grid-column:1}.atlas-3 .atlas-image{aspect-ratio:.68}.atlas-4{grid-column:2;margin-top:65px}.atlas-4 .atlas-image{aspect-ratio:.68}.atlas-5 .atlas-image{aspect-ratio:1.4}.atlas-caption{gap:10px;margin-top:14px}.atlas-caption>span{font-size:8px}.atlas-caption h3{font-size:25px}.atlas-caption p{font-size:9px}.atlas-3 .atlas-caption,.atlas-4 .atlas-caption{display:block}.atlas-3 .atlas-caption>span:first-child,.atlas-4 .atlas-caption>span:first-child{display:block;margin-bottom:9px}.atlas-3 .atlas-caption>span:last-child,.atlas-4 .atlas-caption>span:last-child{display:none}.atlas-3 .atlas-caption h3,.atlas-4 .atlas-caption h3{font-size:22px}.practice-index{padding:60px 0}.practice-index .wrap{display:block}.practice-intro h2{font-size:40px}.practice-intro p{font-size:14px;margin:22px 0 35px}.practice-links a{gap:16px;padding:22px 0}.practice-links h3{font-size:28px}.practice-links p{font-size:11px}.territory{padding:55px 0}.territory-heading{display:block}.territory-heading h2{font-size:37px;margin:25px 0}.territory-heading p{font-size:14px}.territory-zones{grid-template-columns:1fr 1fr;gap:35px 22px;margin-top:40px}.territory-zones h3{font-size:21px;margin:17px 0 12px}.territory-zones p{font-size:11px;line-height:1.9;min-height:130px}.territory-zones .text-link{gap:8px;font-size:9px;margin-top:15px}.material-note{display:block;padding:60px 20px}.material-note figure{margin-bottom:32px}.material-note img{aspect-ratio:1.3}.material-note h2{font-size:39px}.material-note p{font-size:14px;margin:22px 0}.field-notes{padding:50px 0 60px}.field-heading{display:block;margin-bottom:32px}.field-heading h2{font-size:36px;margin-top:20px}.field-grid{display:block}.idea-card{margin-bottom:34px}.idea-card img{aspect-ratio:1.7}.idea-card h3{font-size:28px}.section{padding:60px 0}.section-head{display:block;margin-bottom:32px}.section-head p{margin-top:25px;font-size:14px}.page-top{padding:38px 0}.page-top h1{font-size:43px}.page-top .lead{font-size:17px;margin-top:22px}.page-top .note{font-size:12px}.breadcrumbs{font-size:9px;gap:8px;margin-bottom:23px}.related-head{display:block;margin-bottom:30px}.related-head h2{font-size:37px}.related-head a{margin-top:18px}.projects,.page-work .projects{grid-template-columns:1fr;gap:35px}.page-work .project-card,.page-work .project-card:nth-child(5n+1),.page-work .project-card:nth-child(5n+2),.page-work .project-card:nth-child(5n+3),.page-work .project-card:nth-child(5n+4),.page-work .project-card:nth-child(5n+5){grid-column:auto;margin:0}.project-card .frame,.page-work .project-card:nth-child(5n+2) .frame,.page-work .project-card:nth-child(5n+3) .frame,.page-work .project-card:nth-child(5n+5) .frame{aspect-ratio:1.35}.project-card h3{font-size:30px}.project-card .card-meta{padding-top:17px;gap:15px}.project-card p{font-size:10px}.filterbar{gap:4px;padding:18px 0}.filterbar button{font-size:10px;padding:8px}.filterbar input{width:100%;max-width:none;margin:14px 0 0;font-size:12px}.result-count{margin-bottom:30px}.page-work-detail .page-top .wrap{display:block}.page-work-detail .page-top .lead{margin-top:24px}.page-work-detail .page-top .eyebrow{margin-bottom:20px}.page-work-detail .page-top h1{font-size:45px}.detail-hero{aspect-ratio:1.2;max-height:none}.project-intro{display:block;padding:35px 0}.project-facts{gap:22px;margin-bottom:35px}.project-copy h2{font-size:35px}.project-copy p{font-size:15px}.gallery{display:block;margin-top:30px}.gallery figure,.gallery figure:nth-child(4n+1),.gallery figure:nth-child(4n+2),.gallery figure:nth-child(4n+3),.gallery figure:nth-child(4n){width:100%;margin:0 0 30px}.gallery img{height:auto;aspect-ratio:auto}.gallery figcaption{font-size:9px}.service-grid{grid-template-columns:1fr;gap:18px}.service-tile h2{font-size:32px}.service-billboard{display:flex;flex-direction:column;gap:35px}.service-billboard figure{width:100%}.service-billboard img{height:330px}.editorial-layout{display:block}.editorial-layout aside{display:none}.prose h2{font-size:32px;margin-top:32px}.prose p{font-size:16px}.local-service{padding:50px 0}.local-service-body{display:block}.local-service h2{font-size:36px;margin-bottom:25px}.local-service p{font-size:14px}.deliverables{grid-template-columns:1fr;gap:10px}.about-banner{display:block}.about-banner img{aspect-ratio:1.25;margin-bottom:35px}.about-banner h2{font-size:38px}.about-banner p{font-size:15px}.ideas-grid{display:block}.article-hero{aspect-ratio:1.4}.faq-layout{display:block}.faq-layout h2{font-size:37px}.faq-list{margin-top:32px}summary{font-size:14px}details p{font-size:14px}.contact-grid{display:block}.contact-info{margin-bottom:45px}.contact-info .email{font-size:26px}.form{grid-template-columns:1fr;gap:24px}.field.full,.form .full,.form-status{grid-column:auto}.form .btn{width:100%}.privacy h2{font-size:30px}.cta{padding:55px 0}.cta .wrap{display:block}.cta h2{font-size:38px}.cta .btn{margin-top:28px;min-width:180px}.footer{padding:50px 0 75px}.footer-grid{grid-template-columns:1fr;gap:35px}.footer-bottom{display:block;margin-top:35px;line-height:2}.footer-bottom>*{display:block}.socials{gap:15px 22px}.lightbox-bar{gap:8px;flex-wrap:wrap;font-size:10px}.lightbox-caption{max-width:55%}.lightbox img{max-width:95vw}.lightbox button{padding:6px 8px}.whatsapp{right:12px;bottom:12px;font-size:9px;padding:9px 12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}::view-transition-old(root),::view-transition-new(root){animation:none}}

.language-switch{display:flex;align-items:center;gap:9px;font-size:10px;white-space:nowrap}.language-switch a{padding:7px 0;opacity:.55}.language-switch a[aria-current]{opacity:1;border-bottom:1px solid var(--bronze)}html[lang="zh-Hans"]{font-family:"Microsoft YaHei","PingFang SC",sans-serif}html[lang="zh-Hans"] h1,html[lang="zh-Hans"] h2,html[lang="zh-Hans"] h3{font-family:"Songti SC","SimSun",serif;letter-spacing:0;line-height:1.3}html[lang="zh-Hans"] .eyebrow{letter-spacing:.08em}html[lang="zh-Hans"] .brand-place small{letter-spacing:0}@media(max-width:760px){.language-switch{gap:7px;font-size:9px}.header-actions{gap:12px}html[lang="zh-Hans"] .opening-title h1{font-size:39px}}
.card-meta>div{min-width:0}.card-meta h3{overflow-wrap:anywhere}.card-meta .arrow{flex-shrink:0}

/* Equal project proportions and aligned rows, requested by the client. */
.atlas-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 28px}.atlas-project[class]{grid-column:auto;margin:0}.atlas-project .atlas-image{aspect-ratio:1.5}.atlas-caption{min-height:100px;gap:14px}.atlas-caption h3{font-size:27px}.atlas-caption>div{min-width:0}.atlas-caption p{overflow-wrap:anywhere}
.page-work .projects{grid-template-columns:repeat(3,minmax(0,1fr));gap:45px 28px}.page-work .project-card:nth-child(n){grid-column:auto;margin:0}.page-work .project-card:nth-child(n) .frame{aspect-ratio:1.5}.page-work .project-card .card-meta{min-height:130px;gap:12px}.page-work .project-card h3{font-size:25px;line-height:1.25;min-height:2.5em}.page-work .project-card p{line-height:1.6}.page-work .project-card .tag{margin-top:12px;letter-spacing:.06em}.page-work .project-card .arrow{font-size:23px}.page-work .project-card a:focus-visible .frame{outline:2px solid var(--bronze);outline-offset:5px}
.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.gallery figure:nth-child(n){grid-column:auto;margin:0;width:100%}.gallery img{aspect-ratio:1.5;object-fit:cover}.gallery button{overflow:hidden}.gallery button:hover img{filter:brightness(.97)}
.territory-zones p{min-height:120px}.practice-index .wrap{grid-template-columns:1fr 1fr;gap:70px}.material-note{grid-template-columns:1fr 1fr;gap:70px}.opening-title{grid-template-columns:1fr 1fr;gap:70px}.studio-manifesto{grid-template-columns:1fr 1fr}.territory-heading{grid-template-columns:1fr 1fr}.page-work-detail .page-top .wrap{grid-template-columns:1fr 1fr;gap:30px}.project-intro{grid-template-columns:1fr 1fr;gap:70px}
@media(max-width:1100px) and (min-width:761px){.atlas-grid,.page-work .projects{grid-template-columns:repeat(2,minmax(0,1fr))}.atlas-project .atlas-image{aspect-ratio:1.5}.opening-title{gap:35px}.studio-manifesto{gap:35px}.territory-zones p{min-height:150px}}
@media(max-width:760px){.atlas-grid,.page-work .projects,.gallery{grid-template-columns:1fr;gap:28px}.atlas-project[class]{margin:0}.atlas-caption{min-height:0}.page-work .project-card .card-meta{min-height:0}.page-work .project-card h3{font-size:27px;min-height:0}.page-work .project-card:nth-child(n) .frame,.atlas-project .atlas-image{aspect-ratio:1.5}.opening-title,.studio-manifesto,.practice-index .wrap,.material-note,.territory-heading,.project-intro{grid-template-columns:1fr;gap:30px}.territory-zones p{min-height:0}.page-work-detail .page-top .wrap{display:block}.page-work-detail .page-top .lead{margin-top:24px}.gallery figure:nth-child(n){width:100%;margin:0}.gallery img{aspect-ratio:1.5}.project-intro{padding-top:35px}}
.page-work .page-top{padding:42px 0 32px}.page-work .page-top h1{font-size:58px}.page-work .breadcrumbs{margin-bottom:18px}.page-work .page-top .eyebrow{margin-bottom:12px}.page-work .page-top .lead{font-size:17px;margin-top:14px}.page-work .page-top .note{margin-top:14px;max-width:1000px}.page-work .filterbar{padding:14px 0}.page-work .result-count{margin-bottom:28px}@media(max-width:760px){.page-work .page-top{padding:30px 0}.page-work .page-top h1{font-size:40px}.page-work .page-top .lead{font-size:16px}.page-work .page-top .note{font-size:11px}}

/* Client decision paths, legibility and mobile enquiry refinement. */
:root{--muted:#5e6259;--bronze:#6f573c}.language-switch a{opacity:1;color:var(--muted);min-height:44px;display:inline-flex;align-items:center}.language-switch a[aria-current]{color:var(--ink)}.nav a{min-height:44px;display:inline-flex;align-items:center}.page-enter{animation:none;opacity:1;transform:none}.eyebrow,.breadcrumbs,.image-caption,.project-card p,.atlas-caption p,.socials,.footer-bottom{font-size:12px}.opening-image>img{height:clamp(340px,48vh,510px)}.opening-image figcaption{padding:14px 22px;background:#222a23ed;font-size:11px}.opening-aside p{font-size:15px}.opening-secondary{display:block;font-size:13px;margin-top:16px;text-decoration:underline;text-underline-offset:5px}.btn,.text-link{font-size:13px;min-height:44px}.filterbar button{min-height:44px;font-size:12px}.result-count{min-height:24px}.atlas-project[class] .atlas-caption{display:flex}.atlas-project[class] .atlas-caption>span:last-child{display:block}.atlas-project[class] .atlas-caption h3{font-size:27px}.atlas-project[class] .atlas-caption>span:first-child{margin:0}.client-pathways{padding-top:65px;padding-bottom:65px}.client-section-head{margin-bottom:35px}.client-section-head h2{font-size:clamp(34px,3.5vw,50px);max-width:900px}.client-section-head p{max-width:720px;margin-top:22px;color:var(--muted)}.client-path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.client-path-grid article,.client-process-grid article{border-top:1px solid var(--line);padding-top:22px}.client-path-grid h3,.client-process-grid h3{font-family:var(--serif);font-size:30px}.client-path-grid p,.client-process-grid p{font-size:15px;color:var(--muted);margin:18px 0 22px}.client-path-grid .text-link{margin-top:8px}.client-process{padding:75px 0;background:#e7e3db}.client-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-bottom:30px}.project-bridge{padding:70px 0;background:#e7e3db}.project-bridge .wrap{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.project-bridge h2{font-size:clamp(34px,3.5vw,49px)}.project-bridge p{font-size:15px;color:var(--muted);margin:24px 0}.project-bridge li{padding:16px 0;border-bottom:1px solid var(--line);font-size:17px}.enquiry-preparation{margin-bottom:32px}.enquiry-preparation h2{font-size:28px;margin:25px 0 14px}.enquiry-preparation p{font-size:15px;color:var(--muted)}.enquiry-context{padding:18px;background:var(--stone);font-size:14px}.mobile-contact{display:none}:focus-visible{outline:2px solid #6f573c;outline-offset:5px}.footer a{min-height:30px}.footer [style*="color"]{color:#d9dfd6!important}
@media(max-width:1100px){.client-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){body{padding-bottom:64px}.opening-image>img{height:300px}.opening-image figcaption{font-size:10px;padding:12px;letter-spacing:.06em}.opening-title{padding-top:28px}.menu-toggle{min-width:44px;min-height:44px}.header-actions{gap:8px}.brand-mark{font-size:26px;padding-right:12px}.brand{gap:10px}.language-switch{gap:7px}.language-switch a{min-width:23px}.client-path-grid,.client-process-grid,.project-bridge .wrap{grid-template-columns:1fr;gap:28px}.client-pathways{padding-top:45px;padding-bottom:45px}.client-process,.project-bridge{padding:50px 0}.project-bridge ul{padding-left:20px}.atlas-caption p,.project-card p,.territory-zones p{font-size:12px}.territory-zones .text-link{font-size:11px}.mobile-contact{display:grid;grid-template-columns:1fr 1fr;position:fixed;bottom:0;left:0;right:0;z-index:35;background:var(--ink);color:white;border-top:1px solid #ffffff50;padding-bottom:env(safe-area-inset-bottom)}.mobile-contact a{display:flex;justify-content:center;align-items:center;min-height:58px;font-size:13px}.mobile-contact a+a{border-left:1px solid #ffffff50}.whatsapp{display:none}}
.territory-heading p,.territory-zones p{color:#54594e}.footer [style*="color"]{color:var(--muted)!important;font-size:12px}
/* Luxury hospitality direction: immersive photography, warm ivory and ink. */
:root{--paper:#f3efe7;--stone:#e4dccf;--ink:#20221f;--muted:#5c5d55;--bronze:#745936;--line:#25231d30}.header{background:#f3efe7}.luxury-opening{padding:0;max-width:none;position:relative;background:#191e1a;color:#fff}.luxury-opening .opening-image>img{height:calc(100svh - 98px);min-height:680px;max-height:1050px;object-position:center 45%}.luxury-opening .opening-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101811a6 0%,#10181120 75%),linear-gradient(0deg,#101811cf 0%,transparent 65%);pointer-events:none}.luxury-opening .opening-title{position:absolute;left:0;right:0;bottom:90px;z-index:1;max-width:1440px;margin:auto;border:0;padding:40px 56px;grid-template-columns:1.45fr 1fr;gap:80px;align-items:end}.luxury-opening .opening-title h1{font-size:clamp(56px,6.7vw,98px);line-height:1.04;letter-spacing:-.045em;text-shadow:0 2px 18px #0004}.luxury-opening .eyebrow{color:#f1dec2;letter-spacing:.2em;font-size:12px}.luxury-opening .opening-aside p{color:#fff;font-size:17px;max-width:420px;line-height:1.75}.luxury-opening .text-link{color:white;font-size:14px}.luxury-opening .opening-secondary{color:white;font-size:13px}.hero-foot{position:absolute;bottom:0;left:56px;right:56px;display:flex;justify-content:space-between;padding:22px 0;border-top:1px solid #ffffff70;z-index:1;text-transform:uppercase;font-size:11px;letter-spacing:.14em}.selected-atlas{background:#e8e0d3;padding-top:80px}.atlas-title h2{font-size:60px}.atlas-image,.project-card .frame,.reference-image{background:#ddd3c5}.client-pathways{padding-top:80px;padding-bottom:80px}.studio-manifesto{padding-top:55px;padding-bottom:80px}.hotel-references{background:#222620;color:#f7f1e8;padding:90px 0}.hotel-references .eyebrow{color:#e2c49b}.hotel-references .section-head p{color:#e0ded4}.hotel-reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 32px}.reference-image{aspect-ratio:1.5;overflow:hidden}.reference-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.hotel-reference-grid a:hover{text-decoration:none}.hotel-reference-grid a:hover img{transform:scale(1.035)}.hotel-reference-grid h3{font-family:var(--serif);font-size:33px;margin-top:20px}.hotel-reference-grid p{color:#e2c49b;font-size:12px;margin-top:12px}.hotel-reference-grid p span{float:right;font-size:20px;color:white}.practice-index{padding:90px 0}.material-note img{aspect-ratio:1.3}.footer{background:#e7e0d5}.footer [style*="color"]{color:#54564e!important}.page-work .project-card .tag{font-size:11px}.page-work .project-card .card-meta{min-height:140px}
@media(max-width:1100px) and (min-width:761px){.luxury-opening .opening-title{gap:40px;padding-left:40px;padding-right:40px}.luxury-opening .opening-title h1{font-size:65px}.hero-foot{left:40px;right:40px}}
@media(max-width:760px){.luxury-opening .opening-image>img{height:calc(100svh - 136px);min-height:650px;max-height:900px;object-position:42% center}.luxury-opening .opening-title{display:block;bottom:65px;padding:32px 22px}.luxury-opening .opening-title h1{font-size:51px;max-width:460px}.luxury-opening .eyebrow{font-size:10px;letter-spacing:.12em}.luxury-opening .opening-aside{margin-top:30px;max-width:360px}.luxury-opening .opening-aside p{font-size:15px;margin-bottom:19px}.luxury-opening .opening-secondary{margin-top:10px}.hero-foot{left:22px;right:22px;padding:17px 0;font-size:9px;letter-spacing:.03em;gap:15px}.client-pathways{padding-top:50px;padding-bottom:50px}.studio-manifesto{padding-top:35px;padding-bottom:50px}.selected-atlas{padding-top:50px}.atlas-title h2{font-size:42px}.hotel-references{padding:55px 0}.hotel-reference-grid{grid-template-columns:1fr;gap:34px}.hotel-reference-grid h3{font-size:30px}.practice-index{padding:60px 0}.page-work .project-card .card-meta{min-height:0}html[lang="zh-Hans"] .luxury-opening .opening-title h1{font-size:43px}}

.luxury-opening .opening-image>img{object-position:center 52%}.luxury-opening .opening-image:after{background:linear-gradient(90deg,#1018118c 0%,#10181108 80%),linear-gradient(0deg,#101811c9 0%,transparent 70%)}@media(max-width:760px){.luxury-opening .opening-image>img{object-position:58% center}}

/* Final editorial refinement: image-first browsing and a composed enquiry. */
.luxury-opening .opening-title{grid-template-columns:1.65fr 1fr;gap:64px;bottom:86px}.luxury-opening .opening-title h1{font-size:clamp(55px,5.2vw,82px);line-height:1.08;letter-spacing:-.045em;text-wrap:balance}.luxury-opening .opening-aside{max-width:410px}.luxury-opening .opening-aside p{font-size:16px;line-height:1.8}.luxury-opening .opening-secondary{display:inline-block}.hero-foot a{padding:10px 0}.page-home .selected-atlas{padding-top:80px;padding-bottom:75px}.atlas-title{margin-bottom:40px}.atlas-caption h3{line-height:1.2}.atlas-caption{min-height:90px}.atlas-image img{transition:transform .65s ease,filter .65s ease}.atlas-project a:hover img{transform:scale(1.035);filter:brightness(1.035)}.project-card a:hover .frame img{transform:scale(1.025)}.project-card .frame{overflow:hidden}.project-card .frame img{transition:transform .65s ease}.project-facts dt{font-size:12px;letter-spacing:.08em}.project-facts dd{font-size:16px;line-height:1.5}.contact-grid{gap:70px}.contact-grid>div:last-child{padding:38px;background:#e8e1d5;border:1px solid #24262220}.enquiry-preparation h2{font-family:var(--serif);font-size:31px}.field input,.field select,.field textarea{background:#faf8f2;border:1px solid #62625280;border-radius:0;padding:13px 14px}.field textarea{min-height:170px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--bronze);outline-offset:2px}.form .small{line-height:1.7;font-size:13px;color:#51554c}.form button[type=submit]{background:var(--ink);color:white}.form button[type=submit]:hover{background:#394033}.footer .label{font-size:12px;letter-spacing:.1em}.footer p,.footer address{font-size:14px}.footer-nav{line-height:2}.page-home .whatsapp{bottom:22px;right:22px;padding:12px 17px;font-size:12px}.opening-image{overflow:hidden}.project-card a:focus-visible,.atlas-project a:focus-visible{outline:2px solid var(--bronze);outline-offset:6px}
@media(max-width:1100px) and (min-width:761px){.luxury-opening .opening-title{gap:40px}.luxury-opening .opening-title h1{font-size:56px}.contact-grid{gap:35px}.contact-grid>div:last-child{padding:28px}}
@media(max-width:760px){.luxury-opening .opening-image>img{min-height:660px;height:calc(100svh - 136px);object-position:56% center}.luxury-opening .opening-title{bottom:66px;padding:28px 22px}.luxury-opening .opening-title h1{font-size:47px;line-height:1.12;max-width:390px}.luxury-opening .opening-aside{margin-top:24px}.luxury-opening .opening-aside p{font-size:15px;line-height:1.7;margin-bottom:15px}.hero-foot{padding:12px 0}.hero-foot a{padding:5px 0}.page-home .selected-atlas{padding-top:48px;padding-bottom:45px}.atlas-title{margin-bottom:30px}.atlas-caption{min-height:0}.contact-grid>div:last-child{padding:24px 18px;margin-left:-4px;margin-right:-4px}.enquiry-preparation h2{font-size:29px}.page-home .whatsapp{display:none}}
.luxury-opening .opening-secondary{display:block;width:fit-content;margin-top:14px}.page-home .whatsapp{display:none}

.luxury-opening .opening-image picture{display:block}.luxury-opening .opening-image picture>img{height:calc(100svh - 98px);min-height:680px;max-height:1050px;object-fit:cover;object-position:center 52%}@media(max-width:760px){.luxury-opening .opening-image picture>img{height:calc(100svh - 136px);min-height:660px;max-height:900px;object-position:center}}