:root{--ink:#142f3c;--muted:#586871;--paper:#fafaf6;--line:#d9dfdc;--accent:#c4db49;--teal:#24535a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,summary:focus-visible{outline:3px solid #748d0b;outline-offset:5px}.skip{position:absolute;top:-100px;background:white;padding:12px;z-index:10}.skip:focus{top:0}.utility{padding:8px 6%;display:flex;justify-content:space-between;background:var(--ink);color:#fff;font-size:12px;letter-spacing:.04em}header{padding:27px 6%;display:flex;align-items:center;gap:35px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:23px;line-height:1;font-weight:800;letter-spacing:.04em}.brand-sub{display:block;font-size:13px;letter-spacing:.32em;margin-top:6px}.brand-symbol{display:block;position:relative;border:2px solid var(--ink);font-size:37px;width:43px;height:43px;text-align:center;font-family:Georgia}.brand-symbol span{position:absolute;right:-12px;top:-8px;color:#71912a;font-size:25px}nav{display:flex;gap:26px;margin-left:auto;font-size:13px;font-weight:600}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;background:var(--ink);color:white;padding:17px 23px;font-size:14px;font-weight:600}.button:hover{background:var(--teal);text-decoration:none}.small{padding:13px 17px;font-size:12px}.hero{padding:70px 6% 65px;display:grid;grid-template-columns:1.2fr 1fr;gap:7%;align-items:center}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:700;margin:0 0 23px}h1{font-size:clamp(42px,4.7vw,72px);line-height:1.07;letter-spacing:-.055em;font-weight:500;margin:0 0 28px}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--teal)}.intro{color:var(--muted);font-size:17px;max-width:570px;line-height:1.85}.actions{display:flex;align-items:center;gap:26px;margin:31px 0}.text-link{font-size:13px;font-weight:600}.hero-note{font-size:11px;color:var(--muted);max-width:450px}.hero-panel{background:var(--ink);color:white;min-height:490px;position:relative;overflow:hidden;padding:28px 33px}.panel-top{font-size:10px;letter-spacing:.13em;display:flex;justify-content:space-between;align-items:center}.cross{font-size:25px;color:var(--accent)}.panel-bottom{position:relative;z-index:2;margin-top:110px}.panel-number{font-size:11px;color:var(--accent)}.panel-bottom h2{font-size:42px;line-height:1.1;margin:18px 0;font-weight:400;letter-spacing:-.03em}.panel-bottom p{font-size:12px;color:#d1dddd}.architectural{position:absolute;right:-25px;top:110px;width:270px;height:280px;opacity:.42;transform:rotate(-12deg)}.building{border:1px solid #a3bfc3;width:220px;height:170px;position:absolute;top:90px;display:flex;padding:25px;gap:20px;background:repeating-linear-gradient(0deg,transparent,transparent 16px,#87a6aa 17px,transparent 18px)}.roof{border:1px solid #b3cacb;width:160px;height:160px;transform:rotate(45deg);position:absolute;left:30px;top:10px}.window{width:45px;height:55px;border:1px solid #c2d6d6;background:var(--ink);z-index:1}.door{position:absolute;width:44px;height:80px;border:1px solid #c2d6d6;bottom:0;right:25px;background:var(--ink)}.measure{width:250px;position:absolute;bottom:0;border-top:1px solid var(--accent)}.principles{margin:0 6%;padding:24px 0;display:flex;justify-content:space-between;border-block:1px solid var(--line);font-size:12px;font-weight:600}.principles span:before{content:'+';margin-right:12px;color:#76912b}.section{padding:85px 6%}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:40px}h2{font-weight:500;font-size:clamp(30px,3vw,44px);letter-spacing:-.035em;line-height:1.15;margin:0}h3{font-size:21px;letter-spacing:-.025em;font-weight:500;margin:17px 0 12px}.section-heading>p{max-width:370px;color:var(--muted);font-size:14px}.services{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.services article{padding:28px 30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-start}.service-no{font-size:12px;color:#718282}.services p{font-size:14px;color:var(--muted);margin:0 0 27px}.services a{font-size:12px;font-weight:600;margin-top:auto}.service-other{background:#edf1df}.clients{background:#e9efeb}.client-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%}.client-layout article{border-bottom:1px solid #cad5cf;padding:0 0 18px;margin-bottom:20px}.client-layout h3{margin-top:0}.client-layout p{font-size:14px;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;gap:50px}.steps li{border-top:1px solid var(--line);padding-top:20px}.steps span{color:#6d8627;font-size:13px}.steps p{font-size:14px;color:var(--muted)}.about{background:var(--ink);color:white;display:grid;grid-template-columns:1fr 1fr;column-gap:10%}.about .eyebrow{grid-column:1/-1;color:var(--accent)}.about p:last-child{font-size:15px;color:#d3dedf;margin:0;line-height:1.85}.request{display:grid;grid-template-columns:1fr 1fr;gap:10%}.request>div>p:not(.eyebrow){font-size:15px;color:var(--muted);max-width:350px}.phone{font-size:24px;display:block;margin-top:30px}.email{font-size:14px}.request-options>a{display:flex;justify-content:space-between;gap:20px;padding:25px 0;border-top:1px solid var(--line)}.request-options small{font-size:10px;letter-spacing:.13em;color:var(--muted)}.request-options h3{margin:8px 0;font-size:22px}.request-options p{font-size:13px;color:var(--muted);margin:0}.request-options b{font-size:22px;font-weight:400}.faq{padding-top:0;max-width:1050px}details{border-top:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-size:16px}details p{color:var(--muted);font-size:14px}details a{text-decoration:underline}footer{padding:45px 6%;background:#e9efeb;font-size:12px}footer .footer-brand{font-size:18px;font-weight:700;letter-spacing:.06em}footer div{display:flex;gap:30px;margin:25px 0}footer small{color:var(--muted)}@media(min-width:1500px){body{max-width:1600px;margin:auto}}@media(max-width:1000px){nav{gap:14px}header{gap:20px}header>.button{display:none}.hero{gap:35px}.hero-panel{min-height:460px}.actions{align-items:flex-start;flex-direction:column;gap:15px}.services article{padding:22px}.principles{font-size:10px}.section{padding-block:65px}}@media(max-width:700px){header{flex-wrap:wrap;padding:22px 6%}nav{margin-left:0;justify-content:space-between;width:100%;gap:10px;font-size:11px}.utility{font-size:10px}.hero{grid-template-columns:1fr;padding-top:45px}.hero-panel{min-height:330px}.panel-bottom{margin-top:30px}.panel-bottom h2{font-size:34px}.architectural{top:65px}.hero-note{font-size:11px}.actions{flex-direction:row;align-items:center;gap:18px}.button{font-size:12px;padding:15px;gap:15px}.text-link{font-size:11px}.principles{flex-direction:column;gap:10px;font-size:12px}.section-heading{display:block}.section-heading>p{margin-top:22px}.services{grid-template-columns:1fr}.services article{padding:25px}.client-layout,.request,.about{grid-template-columns:1fr;gap:30px}.steps{grid-template-columns:1fr;gap:24px}.section{padding-block:50px}.about .eyebrow{margin-bottom:0}.faq{padding-top:0}footer div{flex-wrap:wrap;gap:15px 25px}}

/* Original artwork recovered from Website Refresh Mockup Review. */
:root{--teal:#397317;--accent:#86b641}header{background:#fff;padding-top:18px;padding-bottom:18px}.company-logo{width:172px;height:auto;display:block}.button{background:#316e20}.button:hover{background:#245516}.hero-photo{margin:0;overflow:hidden;background:#fff;box-shadow:0 10px 35px #142f3c10}.hero-image-window{height:420px;overflow:hidden;position:relative}.hero-image-window img{height:100%;width:108%;max-width:none;object-fit:cover;object-position:left center;display:block}.hero-photo figcaption{padding:24px 28px;background:#245516;color:white;border-top:5px solid #86b641}.hero-photo figcaption span{font-size:11px;letter-spacing:.15em;font-weight:700}.hero-photo figcaption p{font-size:14px;margin:7px 0 0}.client-photo{margin:32px 0 0}.client-photo img{width:100%;height:auto;display:block}.client-photo figcaption{font-size:12px;line-height:1.6;color:var(--muted);margin-top:12px}.footer-brand{display:inline-block;background:#fff;padding:10px 15px}.footer-brand .company-logo{width:150px}@media(max-width:1000px){.hero-image-window{height:390px}}@media(max-width:700px){.company-logo{width:145px}.hero-image-window{height:340px}.hero-photo figcaption{padding:20px}.client-photo{margin-bottom:10px}}

.services article{overflow:hidden}.service-picture{width:100%;aspect-ratio:2.17;position:relative;overflow:hidden;margin:0 0 15px;background:#e9efeb}.service-picture img{display:block;width:100%;height:100%;object-fit:cover}.service-picture.window-crop img{position:absolute;width:418%;height:auto;max-width:none;left:-225%;top:-54.35%}.service-picture.cabinet-crop img{position:absolute;width:362.264%;height:auto;max-width:none;left:-161.085%;top:-92.3%}.principles span:before{content:'✓';color:#397317}

.services article{overflow:hidden}.service-picture{width:100%;aspect-ratio:2.17;position:relative;overflow:hidden;margin:0 0 15px;background:#e9efeb}.service-picture img{display:block;width:100%;height:100%;object-fit:cover}.service-picture.cabinet-crop img{position:absolute;width:362.264%;height:auto;max-width:none;left:-161.085%;top:-92.3%}
