:root{--green:#1e342b;--dark:#17271f;--cream:#f5f0e5;--paper:#faf7ee;--orange:#e6a66d;--sage:#d9dfd0;--font:'Manrope','DM Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}body{margin:0;background:var(--paper);color:var(--green);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:4px}::selection{background:var(--orange);color:var(--green)}.skip{position:absolute;top:-100px;left:12px;background:var(--orange);z-index:999;padding:12px}.skip:focus{top:12px}.concept-bar{padding:10px clamp(20px,5.5vw,80px);background:#e9aa78;color:#182a20;display:flex;gap:10px;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.01em}.concept-bar a{font-weight:800;text-decoration:underline;text-underline-offset:3px}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 clamp(20px,5.5vw,80px);background:var(--cream)}.logo{display:flex;gap:12px;align-items:center;font-weight:800;letter-spacing:-.06em;font-size:23px;line-height:.95}.logo small,.footer-logo small{display:block;font-size:8px;letter-spacing:.16em;font-weight:700;margin-top:7px}.logo-mark{height:41px;width:41px;border:3px solid var(--green);border-radius:50%;display:grid;place-items:center;font-size:40px;line-height:0;padding-bottom:14px}.nav-links{display:flex;gap:28px;font-size:12px;font-weight:700}.nav-links a:hover{text-decoration:underline;text-underline-offset:6px}.nav-cta{background:var(--green);color:var(--cream);padding:15px 20px;font-size:11px;font-weight:800;display:flex;gap:30px;align-items:center}.nav-cta span{font-size:17px}.mobile-toggle{display:none;border:0;background:transparent;font-size:25px}.mobile-nav{display:none}.hero{min-height:690px;background:var(--green);color:var(--cream);display:grid;grid-template-columns:1fr .88fr}.hero-copy{padding:clamp(60px,7vw,120px) 5vw 30px clamp(25px,5.5vw,90px);display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-size:10px;letter-spacing:.12em;font-weight:800}.bullet{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--orange);margin-right:10px}.hero-copy h1{font-size:clamp(65px,7.4vw,121px);line-height:.97;letter-spacing:-.095em;margin:54px 0 25px;font-weight:800}.hero-copy h1 em,h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.065em}.hero-copy h1 span{color:var(--orange)}.hero-copy p{font-size:15px;line-height:1.8;max-width:365px;color:#d4dcce;margin:0 0 36px}.primary-button{background:var(--orange);color:#1d2d23;display:inline-flex;align-items:center;gap:45px;padding:18px 21px;font-size:12px;font-weight:800;white-space:nowrap}.primary-button span{font-size:20px}.hero-foot{margin-top:auto;padding-top:80px;display:flex;gap:22px;flex-wrap:wrap;font-size:9px;letter-spacing:.05em;color:#c0cbbe;font-weight:800}.hero-photo{position:relative;background:linear-gradient(160deg,#afbaaa 0%,#bdc1ad 40%,#697d6b 100%);overflow:hidden;isolation:isolate}.hero-photo:before{content:'';position:absolute;inset:0;background-image:url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=1300&q=80');background-size:cover;background-position:center;opacity:.5;mix-blend-mode:multiply}.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(10,32,20,.54),transparent 60%)}.photo-label{position:absolute;top:40px;left:35px;font-size:11px;font-weight:800;letter-spacing:.12em;line-height:1.7;z-index:2}.graphic-sun{width:170px;height:170px;border-radius:50%;background:#f0c08c;position:absolute;top:24%;right:12%;z-index:0;opacity:.65}.graphic-house{position:absolute;bottom:8%;left:12%;width:82%;height:46%;opacity:.4;filter:drop-shadow(1px 15px 0 rgba(0,0,0,.1))}.graphic-roof{height:55%;width:100%;background:#20392c;clip-path:polygon(47% 0,100% 75%,100% 95%,0 95%,0 70%)}.graphic-body{position:absolute;width:84%;height:60%;background:#c8c6b4;bottom:0;left:8%;display:flex;justify-content:space-evenly;padding:5%}.graphic-body span{display:block;width:22%;background:#2b4037}.photo-number{position:absolute;bottom:34px;left:35px;font-weight:800;font-size:10px;letter-spacing:.1em;z-index:2}.intro{padding:130px clamp(25px,7vw,105px);background:var(--paper)}.intro-grid{display:grid;grid-template-columns:1.2fr .7fr;gap:60px;margin-top:35px;align-items:center}.intro h2,.services h2,.process h2,.faq h2,.contact h2{font-size:clamp(52px,6.2vw,96px);line-height:1.02;letter-spacing:-.085em;margin:0}.intro-grid p{font-size:15px;line-height:1.85;color:#536259}.text-link{display:inline-flex;border-bottom:1px solid var(--green);gap:35px;padding-bottom:12px;margin-top:23px;font-size:12px;font-weight:800}.services{padding:120px clamp(25px,7vw,105px);background:#e4e8dc}.section-top{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:55px}.section-top h2{margin-top:28px}.section-top>p{max-width:300px;line-height:1.7;color:#586b5c;font-size:14px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{background:var(--paper);padding:28px;min-height:465px;display:flex;flex-direction:column}.service-card>span{font-size:11px;font-weight:800}.service-illustration{height:180px;margin:15px 0;display:grid;place-items:center}.service-illustration span{font-family:Georgia,serif;font-size:175px;line-height:1;color:var(--green)}.service-illustration.repair{display:flex;justify-content:center;gap:0}.service-illustration.repair span{font-size:130px;color:#bd8760}.service-illustration.exterior span{font-size:135px;color:#718a74}.service-card h3{font-size:25px;letter-spacing:-.06em;margin:0 0 10px}.service-card p{font-size:13px;line-height:1.7;color:#657467;margin:0 0 24px}.service-card a{font-size:11px;font-weight:800;margin-top:auto;border-top:1px solid #c5d0c2;padding-top:17px}.feature{display:grid;grid-template-columns:1fr 1fr;min-height:650px;background:var(--green);color:var(--cream)}.feature-visual{position:relative;background:#d0c3ae;overflow:hidden}.feature-visual:before{content:'';inset:0;position:absolute;background-image:url('https://images.unsplash.com/photo-1600596542815-ffad4c1539a9?auto=format&fit=crop&w=1400&q=80');background-size:cover;background-position:center;opacity:.53;mix-blend-mode:multiply}.feature-stamp{position:absolute;z-index:1;top:50px;left:50px;background:#f0bc83;color:var(--green);font-weight:800;letter-spacing:-.06em;padding:24px;line-height:1;font-size:32px;transform:rotate(-9deg)}.feature-roof{position:absolute;right:-8%;bottom:5%;width:95%;height:55%;clip-path:polygon(0 55%,52% 0,100% 50%,100% 100%,0 100%);background:#44594b;opacity:.3}.feature-copy{padding:80px clamp(30px,7vw,120px) 80px 8vw;display:flex;flex-direction:column;align-items:start;justify-content:center}.feature-copy h2{font-size:clamp(52px,5.2vw,78px);line-height:1.04;letter-spacing:-.085em;margin:45px 0 26px}.feature-copy p{line-height:1.85;color:#d1d9cf;max-width:460px;font-size:14px;margin:0 0 36px}.primary-button.light{background:var(--paper)}.process{padding:130px clamp(25px,7vw,105px);background:var(--paper)}.process-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin:30px 0 70px}.process-head p{max-width:300px;color:#57685b;line-height:1.8}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.steps article{border-top:2px solid var(--green);padding-top:25px;min-height:190px}.steps span{font-size:10px;letter-spacing:.1em;font-weight:800}.steps h3{font-size:27px;line-height:1.2;letter-spacing:-.055em;margin:38px 0 12px}.steps p{max-width:270px;color:#68776b;line-height:1.7;font-size:13px}.faq{padding:130px clamp(25px,7vw,105px);background:#d9e1d3;display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.faq h2{margin-top:38px}.faq-list{border-top:1px solid #7b8b7e}.faq details{border-bottom:1px solid #7b8b7e}.faq summary{display:flex;justify-content:space-between;align-items:center;gap:25px;font-weight:800;font-size:16px;padding:28px 0;cursor:pointer;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:26px}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{font-size:14px;line-height:1.8;color:#526153;margin:0 0 25px;max-width:540px}.contact{padding:130px clamp(25px,7vw,105px);background:var(--green);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:90px}.contact h2{margin:45px 0 30px}.contact>div>p{font-size:15px;color:#cdd5ca;max-width:430px;line-height:1.8}.back-studio{color:var(--orange);font-size:13px;font-weight:800;text-decoration:underline;text-underline-offset:5px;display:inline-block;margin-top:40px}.demo-form{background:#30483a;padding:32px;display:flex;flex-direction:column;gap:17px}.demo-form label{display:flex;flex-direction:column;gap:8px;font-size:11px;font-weight:800}.demo-form input,.demo-form select,.demo-form textarea{background:#f5f0e5;border:0;color:#182d1f;padding:15px;font-size:13px;width:100%;border-radius:0}.demo-form button{background:var(--orange);border:0;color:var(--green);padding:17px 20px;font-size:12px;font-weight:800;display:flex;justify-content:space-between}.demo-feedback{font-size:11px;color:#e8ede4;line-height:1.6;margin:0}footer{background:#15271e;color:var(--paper);padding:80px clamp(25px,7vw,105px) 25px}.footer-inner{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;align-items:start;padding-bottom:90px}.footer-logo{font-size:34px;font-weight:800;letter-spacing:-.07em}.footer-inner p{font-size:12px;line-height:1.8;color:#bdcbbd;max-width:350px}.footer-inner p a{text-decoration:underline}.footer-inner>a:last-child{justify-self:end;font-size:11px;font-weight:800}.footline{border-top:1px solid #526357;display:flex;justify-content:space-between;padding-top:22px;gap:20px;color:#a2b0a2;font-size:10px;letter-spacing:.03em}
@media(max-width:900px){.nav-links{display:none}.mobile-toggle{display:block}.mobile-nav:not([hidden]){display:flex;flex-direction:column;background:var(--cream);padding:20px 30px;gap:20px;font-weight:700}.hero{grid-template-columns:1.1fr .9fr}.hero-copy h1{font-size:clamp(53px,7.8vw,90px)}.intro-grid{gap:40px}.service-card{padding:20px}.contact{gap:30px}}
@media(max-width:700px){.concept-bar{font-size:9px;flex-direction:column;align-items:start}.nav{height:74px}.logo{font-size:19px}.nav-cta{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:70px 25px 30px;min-height:620px}.hero-copy h1{font-size:clamp(73px,13.8vw,105px)}.hero-foot{padding-top:50px}.hero-photo{min-height:450px}.intro,.services,.process,.faq,.contact{padding:85px 25px}.intro-grid,.feature,.faq,.contact{grid-template-columns:1fr}.intro h2,.services h2,.process h2,.faq h2,.contact h2{font-size:clamp(52px,11vw,85px)}.section-top,.process-head{display:block}.section-top>p,.process-head>p{max-width:500px;margin-top:20px}.service-grid,.steps{grid-template-columns:1fr}.service-card{min-height:320px}.service-illustration{height:140px}.service-illustration span{font-size:125px}.feature-visual{min-height:380px}.feature-copy{padding:70px 25px}.feature-copy h2{font-size:58px}.steps article{min-height:145px}.steps h3{margin-top:20px}.faq-head{margin-bottom:30px}.contact{gap:50px}.footer-inner{grid-template-columns:1fr;padding-bottom:50px;gap:24px}.footer-inner>a:last-child{justify-self:start}.footline{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}