@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Libre+Caslon+Display&display=swap');
:root{--paper:#faf8f4;--ink:#24231f;--muted:#78746c;--line:#e0d9cc;--brown:#85643c;--serif:'Libre Caslon Display',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--ink);background:var(--paper);font-family:'DM Sans',Arial,sans-serif;font-size:15px}a{color:inherit;text-decoration:none}p{line-height:1.65}header{height:86px;padding:0 7.3%;display:flex;align-items:center;justify-content:space-between;gap:30px;background:#fcfbf8}.brand{font-family:Georgia,serif;font-size:31px;letter-spacing:7px;white-space:nowrap;line-height:1}.brand span{display:block;font:9px Arial,sans-serif;letter-spacing:5px;margin-top:12px;text-align:center}nav{display:flex;align-items:center;gap:32px;font-size:12px}nav a{padding:13px 0}nav .active{color:var(--brown);border-bottom:1px solid var(--brown)}.button{display:inline-flex;justify-content:center;align-items:center;padding:16px 26px;background:var(--brown);color:#fff;border:1px solid var(--brown);font:600 10px 'DM Sans',Arial;letter-spacing:2px;cursor:pointer;min-height:44px}.header-quote{padding:16px 26px;white-space:nowrap}.hero{position:relative;min-height:clamp(440px,37.6vw,600px);overflow:hidden;background:#efede7}.hero-visual{position:absolute;inset:0 0 0 40.9%;overflow:hidden}.hero-visual img{position:absolute;width:169.2%;max-width:none;left:-69.2%;top:-14.1%;height:auto}.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#efede7 0%,rgba(239,237,231,.15) 19%,transparent 35%)}.hero-copy{position:relative;padding:5.6% 0 5.2% 7.3%;width:51%;z-index:1}.eyebrow{color:var(--brown);font-size:9px;letter-spacing:3.5px;font-weight:500;margin:0 0 24px}h1,h2{font-family:var(--serif);font-weight:400}h1{font-size:clamp(43px,4.2vw,67px);line-height:1.1;letter-spacing:-.8px;margin:0 0 22px}.intro{font-size:14px;line-height:1.65;max-width:340px;margin:0 0 24px;color:#55524c}.hero-actions{display:flex;align-items:center;gap:32px}.text-link{font-size:9px;letter-spacing:1.8px;font-weight:600;text-decoration:underline;text-underline-offset:5px;white-space:nowrap}.text-link span{font-size:22px;text-decoration:none;margin-left:13px;color:var(--brown);vertical-align:-2px}.hero-note{position:absolute;bottom:12px;right:20px;padding:5px 9px;background:#fbf9f0d9;color:#5f5649;font-size:9px;z-index:2}.services{display:grid;grid-template-columns:repeat(4,1fr);padding:35px 5.5% 32px;background:#f6f3ed}.services>a{text-align:center;padding:0 25px;border-right:1px solid var(--line)}.services>a:last-child{border:0}.services svg{height:57px;width:64px;color:#967243;margin-bottom:14px}.services h2{font:500 10px 'DM Sans',Arial;letter-spacing:2.5px;text-transform:uppercase;margin:0 0 10px}.services p{font-size:12px;color:var(--muted);max-width:190px;margin:0 auto}.projects{padding:44px 6% 48px}.section-top{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:23px}.section-top .eyebrow{margin-bottom:12px}.section-top h2{font-size:38px;line-height:1.15;margin:0;letter-spacing:-.6px}.section-top>a{margin-bottom:6px}.concepts{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.thumb{position:relative;aspect-ratio:279/238;overflow:hidden;background:#d7c9b6}.thumb img{position:absolute;width:470.25%;max-width:none;top:-369.32%;left:-28.32%}.thumb.kitchens img{left:-134.05%}.thumb.media img{left:-240.14%}.thumb.offices img{left:-345.88%}article h3{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:2.1px;margin:17px 0 5px}article p{font-size:12px;color:var(--muted);margin:0}.image-note{font-size:10px;color:var(--muted);line-height:1.6;margin:22px 0 0}.about{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding:60px 7.3%;background:#efebe3;border-block:1px solid var(--line)}.about h2,.quote h2{font-size:47px;line-height:1.1;margin:0;letter-spacing:-.5px}.about>div>p:not(.eyebrow){font-size:13px;color:#6a645b;margin:0 0 18px;max-width:420px}.quote{display:grid;grid-template-columns:.8fr 1.2fr;gap:11%;padding:75px 7.3%}.quote-intro>p:not(.eyebrow){max-width:320px;font-size:13px;color:var(--muted);margin:24px 0}.contact-email{display:inline-block;border-bottom:1px solid var(--brown);padding-bottom:7px;color:var(--brown);font-size:15px}aside{margin-top:35px;border-top:1px solid var(--line);padding-top:20px;max-width:330px;font-size:12px}aside p{font-size:12px;color:var(--muted)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}form label{display:block;font-size:12px;margin-bottom:20px}input,select,textarea{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid #d4cbbc;border-radius:0;background:transparent;color:var(--ink);font:13px 'DM Sans',Arial}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid #9e8159;outline-offset:2px}.form-note{font-size:11px;color:var(--muted);margin:0 0 20px}form>.button{letter-spacing:.8px;text-transform:none;gap:25px;font-size:12px}#result{margin-top:25px;background:#efebe3;padding:22px}#result h3{font-size:16px;font-weight:500;line-height:1.4;margin:0 0 10px}#result p{font-size:12px}.result-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.result-actions button{border:1px solid var(--brown);background:var(--brown);color:white;padding:12px 15px;font:12px Arial;cursor:pointer}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:32px 7.3%;gap:24px}footer .brand{font-size:24px;letter-spacing:5px}footer .brand span{font-size:7px;letter-spacing:3px}footer>a:not(.brand),footer p{font-size:11px;color:var(--muted)}a:hover{color:var(--brown)}a.button:hover,button:hover{background:#6d5030;color:white}:focus-visible{outline:2px solid #967243;outline-offset:5px}@media(min-width:1600px){.hero-visual img{top:-15%}.hero-copy{padding-top:80px}.hero{height:600px}}@media(max-width:1050px){header{padding:0 5%;gap:20px}.brand{font-size:27px;letter-spacing:5px}nav{gap:19px}.hero-copy{padding-left:6%;width:53%}.hero-actions{gap:18px}.intro{max-width:300px;font-size:13px}.section-top h2{font-size:33px}.section-top>a{font-size:8px}.services>a{padding:0 14px}.services h2{letter-spacing:1.5px}}@media(max-width:760px){header{height:78px;padding:0 6%;gap:15px}.brand{font-size:24px;letter-spacing:4px}.brand span{font-size:7px;letter-spacing:3px}nav{display:none}.header-quote{padding:13px 16px;font-size:8px;letter-spacing:1.4px}.hero{min-height:0;display:flex;flex-direction:column}.hero-copy{padding:35px 7% 30px;width:100%}.hero .eyebrow{font-size:8px;letter-spacing:2.5px;margin-bottom:20px}h1{font-size:48px}.intro{max-width:360px;font-size:13px}.hero-actions{gap:24px}.hero-actions>.button{padding:15px 18px;font-size:8px}.hero-visual{position:relative;inset:auto;width:100%;height:58vw;order:2}.hero-visual img{width:182%;left:-82%;top:-16%}.hero-visual:after{background:none}.hero-note{font-size:8px;bottom:8px;right:8px}.services{grid-template-columns:1fr 1fr;padding:25px 6%;gap:24px 0}.services>a{padding:0 16px}.services>a:nth-child(2){border:0}.services svg{height:49px;margin-bottom:10px}.services h2{font-size:9px;letter-spacing:1.5px}.services p{font-size:11px}.projects{padding:35px 6%}.section-top{display:block}.section-top h2{font-size:34px;margin-bottom:16px;max-width:320px}.concepts{grid-template-columns:1fr 1fr;gap:24px 13px}.concepts h3{font-size:9px;letter-spacing:1.4px;margin-top:12px}.concepts p{font-size:11px}.about,.quote{grid-template-columns:1fr;padding:42px 7%;gap:25px}.about h2,.quote h2{font-size:41px}.quote{gap:32px}.quote-intro>p:not(.eyebrow){margin:20px 0}aside{max-width:none;margin-top:25px}.form-row{gap:13px}footer{flex-wrap:wrap;padding:28px 7%;gap:25px}footer p{width:100%;order:4;margin:0}footer .brand{font-size:24px}footer .text-link{font-size:9px}.image-note{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Map only the kitchen panel from the original mockup into the live hero. */
.hero-visual img{height:242.71%;top:-13.97%;object-fit:fill}
@media(min-width:1600px){.hero-visual img{top:-13.97%}}
@media(max-width:760px){.hero-visual img{height:242.71%;top:-13.97%}}