:root{--navy:#0b2237;--navy-deep:#071a2a;--ink:#13283b;--cream:#f5f3ef;--line:#d9d5ce;--copper:#c6a56a;--copper-light:#e3c998;--muted:#66717a;--serif:'Noto Serif SC',serif;--sans:'DM Sans','PingFang SC','Microsoft YaHei',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(1160px,calc(100% - 80px));margin:0 auto}.site-header{position:absolute;inset:0 0 auto;z-index:10;color:#fff}.nav-wrap{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.22)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:35px;height:35px;border:1px solid var(--copper);display:inline-flex;align-items:center;justify-content:center;gap:3px;transform:rotate(45deg)}.brand-mark span{height:17px;width:5px;background:var(--copper);display:block}.brand-mark span+span{height:10px;background:transparent;border:1px solid var(--copper)}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font-family:var(--serif);font-size:22px;font-weight:600;letter-spacing:.18em}.brand-copy em{font-size:8px;font-style:normal;letter-spacing:.12em;opacity:.72;margin-top:6px}.main-nav{display:flex;align-items:center;gap:34px;font-size:14px}.main-nav a{opacity:.86;transition:.25s}.main-nav a:hover{opacity:1;color:var(--copper-light)}.nav-cta{border:1px solid rgba(255,255,255,.5);padding:8px 15px}.nav-cta span{margin-left:8px;color:var(--copper-light)}.nav-toggle{display:none;background:none;border:0;color:#fff}.hero{min-height:750px;position:relative;background:var(--navy);overflow:hidden;color:#fff;display:flex;align-items:center}.hero-media{position:absolute;inset:0;background-image:url('assets/hero-interior.png');background-size:cover;background-position:center right;filter:saturate(.82)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,26,42,.96) 0%,rgba(7,26,42,.76) 40%,rgba(7,26,42,.28) 100%)}.hero-content{position:relative;padding-top:90px}.eyebrow{font-size:12px;letter-spacing:.2em;color:#7a858d;margin:0 0 22px;font-weight:600}.eyebrow.light{color:var(--copper-light)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--serif);line-height:1.25;font-weight:600;letter-spacing:.03em}h1{font-size:clamp(44px,6vw,76px);margin:0 0 28px}h1 span,h2 em{font-style:normal;color:var(--copper-light)}.hero-lede{font-size:18px;line-height:1.85;color:rgba(255,255,255,.76);margin:0 0 34px}.hero-actions{display:flex;align-items:center;gap:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:48px;padding:0 22px;border:0;cursor:pointer;transition:.25s}.button span{font-size:18px}.button-solid{background:var(--copper);color:var(--navy);font-weight:600}.button-solid:hover{background:#e5c683}.button-copper{background:var(--copper);color:var(--navy);font-weight:600;width:max-content}.button-copper:hover{background:#e3c998}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:14px;font-weight:600;border-bottom:1px solid transparent;padding-bottom:4px}.text-link span{font-size:19px;transition:.25s}.text-link:hover span{transform:translateX(5px)}.light-link{color:#fff;border-color:rgba(255,255,255,.35)}.dark-link{color:var(--navy);border-color:var(--copper)}.hero-meta{display:flex;gap:52px;margin-top:74px;padding-top:25px;border-top:1px solid rgba(255,255,255,.22);width:min(600px,100%)}.hero-meta div{display:flex;flex-direction:column;gap:2px}.hero-meta strong{font-size:28px;line-height:1.15;color:var(--copper-light);font-weight:500}.hero-meta span{font-size:12px;opacity:.62}.scroll-note{position:absolute;bottom:36px;right:40px;display:flex;align-items:center;gap:13px;writing-mode:vertical-rl;font-size:11px;letter-spacing:.18em;opacity:.75}.scroll-line{display:block;width:1px;height:58px;background:var(--copper)}.section{padding:128px 0}.intro{background:var(--cream)}.intro-grid{display:grid;grid-template-columns:1fr 2.1fr 1fr;gap:40px}.section-label{display:flex;flex-direction:column;gap:12px;color:#8b918f;font-size:11px;letter-spacing:.18em}.section-label span:first-child{font-size:18px;color:var(--copper)}.intro-copy h2,.section-head h2,.process-main h2,.contact h2{font-size:clamp(36px,4vw,52px);margin:0 0 28px}.intro-copy .lead{font-size:19px;line-height:1.85;max-width:630px;color:#334756;margin-bottom:22px}.muted{color:var(--muted);max-width:620px;margin-bottom:32px}.intro-aside{padding-top:50px}.quote-card{background:#eae6de;padding:30px 28px 28px;position:relative}.quote-mark{font-family:Georgia,serif;font-size:56px;line-height:.6;color:var(--copper)}.quote-card p{font-family:var(--serif);font-size:19px;line-height:1.65;margin:15px 0 16px}.quote-card small{color:#7a858d;font-size:11px}.side-stat{border-top:1px solid var(--line);margin-top:42px;padding-top:18px;display:flex;gap:15px}.side-stat strong{font-size:26px;color:var(--copper);font-weight:500}.side-stat span{font-size:12px;line-height:1.45;color:var(--muted)}.section-dark{background:var(--navy);color:#fff}.section-tint{background:#ebe8e1}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:58px}.light-head h2{color:#fff}.section-intro{color:rgba(255,255,255,.62);font-size:15px;line-height:1.8;text-align:right;margin:0 0 4px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.23);border-bottom:1px solid rgba(255,255,255,.23)}.service-card{min-height:300px;padding:28px 28px 30px;border-right:1px solid rgba(255,255,255,.23);position:relative;display:flex;flex-direction:column}.service-card:last-child{border-right:0}.service-no{font-size:13px;color:var(--copper-light)}.service-icon{position:absolute;right:28px;top:24px;font-size:28px;color:var(--copper-light);font-family:Georgia,serif}.service-card h3{font-family:var(--serif);font-size:28px;font-weight:500;margin:62px 0 13px}.service-card p{font-size:14px;color:rgba(255,255,255,.65);line-height:1.8;max-width:260px}.service-card a{margin-top:auto;color:var(--copper-light);font-size:13px}.service-card a span{margin-left:9px}.projects{background:#f8f6f2}.project-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:20px}.project-card{min-width:0}.project-image{height:350px;background-size:cover;background-position:center;transition:transform .6s}.project-card:hover .project-image{transform:scale(1.035)}.project-large .project-image{height:470px}.image-office{background:linear-gradient(150deg,rgba(12,33,53,.18),rgba(12,33,53,.55)),url('assets/hero-interior.png') center/cover}.image-hotel{background:linear-gradient(145deg,#d9d0c2,#8a7667 56%,#29292a);position:relative}.image-hotel:before{content:"";position:absolute;inset:14% 17%;background:linear-gradient(145deg,rgba(255,255,255,.5),transparent 44%),repeating-linear-gradient(90deg,rgba(44,31,24,.4) 0 7px,transparent 7px 31px);opacity:.72}.image-retail{background:linear-gradient(150deg,#d8c7b1,#4b4038 70%,#1e2020);position:relative}.image-retail:before{content:"";position:absolute;inset:18% 13% 0;background:linear-gradient(90deg,rgba(245,242,232,.5),transparent 31%),repeating-linear-gradient(90deg,rgba(29,34,31,.65) 0 9px,transparent 9px 44px);opacity:.72}.project-caption{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);padding:17px 2px 18px}.project-caption span{color:#7a858d;font-size:12px}.project-caption h3{font-family:var(--serif);font-size:20px;font-weight:500;margin:4px 0 0}.project-arrow{font-size:21px;color:var(--copper)!important}.process-grid{display:grid;grid-template-columns:1fr 2.1fr .8fr;gap:40px}.process-main h2{margin-bottom:45px}.timeline{border-top:1px solid #cbc5bc}.timeline-item{display:grid;grid-template-columns:54px 1fr;gap:22px;border-bottom:1px solid #cbc5bc;padding:22px 0}.timeline-item>span{color:var(--copper);font-size:14px}.timeline-item h3{font-family:var(--serif);font-size:20px;font-weight:500;margin:0 0 5px}.timeline-item p{font-size:14px;color:var(--muted);margin:0;max-width:520px}.process-note{padding-top:90px;display:flex;align-items:flex-start;gap:17px;color:var(--navy)}.process-note-line{height:78px;width:1px;background:var(--copper);display:block}.process-note p{font-family:var(--serif);font-size:22px;line-height:1.65}.process-note strong{color:var(--copper);font-weight:500}.contact{padding:110px 0}.contact-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:100px}.contact h2{color:#fff;margin-bottom:22px}.contact-lede{color:rgba(255,255,255,.63);max-width:450px;line-height:1.85}.contact-details{display:flex;flex-direction:column;gap:6px;margin-top:42px}.contact-details a{font-size:18px;color:var(--copper-light)}.contact-details span{font-size:13px;color:rgba(255,255,255,.48);margin-top:9px}.contact-form{border-top:1px solid rgba(255,255,255,.3);padding-top:24px;display:flex;flex-direction:column;gap:19px}.contact-form label{font-size:12px;color:rgba(255,255,255,.64);display:flex;flex-direction:column;gap:7px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:0;border-bottom:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;padding:7px 0;font-size:15px;outline:0;border-radius:0}.contact-form select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--copper) 50%),linear-gradient(135deg,var(--copper) 50%,transparent 50%);background-position:calc(100% - 7px) 50%,calc(100% - 2px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.contact-form option{color:var(--ink)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:rgba(255,255,255,.33)}.contact-form textarea{resize:vertical;min-height:80px}.form-status{min-height:24px;margin:0;color:var(--copper-light);font-size:13px}.site-footer{background:var(--navy-deep);color:rgba(255,255,255,.5);padding:26px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand .brand-copy strong{font-size:17px}.footer-brand .brand-copy em{font-size:6px}.footer-brand .brand-mark{width:28px;height:28px}.footer-brand .brand-mark span{height:13px;width:4px}.footer-inner p{font-size:11px;margin:0}.back-top{font-size:12px;color:var(--copper-light)}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.container{width:min(100% - 44px,700px)}.nav-wrap{height:76px}.nav-toggle{display:flex;flex-direction:column;gap:6px;padding:8px}.nav-toggle span{width:24px;height:1px;background:#fff}.main-nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--navy);padding:20px 22px;flex-direction:column;align-items:flex-start;gap:16px;border-top:1px solid rgba(255,255,255,.2)}.main-nav.open{display:flex}.nav-cta{margin-top:5px}.hero{min-height:680px}.hero-media{background-position:62% center}.hero-content{padding-top:84px}.hero-meta{margin-top:52px;gap:30px}.section{padding:86px 0}.intro-grid,.process-grid{grid-template-columns:1fr;gap:34px}.section-label{flex-direction:row;align-items:center;gap:14px}.intro-aside{padding-top:0;display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.side-stat{margin:0;align-self:start}.section-head{align-items:flex-start;flex-direction:column;gap:26px;margin-bottom:38px}.section-intro{text-align:left}.service-grid{grid-template-columns:1fr}.service-card{min-height:250px;border-right:0;border-bottom:1px solid rgba(255,255,255,.23)}.service-card:last-child{border-bottom:0}.project-grid{grid-template-columns:1fr 1fr}.project-large{grid-column:1/-1}.project-large .project-image,.project-image{height:320px}.process-note{padding-top:15px}.contact-grid{grid-template-columns:1fr;gap:52px}.contact{padding:86px 0}.footer-inner{align-items:flex-start;flex-direction:column}.footer-inner p{order:3}.desktop-only{display:none}}@media(max-width:560px){.container{width:calc(100% - 36px)}h1{font-size:44px}.hero-lede{font-size:16px}.hero-meta{gap:19px}.hero-meta strong{font-size:23px}.hero-meta span{font-size:11px}.intro-copy h2,.section-head h2,.process-main h2,.contact h2{font-size:35px}.intro-aside{grid-template-columns:1fr}.side-stat{display:none}.project-grid{grid-template-columns:1fr}.project-large{grid-column:auto}.project-large .project-image,.project-image{height:275px}.form-row{grid-template-columns:1fr}.scroll-note{right:18px;bottom:25px}.brand-copy em{font-size:7px}.contact-details a{font-size:16px}}