:root{--ink:#161815;--cream:#f2efe9;--white:#fff;--gold:#e7b737;--grey:#74766f;--line:#d9d5cd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.5}a{color:inherit}img{max-width:100%;display:block}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip-link{position:fixed;top:-50px;left:14px;z-index:100;background:#fff;padding:10px}.skip-link:focus{top:14px}
.site-header{height:78px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 6.5vw;background:#f5f2ed;position:relative;z-index:20}.brand{display:flex;gap:9px;align-items:center;width:max-content;text-decoration:none}.brand-mark{position:relative;width:27px;height:22px}.brand-mark i,.brand-mark b{position:absolute;display:block;transform:skew(-28deg);background:#252a28}.brand-mark i{left:2px;bottom:2px;width:8px;height:15px}.brand-mark b{left:12px;top:2px;width:11px;height:18px;background:var(--gold)}.brand>span:last-child{display:grid;line-height:1}.brand strong{font-size:.8rem}.brand small{font-size:.43rem;letter-spacing:.2em;margin-top:4px}.site-header nav{display:flex;gap:30px}.site-header nav a{text-decoration:none;font-size:.72rem;font-weight:700}.site-header nav a:hover{color:#9a7617}.menu{justify-self:end;width:40px;height:40px;border:0;background:transparent;display:grid;place-content:center;gap:4px;cursor:pointer}.menu span{width:19px;height:2px;background:#151713;display:block}
.hero{position:relative;height:calc(100svh - 78px);min-height:620px;color:#fff;overflow:hidden}.hero>img,.overlay{position:absolute;inset:0;width:100%;height:100%}.hero>img{object-fit:cover;object-position:center 58%}.overlay{background:linear-gradient(90deg,rgba(4,10,8,.68),rgba(4,10,8,.14) 55%,rgba(4,10,8,.05)),linear-gradient(180deg,transparent 65%,rgba(4,10,8,.48))}.hero-content{position:absolute;z-index:2;left:6.5vw;top:50%;transform:translateY(-50%);max-width:560px}.eyebrow{margin:0 0 12px;text-transform:uppercase;letter-spacing:.15em;font-size:.65rem;font-weight:800}.eyebrow.dark{color:#77766e}.hero h1{margin:0;font-size:clamp(3.2rem,6vw,6.8rem);line-height:.88;letter-spacing:-.02em;font-weight:500}.hero-content>p:not(.eyebrow){max-width:440px;margin:22px 0;color:#e8ebe7;font-size:1rem}.button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:0 20px;border-radius:999px;text-decoration:none;border:1px solid transparent;font-weight:800;font-size:.76rem;cursor:pointer}.gold{background:var(--gold);color:#171710}.gold:hover{background:#ffd255}.outline{border-color:rgba(255,255,255,.5);color:#fff}.hero-proof{position:absolute;z-index:2;right:6.5vw;bottom:26px;display:flex;gap:25px;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}
.section{padding:110px 6.5vw}.section>header{display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:end;max-width:1250px;margin:0 auto 70px}.section header h2,.about h2,.quote h2{font-size:clamp(2.7rem,5vw,5.3rem);font-weight:500;line-height:.92;margin:0}.section>header>p{max-width:520px;color:#62645e}.service-grid{max-width:1250px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.service-grid article{min-height:340px;padding:26px;border-right:1px solid var(--line);display:flex;flex-direction:column;background:#f7f5f0}.service-grid article:last-child{border-right:0}.service-grid article>span{font-size:.65rem;color:#84847c}.roof-icon{width:56px;height:35px;border-top:3px solid var(--gold);transform:skewY(-22deg);margin:auto 0 15px}.service-grid h3{font-size:1.5rem;margin:0 0 8px}.service-grid p{color:#696a65;margin:0}.service-grid a{margin-top:22px;font-weight:700;font-size:.75rem;text-decoration:none}
.about{display:grid;grid-template-columns:1.05fr .95fr;min-height:760px;background:#1f2722;color:#fff}.about-image{min-height:600px}.about-image img{width:100%;height:100%;object-fit:cover}.about-copy{padding:100px 8vw;align-self:center}.about-copy>p:not(.eyebrow){color:#c8cec9;max-width:560px}.about-copy ul{padding:0;list-style:none;margin:35px 0}.about-copy li{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.15)}
.work{background:#fff}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1250px;margin:auto}.work-photo{aspect-ratio:4/3;background-size:cover;background-position:center}.work-photo.one{background-image:url('../images/project-one.webp')}.work-photo.two{background-image:url('../images/project-two.webp')}.work-photo.three{background-image:url('../images/project-three.webp')}.work-grid p{margin:17px 0 5px;color:#8b751e;text-transform:uppercase;font-size:.62rem;letter-spacing:.13em}.work-grid h3{margin:0;font-size:1.25rem}
.quote{display:grid;grid-template-columns:1fr 1fr;gap:10vw;padding:110px 6.5vw;background:#d9d3c7}.quote>div>p{max-width:520px}.quote form{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-self:end}.quote label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.quote input,.quote select,.quote textarea{display:block;width:100%;margin-top:7px;padding:13px;border:1px solid #b8b1a6;background:rgba(255,255,255,.55);font:inherit}.quote label:nth-child(4),.quote button,.message{grid-column:1/-1}.message{margin:0}.message.success{color:#245c32}.message.error{color:#8a2924}
footer{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;padding:55px 6.5% 25px;background:#111512;color:#fff}footer>div{display:flex;justify-content:flex-end;gap:22px}footer a{text-decoration:none;font-size:.72rem}footer>small{grid-column:1/-1;margin-top:35px;padding-top:18px;border-top:1px solid rgba(255,255,255,.15);opacity:.55}.footer-brand .brand-mark i{background:#fff}
@media(max-width:800px){.site-header{grid-template-columns:1fr auto;padding:0 18px}.site-header nav{display:none;position:absolute;left:18px;right:18px;top:68px;padding:18px;background:#f5f2ed;box-shadow:0 20px 40px rgba(0,0,0,.16)}.site-header nav.open{display:grid}.hero{min-height:680px}.hero>img{object-position:62% center}.hero-content{left:20px;right:20px;top:auto;bottom:115px;transform:none}.hero h1{font-size:clamp(3rem,15vw,4.7rem)}.hero-proof{left:20px;right:20px;bottom:24px;gap:12px;justify-content:space-between}.hero-proof span{font-size:.55rem}.section{padding:75px 20px}.section>header,.quote{grid-template-columns:1fr;gap:25px}.section>header{margin-bottom:45px}.service-grid,.work-grid{grid-template-columns:1fr}.service-grid article{min-height:245px;border-right:0;border-bottom:1px solid var(--line)}.about{grid-template-columns:1fr}.about-image{min-height:440px}.about-copy{padding:75px 20px}.quote{padding:75px 20px}.quote form{grid-template-columns:1fr}.quote label,.quote label:nth-child(4),.quote button{grid-column:1}.work-grid{gap:42px}footer{grid-template-columns:1fr;padding:45px 20px 22px}footer>div{justify-content:flex-start}footer>small{grid-column:1}.site-header nav a{padding:8px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}