:root{--ink:#171a18;--paper:#f4f2ed;--sand:#d9b98c;--line:#c8c4ba;--white:#fff;--serif:"Playfair Display",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}.site-header{height:82px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(23,26,24,.14);position:absolute;z-index:3;width:100%;color:#fff}.brand{display:flex;align-items:center;gap:10px;font-weight:600;letter-spacing:.04em}.brand span{width:31px;height:31px;border:1px solid var(--sand);display:grid;place-items:center;font-family:var(--serif);font-style:italic;color:var(--sand)}nav{display:flex;align-items:center;gap:30px;font-size:.875rem}nav a{opacity:.85}nav a:hover{opacity:1}.nav-cta{border:1px solid rgba(255,255,255,.6);padding:10px 16px}.menu{display:none;background:none;border:0;color:inherit;font:inherit}.hero{min-height:94vh;position:relative;background:#242824;color:#fff;display:flex;align-items:center;padding:130px 6vw 70px;overflow:hidden}.hero-media{position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,17,15,.78) 0%,rgba(14,17,15,.3) 55%,rgba(14,17,15,.08)),url("hero.jpg") center/cover;transform:scale(1.01)}.hero-card{position:relative;max-width:650px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;font-weight:600;margin:0 0 20px}.hero h1{font:500 clamp(3.4rem,7vw,7rem)/.95 var(--serif);max-width:720px;margin:0 0 32px}.hero-card>p:not(.eyebrow){max-width:560px;font-size:1.12rem;color:rgba(255,255,255,.78);margin-bottom:34px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;background:var(--sand);color:var(--ink);padding:15px 18px;font-weight:600;border:0;cursor:pointer;font:600 .9rem var(--sans)}.button span{font-size:1.2rem}.hero-index{position:absolute;right:4vw;bottom:34px;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}.intro,.projects,.services,.process,.contact{padding:110px 7vw}.intro{display:grid;grid-template-columns:.65fr 2fr;gap:5vw}.intro h2,.section-head h2,.services h2,.process h2,.contact h2{font:500 clamp(2.5rem,5vw,5rem)/1.05 var(--serif);margin:0}.intro-copy{display:grid;grid-template-columns:1fr 1fr;gap:32px;grid-column:2;font-size:1.05rem}.projects{background:#1a1e1b;color:#fff}.section-head{display:grid;grid-template-columns:1.5fr .7fr;gap:5vw;align-items:end;margin-bottom:60px}.section-head>p{color:rgba(255,255,255,.62);max-width:440px}.project-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:32px}.project{margin:0}.project-c{grid-column:1/-1;width:67%;margin-left:auto}.project-image{aspect-ratio:4/3;background:#333 center/cover no-repeat}.project-a .project-image{background-image:url("project-living.jpg")}.project-b .project-image{background-image:url("project-kitchen.jpg")}.project-c .project-image{aspect-ratio:16/8;background-image:url("project-bedroom.jpg")}.project h3{font:500 1.6rem var(--serif);margin:18px 0 2px}.project p{margin:0;color:rgba(255,255,255,.55);font-size:.82rem;text-transform:uppercase;letter-spacing:.1em}.services{display:grid;grid-template-columns:1fr 1fr;gap:7vw}.service-list article{display:grid;grid-template-columns:48px 1fr;gap:0 15px;padding:25px 0;border-top:1px solid var(--line)}.service-list span{font-size:.78rem;color:#777}.service-list h3{margin:0;font:500 1.5rem var(--serif)}.service-list p{grid-column:2;margin:10px 0;color:#656862}.process{background:#d5b98f}.process h2{margin-bottom:55px}.process ol{list-style:none;padding:0;margin:0;border-top:1px solid rgba(23,26,24,.35)}.process li{display:grid;grid-template-columns:1fr 1.3fr;padding:24px 0;border-bottom:1px solid rgba(23,26,24,.35)}.process li b{font:500 1.55rem var(--serif)}.process li span{max-width:530px}.quote{padding:130px 10vw;text-align:center}.quote blockquote{font:italic 500 clamp(2.4rem,5vw,5.4rem)/1.1 var(--serif);max-width:1100px;margin:0 auto 25px}.quote p{text-transform:uppercase;letter-spacing:.15em;font-size:.75rem}.contact{background:#1a1e1b;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.contact>div>p:last-child{color:rgba(255,255,255,.62);max-width:500px}.contact form{display:flex;flex-direction:column;gap:22px}.contact label{font-size:.78rem;text-transform:uppercase;letter-spacing:.13em}.contact input,.contact textarea{display:block;width:100%;margin-top:8px;border:0;border-bottom:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;padding:12px 0;font:1rem var(--sans);resize:vertical}.contact input:focus,.contact textarea:focus{outline:0;border-color:var(--sand)}.contact .button{align-self:flex-start}.form-status{min-height:24px;margin:0;color:var(--sand)}footer{padding:48px 7vw;background:#111411;color:#fff;display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:center;gap:24px;border-top:1px solid #2b2e2c}footer p,footer small{color:#8d928e}footer div{display:flex;gap:22px;font-size:.85rem}@media(max-width:800px){.site-header{height:70px}.menu{display:block}.site-header nav{display:none;position:absolute;top:70px;left:0;right:0;background:#171a18;padding:25px 5vw;flex-direction:column;align-items:flex-start}.site-header nav.open{display:flex}.hero{min-height:800px;padding-inline:6vw}.hero-index{display:none}.intro,.projects,.services,.process,.contact{padding:78px 6vw}.intro,.services,.contact,.section-head{grid-template-columns:1fr}.intro-copy{grid-column:1;grid-template-columns:1fr}.project-grid{grid-template-columns:1fr}.project-c{grid-column:auto;width:100%}.process li{grid-template-columns:1fr;gap:8px}footer{grid-template-columns:1fr}footer div{flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}