@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--dark:#232d26;--forest:#344539;--sage:#8b9d7e;--lime:#d0e8a6;--cream:#f7f6f0;--beige:#e9e6dc;--ink:#2b342d;--muted:#6f7971;--line:#dcdfd8;--white:#fff;--font:'Manrope',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:15px/1.7 var(--font);color:var(--ink);background:var(--cream)}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}.container{width:min(1310px,91%);margin:0 auto}.micro{background:#213129;color:#cbd7ca;font-size:10px;font-weight:800;letter-spacing:.12em}.micro-row{min-height:34px;display:flex;align-items:center;justify-content:space-between}.micro a:hover{color:white}.header{position:sticky;top:0;z-index:50;background:#f9faf7;border-bottom:1px solid #d8dfd8}.header-row{height:87px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;letter-spacing:-.065em;line-height:1.2;white-space:nowrap}.brand-symbol{width:46px;height:46px;border:2px solid #63834a;color:#779a57;border-radius:50%;font-size:31px;display:grid;place-items:center;line-height:1}.brand-dot{color:#83a967}.brand small{display:block;color:#8b9a8a;letter-spacing:.12em;font-size:8px;font-weight:800;margin-top:5px}.header nav{display:flex;align-items:center;gap:23px}.header nav a{font-size:12px;font-weight:800;color:#506354;transition:color .2s}.header nav a:hover{color:#7d9e62}.headtel{text-align:right;font-size:16px;font-weight:800;white-space:nowrap}.headtel small{display:block;color:#809777;font-size:10px;font-weight:700;letter-spacing:.08em}.burger{display:none;border:0;background:none;font-size:25px}
.hero{height:700px;position:relative;overflow:hidden;color:white;background:#25362c}.hero-photo{position:absolute;inset:0;background-image:url('https://images.unsplash.com/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=1900&q=88');background-size:cover;background-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#1b2a25f5 0%,#24362ce8 38%,#29402da8 65%,#26362964),linear-gradient(0deg,#203029a6,transparent 52%)}.hero-content{position:relative;height:100%;display:flex;align-items:center;justify-content:space-between;gap:70px}.hero-left{max-width:790px;padding-bottom:35px}.eyebrow,.kicker{font-size:11px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.eyebrow{color:#dce9d4}.eyebrow i{width:24px;height:2px;display:inline-block;background:var(--lime);vertical-align:middle;margin-right:9px}.hero h1{font-size:clamp(54px,6.65vw,100px);line-height:1.04;letter-spacing:-.075em;margin:26px 0 23px;font-weight:800}.hero h1 em{font-style:normal;color:var(--lime)}.hero-left>p{font-size:16px;max-width:540px;color:#dce4d9;line-height:1.85}.hero-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:27px}.btn{min-height:58px;display:inline-flex;align-items:center;justify-content:center;gap:30px;font-size:12px;font-weight:900;letter-spacing:.025em;padding:16px 25px;border:1px solid transparent;transition:transform .2s,color .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn b{font-size:22px}.btn.lime{background:var(--lime);color:#25392a}.btn.ghost{color:white;border-color:#ffffff7a;background:#ffffff16}.btn.thin{border-color:#c4d0c4;color:white}.hero-trust{display:flex;gap:40px;margin-top:55px}.hero-trust>span{display:block;border-left:2px solid #a2bd8a;padding-left:16px}.hero-trust strong{display:block;font-size:19px;font-weight:900}.hero-trust strong i{font-size:12px;color:#cde7ad;font-style:normal;letter-spacing:.07em}.hero-trust small{display:block;font-size:10px;color:#c3d0c1}.hero-bottom{position:absolute;bottom:0;left:0;right:0;border-top:1px solid #ffffff3b}.hero-bottom .container{display:flex;justify-content:space-between;padding:15px 0;font-size:10px;color:#bacbb5;letter-spacing:.15em;font-weight:800}
.hero-device{position:relative;width:265px;flex:none;align-self:center;transform:rotate(5deg);filter:drop-shadow(0 30px 28px #0009);z-index:5}.phone-shell{height:522px;width:252px;background:#121715;border:9px solid #111714;border-radius:39px;position:relative;overflow:hidden;box-shadow:0 0 0 2px #94a79b,0 18px 50px #0007}.phone-camera{position:absolute;top:7px;left:50%;transform:translateX(-50%);background:#121715;border-radius:20px;width:83px;height:20px;z-index:2}.phone-display{position:absolute;inset:4px;border-radius:28px;overflow:hidden;background:#fff}.phone-display iframe{width:390px!important;height:850px!important;max-width:none!important;display:block;border:0;transform:scale(.572);transform-origin:0 0;pointer-events:none}.phone-bar{position:absolute;width:76px;height:4px;border-radius:5px;left:calc(50% - 38px);bottom:8px;background:#eee;z-index:3}.device-caption{display:block;margin-top:19px;color:#e7f5df;text-align:center;transform:rotate(-5deg);font-size:9px;letter-spacing:.09em;font-weight:800}.device-caption b{color:#d3efa9;font-size:16px}.phone-preview-mode .hero-device,.phone-preview-mode .micro,.phone-preview-mode .header,.phone-preview-mode .mobilefixed{display:none!important}.phone-preview-mode .hero-content{gap:0}.phone-preview-mode .hero-left{max-width:100%!important}.phone-preview-mode .hero{height:690px}.phone-preview-mode html{scroll-behavior:auto!important}
.section{padding:104px 0}.intro{background:var(--cream)}.intro-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:14%;align-items:center}.kicker{color:#8b9f75}.intro h2,.section-head h2,.estimate h2,.contact h2{font-weight:800;font-size:clamp(38px,4.5vw,69px);line-height:1.16;letter-spacing:-.06em;margin:20px 0 0}.intro h2 i,.section-head h2 i,.estimate h2 i,.contact h2 i{font-style:normal;color:#879b83}.intro-side p{font-size:16px;color:#6a796d;line-height:1.95}.underlink{color:#496746;font-size:13px;font-weight:900;border-bottom:1px solid #769273;padding:0 0 8px;display:inline-block;margin-top:15px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:39px}.section-head>p{max-width:350px;color:var(--muted);font-size:14px;margin-bottom:5px}.gallery-section{background:#ebede8}.filterbar{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:23px}.filterbar button{border:1px solid #c8d0c5;background:transparent;padding:11px 17px;font-size:12px;font-weight:800;color:#546357}.filterbar button.active,.filterbar button:hover{background:#334c36;border-color:#334c36;color:white}.gallery-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:14px}.pic{height:345px;position:relative;margin:0;overflow:hidden;background:#c6d0c4}.pic-wide{grid-column:span 2}.pic img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.pic:hover img{transform:scale(1.045)}.pic:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#172720c9,transparent 63%)}.pic figcaption{position:absolute;bottom:23px;left:25px;color:white;z-index:1}.pic figcaption small{display:block;font-size:10px;font-weight:800;letter-spacing:.14em;color:#d9ebc5;margin-bottom:9px}.pic figcaption strong{display:block;font-size:24px;font-weight:800;letter-spacing:-.045em}.pic[hidden]{display:none!important}.gallery-note{font-size:11px;color:#7b8579;margin:20px 0 0}.statement{padding:75px 0;background:#d2e3bd;color:#263b2b}.statement span{font-size:11px;letter-spacing:.17em;font-weight:900}.statement p{font-size:clamp(35px,4.5vw,66px);line-height:1.2;font-weight:800;letter-spacing:-.06em;margin:25px 0 0}.statement em{font-style:normal;color:#79916f}.services{background:#f9faf7}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cards a{background:#edf1e9;padding:26px;min-height:328px;display:flex;flex-direction:column;transition:background .2s}.cards a:hover{background:#d5e5ce}.cards a:first-child{background:#294233;color:white}.cards a:first-child:hover{background:#385d47}.cards span{font-size:11px;font-weight:800;letter-spacing:.15em;color:#89a77d}.cards h3{font-size:26px;line-height:1.2;letter-spacing:-.055em;margin:40px 0 10px}.cards p{font-size:12px;color:#748077}.cards a:first-child p{color:#c5d2c4}.cards b{font-size:12px;margin-top:auto}.workflow{background:#e8ece4}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.steps article{border-top:2px solid #668263;background:#fff;padding:24px}.steps span{font-size:47px;font-weight:800;color:#bdcfb4;letter-spacing:-.09em}.steps h3{font-size:23px;letter-spacing:-.055em;margin:24px 0 10px}.steps p{font-size:12px;color:#7a8578}.estimate{background:#263d30;color:white}.estimate-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:11%;align-items:center}.estimate h2 i{color:#d3e8b9}.estimate p{max-width:465px;color:#c4d5c9;margin:30px 0}.phonebig{font-size:clamp(24px,3vw,38px);font-weight:800;letter-spacing:-.05em}.estimate-form{padding:36px;background:#f8faf6;color:#273829}.form-kicker{font-size:12px;letter-spacing:.1em;font-weight:900;color:#738f62}.estimate-form label{display:block;font-size:12px;font-weight:900;margin:19px 0 9px}.estimate-form select,.estimate-form textarea{padding:15px;width:100%;border:1px solid #cbd6c9;border-radius:0;background:white;outline:none}.estimate-form textarea{min-height:110px}.estimate-form input[type=range]{width:100%;accent-color:#738c64}.estimate-form .full{width:100%;margin-top:16px}.estimate-form .form-help{font-size:11px;color:#7b8b7a;line-height:1.7;margin:15px 0 5px}.estimate-form #status{font-size:12px;color:#466844;font-weight:800;margin:8px 0 0}.questions{background:#f7f8f4}.questions details{border-bottom:1px solid #d7e1d6;padding:19px 8px}.questions summary{cursor:pointer;font-size:18px;font-weight:800;list-style:none;display:flex;justify-content:space-between;gap:15px}.questions summary:after{content:'+';font-size:30px;color:#75966a}.questions details[open] summary:after{content:'−'}.questions details p{max-width:760px;color:#6e7e6f}.contact{background:#283b2f;color:white}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%}.contact h2 i{color:#c9e2b7}.contact-label{display:block;color:#a6bca9;font-size:10px;font-weight:900;letter-spacing:.14em;margin:28px 0 7px}.contact h3,.contact-phone{font-size:21px;line-height:1.3;font-weight:800;display:block}.contact-actions{display:flex;gap:10px;margin-top:32px;flex-wrap:wrap}.map{position:relative;min-height:455px;background:#d0dbce}.map iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:grayscale(.3)}.map-badge{position:absolute;top:17px;left:17px;background:#fff;color:#2d4837;padding:15px 20px;font-size:10px;font-weight:900;letter-spacing:.08em}.map-badge strong{display:block;font-size:14px;letter-spacing:0}.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-grid p{font-size:11px;max-width:330px;color:#829183}footer{background:#17261d;color:#d6e1d1;padding:32px 0;font-size:12px}.footer-grid .brand{color:white;font-size:15px}.footer-grid .brand-symbol{width:35px;height:35px;font-size:23px}.credit{color:#cbe9a8;text-decoration:underline;text-underline-offset:3px;font-weight:800}.mobilefixed{display:none}
@media(max-width:1200px){.header nav{gap:12px}.header nav a{font-size:10px}.hero-device{transform:scale(.82) rotate(5deg);transform-origin:center right;width:220px}.hero-content{gap:15px}.hero-left{max-width:calc(100% - 230px)}.hero h1{font-size:clamp(56px,6vw,80px)}.cards{grid-template-columns:repeat(2,1fr)}.cards a{min-height:260px}}
@media(max-width:850px){.header-row{height:70px}.header nav{display:none;position:absolute;top:69px;left:0;right:0;background:#fff;padding:25px;flex-direction:column;align-items:start;box-shadow:0 10px 18px #0002}.header nav.open{display:flex}.burger{display:block}.headtel{margin-left:auto}.hero{height:640px}.hero-left{max-width:100%}.hero-device{display:none}.hero h1{font-size:clamp(54px,9vw,85px)}.intro-grid,.estimate-grid,.contact-grid{grid-template-columns:1fr;gap:45px}.section{padding:72px 0}.section-head{display:block}.section-head>p{margin-top:23px}.gallery-grid{grid-template-columns:1fr 1fr}.gallery-grid .pic-wide{grid-column:span 2}.map{min-height:390px}.steps{grid-template-columns:1fr 1fr}.estimate-form{max-width:620px}}
@media(max-width:540px){body{font-size:13px}.container{width:90%}.micro-row{font-size:8px}.micro a{display:none}.brand{font-size:15px}.brand-symbol{width:39px;height:39px;font-size:24px}.brand small{font-size:7px}.headtel{display:none}.hero{height:685px}.hero-photo{background-position:58% center}.hero-shade{background:linear-gradient(90deg,#203428f0,#1b2e25ca),linear-gradient(0deg,#15271c9c,transparent)}.hero-content{align-items:center}.hero-left{padding-bottom:10px}.eyebrow{font-size:9px}.hero h1{font-size:clamp(48px,12vw,65px);line-height:1.07;margin:24px 0}.hero-left>p{font-size:13px}.hero-buttons{gap:8px}.btn{padding:15px 16px;min-height:51px;font-size:11px;gap:15px}.hero-trust{gap:22px;margin-top:37px}.hero-trust strong{font-size:15px}.hero-trust small{font-size:9px}.hero-bottom{font-size:8px}.hero-bottom .container span{display:none}.section{padding:60px 0}.intro h2,.section-head h2,.estimate h2,.contact h2{font-size:clamp(35px,10.5vw,49px)}.intro-side p{font-size:14px}.gallery-grid{grid-template-columns:1fr;gap:11px}.gallery-grid .pic-wide{grid-column:auto}.pic{height:320px}.filterbar button{font-size:10px;padding:9px}.statement{padding:55px 0}.statement p{font-size:36px}.cards,.steps{grid-template-columns:1fr}.cards a{min-height:235px}.cards h3{margin-top:18px}.estimate-form{padding:23px}.questions summary{font-size:15px}.contact h3,.contact-phone{font-size:18px}.map{min-height:345px}.footer-grid{display:block}.footer-grid p{margin:24px 0}.mobilefixed{position:fixed;bottom:0;left:0;right:0;z-index:51;display:flex;box-shadow:0 -5px 20px #0003}.mobilefixed a{flex:1;text-align:center;padding:13px 5px;font-size:12px;font-weight:900;background:white;color:#2c4031}.mobilefixed a+a{background:var(--lime)}footer{padding-bottom:78px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pic img,.btn{transition:none}}
