/* V3: graphite, warm limestone and architectural framing. */
:root{--paper:#f2eee6;--surface:#fffcf7;--ink:#292b2d;--muted:#696966;--line:#d8d2c8;--accent:#927245;--deep:#232527;--soft:#e7e1d7;--radius:0}
html[data-theme=dark]{--paper:#1d1f20;--surface:#26282a;--ink:#f3eee4;--muted:#c4bfb6;--line:#484744;--accent:#d8b580;--deep:#17191a;--soft:#303234}
body{font-size:16px;line-height:1.75}.site-header{background:var(--paper);border-bottom:1px solid var(--line)}.header-inner{min-height:100px}.brand{letter-spacing:.025em}.forma-mark{border-color:var(--accent);color:var(--accent)}#main-nav a{font-size:11px;letter-spacing:.035em}.eyebrow{letter-spacing:.16em;color:var(--accent)}.section{padding-block:85px}.section-heading h2{font-size:clamp(35px,4vw,58px)}.section-heading{align-items:end}.button{background:var(--deep);border-color:var(--deep);color:#fffaf0;min-height:50px;padding-inline:26px}.button:hover{background:#514637;border-color:#514637;color:#fff}.button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.quick-search{border-bottom:1px solid var(--line);background:var(--surface);padding:34px}.quick-search h2{font-size:32px}.project-grid{gap:38px}.project-card{background:var(--surface);border:1px solid var(--line)}.project-caption{padding:25px}.project-caption h3{font-size:31px}.project-picture{overflow:hidden}.project-picture>img{height:390px;transition:transform .7s ease}.project-card:hover .project-picture>img{transform:scale(1.025)}.project-caption .eyebrow{font-size:10px}.studio-layout{gap:75px}.studio-photo{padding:16px;border:1px solid var(--line)}.studio-photo img{height:540px}.studio-layout h2{font-size:clamp(36px,4vw,58px)}.unit-card{border:1px solid var(--line);background:var(--surface)}.card-content{padding:24px}.card-picture img{height:300px}.expertise-list>a{padding-block:32px}.expertise-list h3{font-size:30px}.cta{background:#303234;color:#f6f0e5;border-block:1px solid #4d4942;padding-block:65px}.cta .button{background:#d8c5a6;color:#242628;border-color:#d8c5a6}.page-heading{padding-block:50px 25px}.page-heading h1{font-size:clamp(42px,5vw,70px)}.property-sheet{border-top:3px solid var(--accent)}.enquiry-card{background:var(--surface);border-top:3px solid var(--accent)}.enquiry-card .button{background:#8b693f;border-color:#8b693f;color:white;font-size:16px}.enquiry-card .button:disabled{opacity:.55}.contact-info{margin-bottom:26px}.contact-map{border:1px solid var(--line);background:var(--surface);padding:10px}.contact-map iframe{display:block;width:100%;height:360px;border:0;filter:saturate(.7)}.contact-map small{display:block;color:var(--muted);font-size:12px;padding:12px 7px 5px}.callback-dialog .contact-map{display:none}.site-footer{background:#222426;color:#eee8dc}.site-footer .footer-bottom{border-color:#4c4a45}.site-footer a:hover{color:#dec39b}.mobile-contact>a:last-child{background:#8b693f;border-color:#8b693f}.project-showcase-hero .eyebrow{color:#ddc7a5}.project-showcase-hero .button{color:#262729;background:#e0d0b5;border-color:#e0d0b5}
@media(max-width:1200px){#main-nav a{font-size:10px}.header-inner{gap:18px}.studio-layout{gap:40px}}
@media(max-width:980px){.header-inner{min-height:86px}#main-nav a{font-size:13px}.project-picture>img{height:320px}.studio-photo img{height:430px}.quick-search{padding:26px}.section{padding-block:65px}}
@media(max-width:700px){body{font-size:15px}.header-inner{min-height:80px}.section{padding-block:50px}.project-grid{gap:25px}.project-picture>img{height:300px}.project-caption{padding:21px}.project-caption h3{font-size:28px}.section-heading h2{font-size:36px}.quick-search{padding:24px 18px}.quick-search h2{font-size:27px}.studio-photo{padding:9px}.studio-photo img{height:330px}.studio-layout h2{font-size:37px}.card-content{padding:21px}.expertise-list h3{font-size:25px}.page-heading{padding-block:30px 15px}.page-heading h1{font-size:42px}.cta{padding-block:40px}.contact-map iframe{height:290px}.contact-layout{gap:35px}.card-picture img{height:280px}}
@media(prefers-reduced-motion:reduce){.project-picture>img{transition:none}.project-card:hover .project-picture>img{transform:none}}
