@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{--navy:#071a33;--paper:#f6f5ef;--green:#a6e36a;--ink:#142333;--line:#d8dcd5;--muted:#5e6b70}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid #4f971d;outline-offset:5px}.skip{position:absolute;left:15px;top:-80px;z-index:10;background:var(--green);padding:15px}.skip:focus{top:10px}header{max-width:1440px;margin:auto;padding:28px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-family:Manrope,sans-serif;font-size:25px;font-weight:800;letter-spacing:-1.2px}.brand img{width:48px;height:48px;border-radius:50%}.brand-light{font-weight:500}.brand small{display:block;font-size:8px;letter-spacing:1.5px;margin-top:5px}nav{display:flex;gap:30px;align-items:center;font-size:13px}.nav-contact{border:1px solid var(--ink);padding:12px 20px;border-radius:4px}.nav-contact span{margin-left:18px}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:4%;padding:80px 5% 75px;align-items:center}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;margin:0 0 24px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#6caf36;margin-right:8px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Manrope,sans-serif;letter-spacing:-3px;line-height:1.07;font-weight:700}h1{font-size:clamp(52px,5.7vw,82px);margin-bottom:26px}em{font-family:Georgia,serif;font-weight:400}h1 em{color:#507740}.intro{max-width:440px;font-size:16px;line-height:1.75;color:var(--muted)}.actions{display:flex;align-items:flex-start;gap:19px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;background:var(--navy);color:white;border-radius:4px;padding:18px 21px;font-size:12px;font-weight:600;transition:transform .2s,background .2s}.button:hover{background:#21472e;transform:translateY(-2px)}.text-link{font-size:11px;border-bottom:1px solid;padding:16px 0 5px}.quiet{font-size:10px;color:var(--muted);margin:21px 0 0}.hero-art{background:#e7ebdf;padding:23px 22px 20px;border-radius:5px;transform:rotate(1deg)}.art-label,.art-footer{display:flex;justify-content:space-between;font-size:8px;font-weight:700;letter-spacing:1px}.art-label{margin-bottom:25px}.art-footer{margin-top:23px;font-size:7px}.browser{background:#faf9f1;box-shadow:0 15px 25px #10251b1a;border-radius:7px;overflow:hidden;transform:rotate(-3deg)}.browser-bar{background:#fff;display:flex;align-items:center;gap:4px;padding:12px}.browser-bar i{height:5px;width:5px;border-radius:50%;background:#c8cfc3}.browser-bar span{font-size:6px;letter-spacing:1px;margin:auto}.mock-nav{display:flex;justify-content:space-between;align-items:center;padding:17px 19px}.mock-nav b{font-size:11px;letter-spacing:1px}.mock-nav b span{font-family:Georgia,serif;color:#7d8d57}.mock-nav>span{font-size:7px}.landscape-scene{height:300px;background:#bdcba8;position:relative;overflow:hidden}.sun{position:absolute;background:#e6e5c9;border-radius:50%;width:95px;height:95px;right:60px;top:32px}.hill{position:absolute;width:150%;height:200px;border-radius:50%;left:-20%;transform:rotate(-10deg)}.hill-one{background:#829565;bottom:-50px}.hill-two{background:#526c47;bottom:-120px;left:15%;transform:rotate(20deg)}.path{position:absolute;width:65px;height:220px;background:#d3c5a6;right:28%;bottom:-60px;transform:rotate(38deg);border-radius:50%}.tree{position:absolute;width:50px;height:140px;background:#2f503d;right:35px;bottom:0;border-radius:65% 65% 0 0}.tree-two{right:80px;height:105px;width:35px}.scene-title{position:absolute;top:37px;left:25px;font-family:Georgia,serif;font-size:45px;line-height:1;color:white}.scene-title span{display:block;font-family:Manrope,sans-serif;font-size:6px;letter-spacing:2px;margin-top:17px}.mock-bottom{display:flex;justify-content:space-between;align-items:center;padding:22px 20px;font-size:9px;line-height:1.7}.mock-cta{font-size:7px;border-bottom:1px solid #53684b}.statement{background:var(--navy);color:var(--paper);padding:40px 6%;display:flex;justify-content:space-between;align-items:center;gap:30px}.statement>span{font-size:9px;letter-spacing:2px;color:var(--green)}.statement p{font-size:25px;line-height:1.5;margin:0;font-weight:400}.statement strong{color:var(--green);font-weight:400}.section{max-width:1440px;margin:auto;padding:90px 6%}h2{font-size:clamp(34px,3.7vw,52px);margin-bottom:0}h2 em{color:#507740}.section-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:15%;align-items:end;margin-bottom:42px}.section-heading>p,.process-intro>p:last-child{font-size:14px;line-height:1.8;color:var(--muted);margin-bottom:0}.concept-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.concept{padding:22px;border-radius:5px}.green{background:#e4e9dc}.clay{background:#eaddce}.concept-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;margin-bottom:22px}.sample{height:330px;padding:25px 28px;position:relative;overflow:hidden;isolation:isolate}.sample-brand{font-size:12px;font-weight:700;letter-spacing:2px;position:relative;z-index:2}.sample-brand small{display:block;font-size:6px;margin-top:3px;letter-spacing:3px}.sample h3{position:relative;font-family:Georgia,serif;font-size:48px;line-height:1.05;font-weight:400;letter-spacing:-1px;margin:45px 0 10px;z-index:2}.sample p{font-size:9px;position:relative;z-index:2}.sample-button{display:inline-block;position:relative;z-index:2;font-size:8px;background:#f5f1df;color:#273a2e;padding:12px 15px;margin-top:6px}.sample-land{background:#274337;color:#f4f1dc}.sample-lines{position:absolute;right:-40px;bottom:-60px;width:280px;height:350px;background:repeating-radial-gradient(ellipse at 100% 100%,transparent 0 23px,#b5c18d70 24px 25px,transparent 26px 40px);transform:rotate(20deg)}.sample-fence{background:#f4e8d7;color:#382b22}.sample-fence h3{font-family:Manrope,sans-serif;font-size:41px;font-weight:800;max-width:300px}.fence-art{position:absolute;right:-20px;top:0;width:52%;height:100%;background:repeating-linear-gradient(90deg,#8f6745 0 17px,#66472f 18px 21px,#b18a65 22px 36px);transform:skewY(-16deg);opacity:.25;z-index:-1}.sample-fence .sample-button{background:#382b22;color:white}.concept-caption{padding:24px 0 0}.concept-caption h3{font-size:17px;font-weight:600;margin-bottom:10px}.concept-caption p{font-size:12px;line-height:1.8;margin-bottom:0;color:#4e5b54;max-width:400px}.concept-note{font-size:10px;line-height:1.7;color:var(--muted);margin:20px 0 0;max-width:850px}.process{display:grid;grid-template-columns:1fr 1fr;gap:12%;border-top:1px solid var(--line)}.process-intro>p:last-child{margin-top:25px;max-width:330px}.steps{list-style:none;padding:0;margin:0}.steps li{display:flex;gap:25px;border-top:1px solid var(--line);padding:24px 0}.steps li>span{font-size:11px;color:#507740;padding-top:4px}.steps h3{font-size:17px;margin-bottom:8px}.steps p{font-size:13px;color:var(--muted);line-height:1.7;margin:0}.details{padding-top:50px;border-top:1px solid var(--line)}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6%;margin-top:45px}.detail-grid>div>span{font-size:35px;color:#507740}.detail-grid h3{font-size:18px;margin:24px 0 12px}.detail-grid p{font-size:13px;line-height:1.8;color:var(--muted)}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:12%;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{font-size:15px;cursor:pointer;padding:21px 25px 21px 0;position:relative;list-style:none}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:0}details[open] summary:after{content:'−'}details p{font-size:13px;line-height:1.8;color:var(--muted);padding-right:30px}.contact{max-width:none;text-align:center;background:#e1e9d7;padding:85px 6%}.contact h2{font-size:clamp(39px,4.5vw,65px)}.contact>p:not(.eyebrow){font-size:14px;line-height:1.8;color:#4b5c4b;margin:25px 0}.contact .button{margin:8px 0 18px}.email{display:block;font-size:13px;text-decoration:underline;text-underline-offset:4px}.contact p.contact-small{font-size:11px;margin:25px 0 0}.contact-small a{border-bottom:1px solid}footer{max-width:1440px;margin:auto;padding:36px 6%;display:flex;justify-content:space-between;align-items:center;gap:25px}footer p,footer>a:last-child{font-size:10px;margin:0}.footer-brand{font-family:Manrope,sans-serif;font-size:20px;font-weight:800;letter-spacing:-.7px}.footer-brand span{display:block;font-family:'DM Sans',sans-serif;font-size:9px;letter-spacing:0;font-weight:400;margin-top:6px}@media(min-width:1500px){.statement{padding-left:calc((100vw - 1268px)/2);padding-right:calc((100vw - 1268px)/2)}}@media(max-width:850px){header{padding:20px 5%}nav{gap:15px}nav>a:first-child{display:none}.hero{padding-top:50px;grid-template-columns:1fr;gap:45px}.hero-copy{max-width:650px}h1{font-size:65px}.intro{max-width:550px}.hero-art{max-width:600px;width:100%;justify-self:center;margin-bottom:10px}.landscape-scene{height:310px}.section{padding:65px 6%}.section-heading{gap:6%}.process{gap:8%}.statement p{font-size:22px}.sample{padding:25px 20px}.sample-fence h3{font-size:33px}.concept{padding:16px}.concept-top{font-size:6px}.detail-grid{gap:4%}.detail-grid h3{font-size:16px}}@media(max-width:560px){.brand{font-size:21px;gap:8px}.brand img{width:40px;height:40px}.brand small{font-size:6px;letter-spacing:1px}nav>a:not(.nav-contact){display:none}.nav-contact{padding:10px;font-size:11px}.nav-contact span{margin-left:7px}h1{font-size:56px;letter-spacing:-2.7px}.hero{padding-top:38px}.eyebrow{font-size:8px;letter-spacing:1.5px}.intro{font-size:14px}.actions{gap:8px}.button{font-size:11px;padding:16px 18px}.quiet{font-size:9px;line-height:1.6}.hero-art{padding:16px 12px}.art-label{font-size:6px}.art-footer{font-size:5px}.landscape-scene{height:260px}.scene-title{font-size:40px}.mock-nav>span{font-size:6px}.statement{display:block;padding:30px 6%}.statement p{font-size:21px;margin-top:18px}.section-heading,.concept-grid,.process,.faq,.detail-grid{grid-template-columns:1fr}.section-heading{gap:24px}.concept-grid{gap:28px}.sample{height:320px}.sample h3{font-size:47px}.sample-fence h3{font-size:40px}.concept-top{font-size:8px}.concept{padding:20px}.concept-caption h3{font-size:17px}.steps{margin-top:30px}.detail-grid{gap:18px;margin-top:25px}.detail-grid>div{border-top:1px solid var(--line);padding-top:22px}.detail-grid h3{margin-top:12px}.faq{gap:27px}.contact{padding:65px 6%}.contact>p:not(.eyebrow){font-size:12px}.contact h2{letter-spacing:-2px}.contact h2 em{display:inline-block}footer{flex-wrap:wrap}.footer-brand{width:100%;font-size:22px}.mock-bottom{padding:19px 14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}