:root{--ink:#202220;--paper:#f5f4f0;--gold:#ba9361;--muted:#65645f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold)}.wrap{width:min(1220px,88%);margin:auto}header{background:#1c1e1d;color:white;position:sticky;top:0;z-index:20;border-bottom:1px solid #ffffff1a}.nav{display:flex;align-items:center;justify-content:space-between;min-height:94px;gap:30px}.brand{display:inline-block;text-align:center;flex-shrink:0;line-height:1.3}.brand strong{display:block;font:29px Georgia,serif;border-block:1px solid #ddd;padding:4px 0}.brand span{display:block;font-size:9px;letter-spacing:1.4px;text-transform:uppercase;padding-top:5px}nav{display:flex;gap:32px;align-items:center;font-size:13px}nav a:hover,.text-link:hover{color:var(--gold)}.outline{border:1px solid var(--gold);padding:12px 22px}.outline span{margin-left:22px}.menu{display:none}.hero{position:relative;overflow:hidden;min-height:605px;color:white;background:#262a26}.hero-photo{position:absolute;inset:0;background-image:linear-gradient(90deg,#171b1bfa 0%,#171b1bd9 30%,#171b1b15 78%),url('assets/design-reference.png');background-size:100% 100%,198.35% 587%;background-position:center,91.92% 7.77%;transform:scale(1.015)}.hero-content{position:relative;padding-block:65px 35px}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:3.2px;color:#9b7143;font-weight:bold;margin:0 0 17px;display:flex;align-items:center;gap:20px}.hero .eyebrow,.about .eyebrow{color:#d8b27f}.eyebrow i{height:1px;width:44px;background:var(--gold)}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:normal;line-height:1.07;margin:0}h1{font-size:clamp(42px,4.8vw,68px);letter-spacing:-1.5px}h1 em{font-weight:normal;color:#d4b28b;font-style:normal}.intro{font-size:16px;color:#e0dfdc;margin:23px 0 27px;line-height:1.65}.button{display:inline-flex;background:var(--gold);color:#151914;padding:15px 24px;gap:35px;font-size:13px;font-weight:bold;border:0;cursor:pointer}.button:hover{background:#d3b183}.hero-bottom{display:flex;gap:22px;font-size:10px;letter-spacing:2px;text-transform:uppercase;margin-top:45px;color:#d8d6ce}.hero-bottom b{color:var(--gold)}.image-note{position:absolute;bottom:14px;right:3%;font-size:9px;color:#eee;background:#2229;padding:2px 8px}section{scroll-margin-top:0}h2{font-size:clamp(34px,3.3vw,45px);letter-spacing:-.7px}.services,.projects{padding-block:64px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:32px}.section-head>p{max-width:410px;color:var(--muted);font-size:14px}.text-link{font-size:12px;border-bottom:1px solid var(--gold);padding-bottom:8px;white-space:nowrap}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.photo{background-image:url('assets/design-reference.png');background-repeat:no-repeat;background-color:#c8c2b5}.service-grid .photo{aspect-ratio:293/97;background-size:494.2% 1119.6%}.roof{background-position:9.78% 45.5%}.joinery{background-position:36.62% 45.5%}.repairs{background-position:63.38% 45.5%}.building{background-position:90.3% 45.5%}.card{background:var(--ink);color:#fff;padding:22px 23px 20px;min-height:237px;display:flex;flex-direction:column}.num{font-size:11px;letter-spacing:2px;color:#c7a474;margin-bottom:12px}.card h3{font-size:24px}.card p{font-size:12px;line-height:1.7;color:#d0d0c9}.card a{margin-top:auto;border-top:1px solid #ffffff25;padding-top:12px;font-size:11px}.card a span{float:right;color:#d3b183}.card a:hover{color:#d3b183}.about{background:#252724;color:#eee;padding-block:58px}.about-grid{display:grid;grid-template-columns:1fr 1.4fr .8fr;gap:60px;align-items:center}.about p{font-size:13px;color:#d0d0c8}.about .large{font-size:17px;line-height:1.6;margin-top:0}.light{color:#d3b183}.principles{border-left:1px solid #ffffff35;padding-left:30px}.principles p{border-bottom:1px solid #ffffff25;padding-bottom:16px}.principles span{color:#c7a474;margin-right:15px;font-size:10px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}figure{margin:0}.project-grid .photo{aspect-ratio:245/102;background-size:591% 1064.7%}.project-roof{background-position:27.43% 79.67%}.project-oak{background-position:48.96% 79.67%}.project-stairs{background-position:70.74% 79.67%}figcaption{padding-top:17px}figcaption h3{font-size:22px}figcaption span{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}.contact{background:#e8e5de;padding-block:70px}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:100px}.contact-grid>div>p{max-width:380px;color:#62635c}.contact .eyebrow{color:#9b7143}.small{font-size:11px;line-height:1.7;color:var(--muted)}.form-panel{background:#faf9f5;padding:32px}.form-panel h3{font-size:28px;margin-bottom:22px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field label{display:block;font-size:12px;margin-bottom:6px}.field.full{grid-column:1/-1}input,select,textarea{width:100%;border:1px solid #cdc9be;background:transparent;border-radius:0;color:var(--ink);padding:10px;font-size:14px}textarea{min-height:100px;resize:vertical}.error{color:#a52d2d;font-size:12px;margin:4px 0}.form-panel .button{margin-top:18px}.button:disabled{opacity:.6;cursor:wait}.success{padding:20px 0;color:#36543b}.footer{padding-block:36px;display:flex;justify-content:space-between;align-items:center;gap:35px}footer{background:#1c1e1d;color:#ddd}.footer p,.footer>a:last-child{font-size:11px}.footer .brand strong{font-size:25px}.skip{position:absolute;left:-9999px}.skip:focus{left:15px;top:10px;z-index:50;background:white;padding:10px;color:black}.detail{padding-block:70px}.detail p,.detail ul{max-width:680px}.detail h1{font-size:55px}.detail .button{margin-top:20px}.detail .photo{height:230px;max-width:700px;background-size:494.2% 1119.6%;margin:30px 0}
@media(max-width:950px){nav{gap:18px}.brand strong{font-size:23px}.service-grid{grid-template-columns:repeat(2,1fr)}.section-head{flex-wrap:wrap;gap:15px}.about-grid{grid-template-columns:1fr 1.4fr;gap:30px}.principles{display:none}.contact-grid{gap:40px}.hero-photo{background-position:center,92% 7.77%}}
@media(max-width:680px){.wrap{width:88%}.nav{min-height:78px}.brand strong{font-size:21px}.brand span{font-size:7px}.menu{display:block;background:transparent;color:#eee;border:1px solid #8e785c;padding:7px 10px;font-size:12px}nav{display:none;position:absolute;top:78px;left:0;right:0;background:#202220;padding:24px 6%;flex-direction:column;align-items:stretch;gap:20px}nav.open{display:flex}.hero{min-height:590px}.hero-content{padding-top:55px}.hero-photo{background-image:linear-gradient(90deg,#171b1bef,#171b1b87),url('assets/design-reference.png');background-size:100% 100%,470% 587%}.hero-bottom{gap:11px;font-size:8px;letter-spacing:1px}h1{font-size:51px}.intro{font-size:14px}.service-grid{gap:12px}.card{padding:18px 15px;min-height:257px}.card h3{font-size:22px}.section-head>p{margin-top:0}.about-grid,.contact-grid{grid-template-columns:1fr;gap:28px}.project-grid{grid-template-columns:1fr}.services,.projects{padding-block:45px}.project-grid .photo{aspect-ratio:245/102}.form-panel{padding:22px}.fields{grid-template-columns:1fr}.field{grid-column:1/-1}.footer{flex-direction:column;gap:15px;text-align:center}.detail h1{font-size:42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Supplied leaflet branding and copy */
.brand .brand-art{display:block;width:300px;aspect-ratio:821/182;padding:0;background:#fff url('https://static.wixstatic.com/media/287b37_cc9e6581bee14aefb197dfab2de11384~mv2.png') no-repeat;background-size:111.693% auto;background-position:51.04% 23.466%;border:0}
header{background:#fff;color:var(--ink)}.nav{gap:24px;min-height:100px}nav{gap:22px}.hero .intro{max-width:480px}
.service-grid{grid-template-columns:repeat(3,1fr)}.why-us{padding-block:55px}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.why-grid h3{font-size:23px}.why-grid p{font-size:13px;color:var(--muted)}.direct-contact{margin-top:28px}.direct-contact a{overflow-wrap:anywhere}.direct-contact a:hover{color:#9b7143}
@media(max-width:1050px){nav{gap:13px}.brand .brand-art{width:260px}.outline{padding:10px 14px}.outline span{margin-left:8px}}
@media(max-width:950px){.service-grid{grid-template-columns:repeat(2,1fr)}.why-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.nav{min-height:88px}.brand .brand-art{width:245px}.menu{display:block;background:transparent;color:var(--ink);border:1px solid #8e785c;padding:7px 10px;font-size:12px}nav{display:none;position:absolute;top:88px;left:0;right:0;background:#fff;padding:24px 6%;flex-direction:column;align-items:stretch;gap:20px}nav.open{display:flex}}
@media(max-width:400px){.brand .brand-art{width:215px}.nav{gap:10px}.service-grid,.why-grid{grid-template-columns:1fr}}

/* Original charcoal supplied wordmark */
.brand .brand-art{filter:none}

/* Enlarged logo */
.brand .brand-art{width:400px}
.nav{min-height:120px}
html{scroll-padding-top:125px}
@media(max-width:1050px){.brand .brand-art{width:330px}}
@media(max-width:900px){.brand .brand-art{width:290px}}
@media(max-width:800px){.brand .brand-art{width:min(350px,calc(88vw - 85px))}.nav{min-height:100px}nav{top:100px}html{scroll-padding-top:105px}}
footer .brand .brand-art{width:min(400px,88vw)}