:root{--ink:#242620;--cream:#f6f2e9;--paper:#fffdf8;--gold:#a78a60;--muted:#77746e}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6}h1,h2,h3,.brand{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.14}h1{font-size:clamp(2.8rem,6vw,5.8rem);margin:.2em 0}h2{font-size:clamp(2rem,4vw,3.4rem)}h3{font-size:1.65rem}a{color:inherit;text-decoration:none}p{color:#57564f}header{position:sticky;top:0;background:#fffdf8f5;z-index:10;border-bottom:1px solid #e9e2d7}.nav{max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:18px 24px;gap:20px}.brand{font-size:1.65rem;letter-spacing:.09em}.brand small{display:block;font:10px Arial;letter-spacing:.32em;color:var(--gold);margin-top:5px}nav{display:flex;gap:23px;align-items:center;font-size:13px;letter-spacing:.05em}nav a:hover{color:var(--gold)}.btn{display:inline-block;padding:14px 24px;background:var(--ink);color:white;font-size:12px;text-transform:uppercase;letter-spacing:.13em;border:1px solid var(--ink);cursor:pointer}.btn.outline{background:transparent;color:var(--ink)}.btn:hover{background:var(--gold);border-color:var(--gold);color:white}.hero{min-height:620px;background:linear-gradient(90deg,rgba(20,22,18,.72),rgba(20,22,18,.1)),url('https://images.unsplash.com/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=1800&q=85') center/cover;display:flex;align-items:center;color:white}.hero .inner{max-width:1200px;margin:auto;padding:70px 24px;width:100%}.hero h1{max-width:760px}.hero p{color:#f3eee6;max-width:560px}.eyebrow{text-transform:uppercase;letter-spacing:.24em;font-size:11px;color:var(--gold);font-weight:bold}.hero .eyebrow{color:#ead3ae}.hero .btn{background:#f7f1e7;color:var(--ink);border-color:#f7f1e7;margin-top:22px}.container{max-width:1200px;margin:auto;padding:88px 24px}.intro{text-align:center;max-width:760px;margin:auto auto 55px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.tile{background:var(--paper)}.tile img{width:100%;height:270px;object-fit:cover;display:block}.tile .copy{padding:25px}.tile h3{margin:0 0 12px}.tile p{font-size:14px}.tile a.more{font-size:11px;letter-spacing:.15em;text-transform:uppercase;border-bottom:1px solid var(--gold);padding-bottom:5px}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px}.split img{width:100%;height:500px;object-fit:cover}.dark{background:#252820;color:white}.dark p{color:#d2d0c8}.dark .eyebrow{color:#c6a679}.cta{text-align:center;background:#e9e1d4;padding:80px 24px}.cta p{max-width:620px;margin:0 auto 30px}.footer{background:#20231e;color:white;padding:60px 24px}.footer .wrap{max-width:1200px;margin:auto;display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.footer p,.footer a{color:#d0cec7;font-size:13px}.pagehead{text-align:center;padding:100px 24px 65px;background:#ebe5da}.pagehead h1{font-size:clamp(2.7rem,5vw,4.8rem)}.pagehead p{max-width:680px;margin:auto}.form{display:grid;gap:16px}.form input,.form textarea,.form select{width:100%;padding:14px;border:1px solid #cfc8bc;background:white;font:inherit}.form label{font-size:13px}.form textarea{min-height:140px}.note{font-size:12px;color:var(--muted)}.mobile-toggle{display:none}.gallery img{width:100%;height:310px;object-fit:cover}.gallery figure{margin:0}.gallery figcaption{font-size:13px;color:#777;margin:8px 0 20px}.whatsapp{position:fixed;bottom:20px;right:20px;background:#315a42;color:white;padding:12px 17px;z-index:20;font-size:12px;box-shadow:0 4px 20px #0002}.whatsapp:hover{background:#254633}@media(max-width:800px){.grid{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr;gap:30px}.split img{height:360px}.mobile-toggle{display:block;background:none;border:0;font-size:25px}nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--paper);padding:25px;flex-direction:column;align-items:stretch}nav.open{display:flex}.hero{min-height:550px}}@media(max-width:540px){.grid{grid-template-columns:1fr}.container{padding:65px 20px}.hero{min-height:540px}.nav{padding:16px 20px}.brand{font-size:1.3rem}.tile img{height:300px}}

.brand-logo{width:88px;height:88px;object-fit:contain;vertical-align:middle;margin-right:12px;border-radius:4px}.hero{background-repeat:no-repeat}.gallery img{object-fit:cover}.brand{display:inline-flex;align-items:center}.brand small{display:block}@media(max-width:650px){.brand-logo{width:64px;height:64px}}

/* Featured Hampstead project */
.featured-project{display:grid;grid-template-columns:1.15fr 1fr;min-height:520px;background:#eae2d5}.featured-image img{width:100%;height:100%;min-height:520px;object-fit:cover}.featured-copy{padding:clamp(40px,6vw,100px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.featured-copy h2{margin:15px 0 8px}.featured-copy h3{font-size:1.3rem;color:#7d6b52}.featured-copy p{max-width:470px}.featured-copy .btn{margin-top:20px}.project-hero{display:grid;grid-template-columns:1.2fr 1fr;min-height:620px;background:#eae2d5}.project-hero-photo img{width:100%;height:100%;min-height:620px;object-fit:cover}.project-hero-copy{padding:clamp(40px,6vw,110px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.project-hero-copy h1{font-size:clamp(3rem,5vw,5.5rem)}.project-lead{font:1.6rem Georgia,serif;color:#6f5a3e}.project-hero-copy .btn{margin-top:20px}.project-overview{display:grid;grid-template-columns:1fr 1fr;gap:80px}.project-overview h2{margin-top:15px}.project-gallery{padding-top:20px}.project-photo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:35px}.project-photo-grid figure{margin:0;overflow:hidden;background:#e8e2d9}.project-photo-grid img{display:block;width:100%;height:420px;object-fit:cover}.project-photo-grid figure:first-child{grid-column:span 2}.project-photo-grid figure:first-child img{height:580px}.project-bottom{text-align:center;padding:90px 24px;background:#eae2d5}.project-bottom h2{margin:12px 0}.project-bottom .btn{margin-top:18px}.project-feature-card{display:grid;grid-template-columns:1fr 1fr;background:#eee7dc;align-items:center}.project-feature-card img{width:100%;height:390px;object-fit:cover}.project-feature-card>div{padding:50px}.project-feature-card .more{border-bottom:1px solid var(--gold);font-size:12px;letter-spacing:.1em;text-transform:uppercase}@media(max-width:800px){.featured-project,.project-hero,.project-overview,.project-feature-card{grid-template-columns:1fr}.featured-image img,.project-hero-photo img{min-height:0;height:340px}.featured-copy,.project-hero-copy{padding:45px 24px}.project-overview{gap:10px}.project-photo-grid img{height:260px}.project-photo-grid figure:first-child img{height:360px}.project-feature-card img{height:300px}}

/* Frame the upper cornice details rather than the lower walls and doors */
.project-photo-grid img{object-position:center 12%;}
.project-photo-grid figure:first-child img{object-position:center 8%;}
