:root{--ink:#162529;--accent:#c85a00;--soft:#f3f5f4;--muted:#5d6869;--line:#dce1df}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{outline-offset:5px}header{height:100px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;flex-direction:column;line-height:1;white-space:nowrap}.brand>span{font-size:29px;font-weight:900;letter-spacing:-1.5px}.brand small{font-size:12px;letter-spacing:5.3px;margin-top:8px;font-weight:700}.accent{color:var(--accent)}nav{display:flex;align-items:center;gap:32px;font-size:14px;font-weight:600}.button{display:inline-block;background:var(--ink);color:white;border:1px solid var(--ink);padding:16px 25px;font-size:14px;font-weight:700;cursor:pointer;transition:background .2s,transform .2s}.button:hover{background:#2c4147;transform:translateY(-2px)}.button.small{padding:12px 20px}.menu{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:650px}.hero-copy{padding:72px 9% 35px 11%}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2.3px;margin-bottom:24px;color:var(--accent)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(44px,4.5vw,72px);line-height:1.07;letter-spacing:-3px;margin-bottom:26px;font-weight:600}h1 span{color:var(--accent)}.hero-copy>p{max-width:430px;color:var(--muted);font-size:18px;line-height:1.65}.actions{display:flex;align-items:center;gap:25px;margin-top:32px;flex-wrap:wrap}.text-link{font-size:14px;border-bottom:1px solid var(--ink);padding-bottom:3px}.hero-foot{margin-top:60px;border-top:1px solid var(--line);padding-top:23px;display:flex;gap:40px;font-size:13px;color:var(--muted)}.hero-foot strong{font-weight:600;color:var(--ink)}figure{margin:0}.hero-image{position:relative;background:#dee4e1;min-height:530px;overflow:hidden}.hero-image img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:center}.hero-image:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#071915ad);pointer-events:none}figcaption{position:absolute;bottom:26px;left:30px;right:30px;z-index:1;color:white;letter-spacing:2px;font-size:12px;font-weight:bold;display:flex;justify-content:space-between;gap:20px}figcaption span{font-size:12px;letter-spacing:0;font-weight:normal}.strip{background:var(--ink);color:#fff;display:flex;justify-content:space-between;padding:23px 5.5%;font-size:14px;gap:24px}.strip span{border-left:2px solid var(--accent);padding-left:17px}.section{padding:90px 7%}.section-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:end;margin-bottom:48px}h2{font-size:clamp(32px,3.2vw,49px);font-weight:500;line-height:1.16;letter-spacing:-1.8px;margin-bottom:25px}.section-intro p{max-width:460px;color:var(--muted);margin-bottom:28px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-grid article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 30px 20px;transition:background .2s}.service-grid article:hover{background:var(--soft)}.number{font-size:13px;color:var(--accent);display:block;margin-bottom:34px}h3{font-size:21px;line-height:1.3;margin-bottom:14px;font-weight:600;letter-spacing:-.4px}.service-grid p,.steps p{color:var(--muted);font-size:15px}.about{background:var(--soft);display:grid;grid-template-columns:1fr 1fr;gap:100px}.about>div>p{color:var(--muted);max-width:520px}.about .lead{color:var(--ink);font-size:20px}.principles>div{border-bottom:1px solid #d2d9d6;padding:23px 0 17px}.principles>div:first-child{padding-top:0}.principles span{font-size:12px;letter-spacing:1.5px;color:var(--accent);display:block;margin-bottom:9px}.principles h3{margin-bottom:6px}.principles p{font-size:15px;color:var(--muted);margin-bottom:10px}.commercial{background:var(--ink);color:white}.commercial .eyebrow{color:#ff8a26}.commercial-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.commercial-grid p{color:#c6d0d0;max-width:520px;margin-bottom:28px}.light{background:#fff;color:var(--ink);border-color:white}.light:hover{background:#e3e9e6}.commercial-tags{border-top:1px solid #3a4a4e;margin-top:44px;padding-top:25px;display:flex;gap:40px;flex-wrap:wrap;font-size:14px;color:#d0d9d8}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:45px}.steps>article{border-top:1px solid var(--line);padding-top:20px}.steps span{display:block;color:var(--accent);font-size:14px;margin-bottom:23px}.contact{background:var(--soft);display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact>div>p{max-width:400px;color:var(--muted)}.coverage{border-left:2px solid var(--accent);padding-left:18px;margin-top:45px;color:var(--muted)}.coverage strong{color:var(--ink)}form label{display:block;font-size:14px;font-weight:600;margin-bottom:7px}input,select,textarea{width:100%;background:white;border:1px solid #bfc9c5;padding:12px 14px;color:var(--ink);border-radius:0;margin-bottom:19px}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-note{font-size:13px;color:var(--muted);margin-top:14px}#result{margin-top:25px;background:#fff;padding:25px;border:1px solid var(--line)}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:14px}.faq{max-width:1100px;margin:auto}.faq details{border-top:1px solid var(--line);padding:20px 0}.faq details:last-child{border-bottom:1px solid var(--line)}summary{font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}summary:after{content:'+';color:var(--accent);font-size:22px}details[open] summary:after{content:'−'}details p{margin-top:16px;margin-bottom:0;color:var(--muted);max-width:750px}footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:40px 5.5%;background:var(--ink);color:white}footer p,footer>span{font-size:13px;color:#c8d0d0;margin:0}footer .brand>span{font-size:24px}footer .brand small{font-size:11px;letter-spacing:4px}@media(min-width:1700px){body{max-width:1800px;margin:auto}}@media(max-width:1000px){header{padding:0 5%;height:90px}nav{gap:17px}.hero-copy{padding:50px 10%}.hero{min-height:580px}h1{letter-spacing:-2px}.hero-foot{gap:20px;margin-top:35px}.hero-image{min-height:530px}.section{padding:65px 6%}.about,.contact,.commercial-grid{gap:45px}.service-grid article{padding:24px 20px}.strip{flex-wrap:wrap;justify-content:center;gap:18px}.steps{gap:22px}.steps h3{font-size:18px}}@media(max-width:700px){header{height:82px;position:relative}.brand>span{font-size:25px}.brand small{font-size:11px;letter-spacing:4.4px}.menu{display:block;background:none;border:1px solid var(--line);padding:8px 12px;font-size:14px}nav{display:none;position:absolute;top:82px;left:0;right:0;padding:25px 6%;background:white;z-index:10;border-bottom:1px solid var(--line);align-items:flex-start}nav.open{display:flex;flex-direction:column;gap:22px}.hero{grid-template-columns:1fr}.hero-copy{padding:46px 6% 35px}h1{font-size:52px;letter-spacing:-2.5px}.hero-copy>p{font-size:17px}.hero-foot{margin-top:36px;gap:38px}.hero-image{min-height:380px}.hero-image img{object-position:center}.strip{display:grid;grid-template-columns:1fr 1fr;padding:22px 6%;font-size:12px;gap:18px}.strip span{padding-left:10px}.section{padding:58px 6%}.section-intro,.about,.commercial-grid,.contact{grid-template-columns:1fr;gap:22px}.section-intro{margin-bottom:25px}.section-intro p{margin-bottom:0}.service-grid{grid-template-columns:1fr 1fr}.service-grid article{padding:22px 17px}.number{margin-bottom:22px}.service-grid h3{font-size:18px}.service-grid p{font-size:14px}.about{gap:35px}.commercial-grid{gap:0}.commercial-tags{gap:15px 25px;font-size:13px}.steps{grid-template-columns:1fr 1fr;gap:25px}.contact{gap:35px}.coverage{margin-top:25px}.form-row{grid-template-columns:1fr;gap:0}footer{flex-wrap:wrap;padding:35px 6%;gap:25px}footer>span{flex-basis:100%}figcaption{left:20px;right:20px;font-size:11px;letter-spacing:1px}h2{letter-spacing:-1px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* ProBuild's supplied brand */
header{background:#050505;color:#fff;border-color:#222;height:110px}.brand-image{display:block;width:140px;height:94px;object-fit:cover;object-position:center}.button{background:#f77900;border-color:#f77900;color:#111}.button:hover{background:#ff941f}.button.light{background:white;color:var(--ink);border-color:white}.button.light:hover{background:#e3e9e6}.hero h1 span{color:#bf5600}.strip{background:#111}.commercial{background:#111}.strip span{border-color:#ff7900}.commercial .eyebrow{color:#ff8a26}.commercial-tags{border-color:#393939}footer{background:#050505}.contact-links{margin-top:28px;display:grid;gap:12px}.contact-links>a{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.contact-links span{font-size:14px;min-width:45px}.contact-links strong{font-size:22px}.contact-links .email-link{font-size:16px;font-weight:600;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere;display:block}.contact-links a:hover{color:var(--accent)}header .menu{color:white;border-color:#555}#result a{overflow-wrap:anywhere;text-decoration:underline}#result p{font-size:14px}@media(max-width:700px){header{height:90px}header .brand-image{width:122px;height:82px}nav{top:90px;background:#050505;color:white}footer .brand-image{width:130px;height:90px}}

.project-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.project-card{display:block;text-align:left;border:0;padding:0;background:var(--soft);cursor:pointer;color:var(--ink);overflow:hidden}.project-card img{display:block;width:100%;height:300px;object-fit:cover;transition:transform .3s}.project-card:hover img{transform:scale(1.025)}.project-card>span{display:block;padding:17px 16px;font-size:15px;font-weight:600;position:relative;background:var(--soft)}.project-card small{display:block;font-size:12px;font-weight:normal;color:var(--muted);margin-top:3px}.project-card:first-child,.project-card:nth-child(2){grid-column:span 2}.project-card:first-child img,.project-card:nth-child(2) img{height:430px}.hero-image img{object-position:50% 48%}#photo-viewer{width:min(94vw,1050px);max-height:94dvh;padding:18px;background:#111;color:white;border:1px solid #333}#photo-viewer::backdrop{background:#000d}.viewer-head,.viewer-controls{display:flex;justify-content:space-between;align-items:center;gap:20px}.viewer-head{margin-bottom:12px}.viewer-head button,.viewer-controls button{background:#222;color:white;border:1px solid #666;padding:9px 17px;cursor:pointer;font-size:14px}#photo-full{display:block;width:100%;height:calc(90dvh - 140px);object-fit:contain}.viewer-controls{margin-top:12px}.viewer-controls span{font-size:14px}.viewer-head span{font-size:16px;font-weight:600}body:has(#photo-viewer[open]){overflow:hidden}@media(max-width:1000px){nav{gap:15px;font-size:13px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card:first-child,.project-card:nth-child(2){grid-column:span 1}.project-card:first-child img,.project-card:nth-child(2) img{height:350px}}@media(max-width:700px){.project-grid{gap:15px}.project-card img,.project-card:first-child img,.project-card:nth-child(2) img{height:245px}.project-card>span{font-size:14px;padding:13px 12px}#photo-viewer{padding:12px}.viewer-controls button{padding:8px 12px}.hero-image{min-height:480px}}@media(max-width:380px){.project-card img,.project-card:first-child img,.project-card:nth-child(2) img{height:200px}}

.project-story{padding-top:35px;border-top:1px solid var(--line);margin-top:35px}.project-heading{display:grid;grid-template-columns:1fr 1.2fr;gap:60px}.project-heading h3{font-size:34px;font-weight:500;margin-top:10px}.project-heading p{color:var(--muted);max-width:610px}.project-label{font-size:12px;letter-spacing:2px;color:var(--accent);font-weight:700}.project-scope{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0 30px}.project-scope span{font-size:13px;border:1px solid var(--line);padding:7px 14px}.other-work{border-top:1px solid var(--line);margin-top:60px;padding-top:35px}.other-work>h3{font-size:27px;margin-bottom:28px}@media(max-width:700px){.project-heading{grid-template-columns:1fr;gap:0}.project-heading h3{font-size:29px}}
