:root{--ink:#223e35;--cream:#f6f4ed;--muted:#56635b;--sand:#e8c48b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.65 Arial,sans-serif}a{color:inherit;text-underline-offset:5px}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ab6f22;outline-offset:5px}.topline{background:var(--ink);color:#fff;padding:9px 5%;font-size:12px;letter-spacing:.3px}.topline span{float:right}.topline a{color:var(--sand)}header{padding:26px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid #d9ddd3}.brand{font-size:17px;line-height:1.3;font-weight:bold;letter-spacing:1.6px;text-decoration:none;display:flex;align-items:center;gap:12px}.brand small{display:block;font-size:10px;letter-spacing:2px;margin-top:4px}.brand svg{width:40px;fill:none;stroke:var(--ink);stroke-width:2}nav{display:flex;gap:30px;font-size:13px}nav a{text-decoration:none}.header-call{font-weight:bold;text-decoration:none;font-size:18px}.header-call span{margin-left:16px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:650px}.hero-copy{padding:80px 8% 70px 10%}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;margin:0 0 24px}h1,h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-2.5px;line-height:1.07;margin:0 0 26px}h1{font-size:clamp(42px,4.8vw,74px)}h1 em{color:#7d6946;font-weight:400}h2{font-size:clamp(34px,3.6vw,52px)}h3{line-height:1.3;font-size:21px;font-weight:500;letter-spacing:-.3px}.intro{max-width:440px;font-size:17px;color:var(--muted);margin:28px 0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;background:var(--ink);color:white;padding:17px 25px;text-decoration:none;border:0;font:600 14px/1.4 Arial;cursor:pointer}.button:hover{background:#38594c}.button span{font-size:21px}.small{font-size:12px;line-height:1.7}.hero-note{margin-top:22px}.hero-photo{position:relative;min-height:560px;overflow:hidden}.hero-photo>img{height:100%;width:100%;position:absolute;object-fit:cover;object-position:59% center}.photo-note{position:absolute;left:35px;bottom:35px;background:var(--cream);padding:22px 30px;min-width:235px}.photo-note span{font-size:9px;letter-spacing:1.5px}.photo-note p{font:30px/1.12 Georgia;margin:12px 0 0}.benefits{padding:24px 5%;display:flex;justify-content:space-between;border-bottom:1px solid #d3d8cb;font-size:13px}.section{padding:90px 7%}.roof{display:grid;grid-template-columns:1fr 1.2fr;gap:70px}.roof p:not(.eyebrow),.review p:not(.eyebrow){color:var(--muted);max-width:480px}.comparison{display:flex;gap:25px;align-items:center}.comparison figure{margin:0;flex:1;min-width:0}.comparison img{width:100%;border-radius:50%;display:block}.comparison figcaption{font-size:10px;letter-spacing:1px;margin-top:20px}.comparison figcaption span{display:block;font:16px Georgia;letter-spacing:0;margin-top:4px}.text-link{display:inline-flex;gap:30px;font-size:14px;font-weight:bold;margin-top:15px}.process{border-top:1px solid #d3d8cb;background:#eeeee5}.section-heading{display:flex;justify-content:space-between;gap:30px}.section-heading h2{width:55%}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:40px}.steps article{border-top:1px solid #b7c2b5;padding-top:20px}.steps article>span{font:28px Georgia;color:#778771}.steps p{font-size:14px;color:var(--muted)}.company{background:var(--ink);color:var(--cream);display:grid;grid-template-columns:1fr 1.2fr;gap:70px}.company-copy>p:not(.eyebrow){max-width:420px;color:#d0d9cc}.light{background:var(--sand);color:var(--ink);margin-top:20px}.light:hover{background:#f2d5a7}.company-projects{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.company-projects a{text-decoration:none}.company-projects img{width:100%;height:280px;object-fit:cover;display:block}.company-projects span{display:block;margin-top:15px}.review{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-bottom:1px solid #d3d8cb}.sub-link{display:block;font-size:13px;margin-top:22px}.faq{max-width:1060px;margin:auto}.faq h2{margin-bottom:42px}details{border-bottom:1px solid #cbd3c6;padding:20px 0}summary{font-size:18px;cursor:pointer}details p{color:var(--muted);max-width:760px}.contact{background:#e4e9de;display:grid;grid-template-columns:1.2fr 1fr;gap:65px}.contact h2{font-size:44px}.contact p{max-width:480px}.big-phone{font:32px Georgia;text-decoration:none;display:block;margin:15px 0 30px}.form-panel{background:var(--cream);padding:38px;align-self:center}.form-panel h3{font:28px Georgia}.form-panel p{font-size:14px}.form-panel .small{font-size:12px}#form-container{grid-column:1/-1}#form-container[hidden]{display:none}iframe{border:0;background:white}footer{padding:38px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:11px}footer .brand{display:block;font-size:12px}footer .brand small{font-size:8px}.mobile-actions{display:none}.skip{position:absolute;top:-100px;background:white;padding:15px;z-index:5}.skip:focus{top:0}@media(max-width:1000px){nav{display:none}.hero-copy{padding-top:55px}.roof,.company{gap:30px}.company-projects img{height:220px}.section{padding:65px 5%}.contact{gap:35px}footer{flex-wrap:wrap}}@media(max-width:650px){.topline{font-size:10px}.topline span{display:none}header{padding:20px 5%}.brand{font-size:12px;letter-spacing:1px}.brand small{font-size:8px;letter-spacing:1px}.brand svg{width:30px}.header-call{font-size:13px}.header-call span{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:45px 6%}.hero h1{font-size:48px}.hero-photo{min-height:360px}.photo-note{left:22px;bottom:22px;padding:16px 22px}.photo-note p{font-size:26px}.benefits{gap:12px;align-items:start;font-size:10px}.section{padding:58px 6%}.roof,.company,.review,.contact{grid-template-columns:1fr;gap:32px}.comparison{gap:18px}.section-heading{display:block}.section-heading h2{width:auto}.steps{grid-template-columns:1fr;gap:20px;margin-top:20px}.steps article{display:grid;grid-template-columns:35px 1fr;gap:0 15px}.steps h3{margin:5px 0 0}.steps p{grid-column:2}.company-projects img{height:200px}.contact h2{font-size:38px}.form-panel{padding:26px}.big-phone{font-size:28px}footer{padding-bottom:95px}.mobile-actions{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:1.5fr 1fr;background:var(--ink);color:white;z-index:3;box-shadow:0 -3px 18px #0002}.mobile-actions a{text-align:center;padding:15px 8px;font-size:13px;text-decoration:none}.mobile-actions a+a{background:var(--sand);color:var(--ink)}.eyebrow{font-size:10px}#form-container{margin:0 -5%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.project-gallery{padding-top:20px}.gallery-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:24px;margin-top:38px}.gallery-grid figure{margin:0;min-width:0}.gallery-grid img{width:100%;height:300px;object-fit:cover;display:block}.gallery-grid figcaption{font:22px Georgia;margin-top:18px}.gallery-grid figcaption span{display:block;font:12px Arial;margin-top:10px;color:var(--muted)}@media(max-width:650px){.gallery-grid{grid-template-columns:1fr}.gallery-grid img{height:280px}}

.site-nav{display:flex!important;gap:25px;padding:14px 5%;border-bottom:1px solid #d3d8cb;flex-wrap:wrap;font-size:13px}.site-nav a{padding:6px 0}.breadcrumb{padding:25px 7% 0;font-size:12px}.page-intro{padding-bottom:35px;max-width:1100px}.page-intro h1{font-size:clamp(38px,5vw,65px);max-width:850px}.page-intro .intro{max-width:780px}.guide-body{padding-top:35px;padding-bottom:35px;max-width:1050px;margin:0 auto}.guide-body h2{font-size:36px;letter-spacing:-1px}.guide-body p,.guide-body li{color:var(--muted)}.guide-body li{margin:10px 0}.guide-body details{margin:0}.guide-image{width:100%;max-height:560px;object-fit:cover;margin:10px 0 20px}.next-step{display:flex;align-items:center;justify-content:space-between;gap:40px;background:#e4e9de;margin-top:45px}.next-step h2{font-size:40px}footer nav{display:flex;width:100%;flex-wrap:wrap;gap:24px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:15px}th,td{padding:16px;text-align:left;border-bottom:1px solid #cbd3c6;vertical-align:top}thead{background:#e4e9de}.hero h1{font-size:clamp(43px,4.7vw,69px)}.hero h1 em{font-size:.77em}.form-panel button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ab6f22;outline-offset:3px}@media(max-width:650px){.site-nav{gap:9px 21px;padding:10px 6%;font-size:12px}.site-nav a{min-height:32px}.page-intro{padding-top:35px}.guide-body h2{font-size:30px}.next-step{display:block}.next-step .button{margin-top:15px}.hero h1{font-size:46px}.hero-copy{padding-top:35px}}