:root{--ink:#171918;--cream:#f2efe8;--blue:#91cfe9;--red:#db4a3f;--line:rgba(23,25,24,.2)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px}a{color:inherit;text-decoration:none}.nav{position:absolute;z-index:10;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:26px 4vw;color:#fff}.brand{display:inline-flex;flex-direction:column;line-height:.78;font-weight:600;letter-spacing:-.07em}.brand span{font-size:2rem}.brand small{font-size:.66rem;letter-spacing:.26em;margin-top:8px}.nav nav{display:flex;gap:2.4rem;text-transform:uppercase;font-size:.75rem;letter-spacing:.12em}.nav nav a{border-bottom:1px solid transparent;padding-bottom:5px}.nav nav a:hover{border-color:currentColor}.hero{min-height:100svh;position:relative;display:grid;align-items:end;color:#fff;padding:0 4vw 7vh;overflow:hidden;background:#272725}.hero-image{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,10,9,.72) 0%,rgba(9,10,9,.24) 60%,rgba(9,10,9,.12)),radial-gradient(circle at 72% 46%,#6d4935 0,#312a25 34%,#171918 76%);background-size:cover;background-position:center}.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,10,9,.5),transparent 48%)}.hero-copy{position:relative;z-index:1;max-width:760px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;font-weight:600}.hero h1,.intro h2,.section-heading h2,.feature h2,.contact h2{font-family:"Playfair Display",serif;font-weight:500;letter-spacing:-.04em;line-height:.93;margin:.3em 0}.hero h1{font-size:clamp(4rem,8.5vw,8.8rem)}.hero h1 em{color:var(--blue)}.lede{font-size:1.18rem;line-height:1.55;max-width:530px;margin:1.7rem 0}.text-link{display:inline-flex;gap:1rem;align-items:center;border-bottom:1px solid;padding-bottom:7px;text-transform:uppercase;font-size:.77rem;letter-spacing:.12em}.scroll-note{position:absolute;right:4vw;bottom:7vh;z-index:1;writing-mode:vertical-rl;text-transform:uppercase;letter-spacing:.18em;font-size:.65rem}.intro,.services,.projects,.contact{padding:10rem 6vw}.intro h2{font-size:clamp(3rem,6vw,6.8rem);max-width:1150px}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:6vw;margin:5rem 0 0 34%;line-height:1.7;font-size:1.05rem}.services{background:var(--blue)}.section-heading h2{font-size:clamp(3rem,5vw,5.5rem)}.service-list{margin-top:5rem;border-top:1px solid var(--line)}.service-list article{display:grid;grid-template-columns:70px 1fr auto;gap:2rem;padding:2.2rem 0;border-bottom:1px solid var(--line);align-items:start}.service-list h3{font-family:"Playfair Display",serif;font-size:2.2rem;margin:0 0 .4rem}.service-list p{margin:0;max-width:650px;line-height:1.6}.feature{display:grid;grid-template-columns:1.1fr .9fr;min-height:760px;background:var(--ink);color:#fff}.feature-photo{min-height:620px;background:linear-gradient(135deg,#3b251a,#a66d44);background-size:cover;background-position:center}.feature-copy{padding:9vw 6vw;display:flex;flex-direction:column;justify-content:center}.feature h2{font-size:clamp(3rem,5vw,5.7rem)}.feature-copy>p:not(.eyebrow){line-height:1.75;color:#d4d4cf;margin-bottom:2rem}.projects{background:#fff}.project-grid{display:grid;grid-template-columns:1.35fr .75fr .75fr;gap:1.5rem;margin-top:5rem}.project-image,.color-card,.quote-card{min-height:500px}.project-image{background:linear-gradient(145deg,#3a2520,#bf7b4a);background-size:cover;background-position:center}.color-card{display:grid;place-items:center;background:var(--red);color:#fff;font-family:"Playfair Display";font-size:3.1rem;text-align:center;line-height:1}.project-card p{font-family:"Playfair Display";font-size:1.45rem;margin:1rem 0 .2rem}.project-card>span{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em}.quote-card{background:var(--ink);color:#fff;padding:3rem;display:flex;flex-direction:column;justify-content:space-between}.quote-card blockquote{font-family:"Playfair Display";font-size:2.4rem;line-height:1.15;margin:0}.contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw;background:#e1ded6}.contact h2{font-size:clamp(3.5rem,6vw,6.4rem)}.contact>div>p:last-child{line-height:1.7;max-width:420px}.contact form{display:grid;grid-template-columns:1fr 1fr;gap:2rem 1.5rem}.contact label{display:flex;flex-direction:column;text-transform:uppercase;letter-spacing:.12em;font-size:.7rem}.contact input,.contact textarea{background:transparent;border:0;border-bottom:1px solid var(--ink);border-radius:0;padding:12px 0;font:inherit;outline:none}.contact input:focus,.contact textarea:focus{border-bottom-width:2px}.contact .full{grid-column:1/-1}.contact button{grid-column:1/-1;justify-self:start;background:var(--ink);color:#fff;border:0;padding:1rem 1.4rem;text-transform:uppercase;letter-spacing:.12em;cursor:pointer}.form-status{font-size:.85rem}footer{background:var(--ink);color:#fff;padding:5rem 6vw 2rem;display:grid;grid-template-columns:1fr 1fr auto;gap:3rem;align-items:start}footer>div{display:flex;flex-direction:column;gap:.8rem}footer>small{grid-column:1/-1;margin-top:4rem;color:#999}@media(max-width:800px){.nav{padding:20px}.nav nav{display:none;position:absolute;top:76px;left:0;width:100%;padding:1.5rem 20px;background:var(--ink);flex-direction:column}.hero{padding:0 20px 8vh}.hero h1{font-size:clamp(3.4rem,16vw,5rem)}.scroll-note{display:none}.intro,.services,.projects,.contact{padding:6rem 24px}.intro-grid{grid-template-columns:1fr;margin:3rem 0 0;gap:1rem}.service-list article{grid-template-columns:38px 1fr;gap:1rem}.service-list article b{display:none}.service-list h3{font-size:1.7rem}.feature{grid-template-columns:1fr}.feature-copy{padding:6rem 24px}.project-grid{grid-template-columns:1fr}.project-image,.color-card,.quote-card{min-height:400px}.contact{grid-template-columns:1fr}.contact form{grid-template-columns:1fr}.contact .full,.contact button{grid-column:1}footer{grid-template-columns:1fr}}