@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;450;500;550;600;650;700;750;800&display=swap');
:root{--ink:#252e27;--paper:#f7f7f2;--muted:#697069;--lime:#d5ed89;--line:#dce0d7;--font:'Golos Text',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--paper);font-size:15px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #93aa52;outline-offset:5px}button{border:0}svg{display:block}p{line-height:1.65}h1,h2,h3,p{margin-top:0}h2{font-size:clamp(30px,3.4vw,48px);font-weight:500;line-height:1.15;letter-spacing:-1.8px;margin-bottom:24px}h3{font-weight:550;letter-spacing:-.6px}section[id]{scroll-margin-top:20px}.container{width:min(1264px,calc(100% - 96px));margin:auto}.section{padding-top:104px;padding-bottom:104px}.header{background:var(--paper);position:sticky;top:0;z-index:20;border-bottom:1px solid #e5e6df}.header-inner{height:91px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:12px;font-weight:750;font-size:21px;letter-spacing:1px;line-height:1.1}.brand svg{width:36px;height:40px}.brand-sub{display:block;font-size:9px;letter-spacing:1.8px;font-weight:500;margin-top:7px}.desktop-nav{display:flex;gap:30px;font-size:13px}.desktop-nav a{padding:10px 0}.desktop-nav a:hover{color:#728343}.header-phone{font-weight:600;white-space:nowrap;font-size:16px}.phone-icon{border:1px solid #cdd2c6;border-radius:50%;padding:7px 10px;margin-right:8px;font-size:18px}.menu-toggle{display:none}.mobile-nav[hidden]{display:none}.skip{position:fixed;top:-100px;left:15px;z-index:99;background:var(--lime);padding:15px}.skip:focus{top:12px}.hero{background:#252f27;color:white;min-height:690px;position:relative;overflow:hidden}.hero-image{position:absolute;inset:0 0 0 32%;background-image:linear-gradient(90deg,#252f27 0%,rgba(37,47,39,.82) 11%,rgba(37,47,39,.11) 46%,rgba(37,47,39,.04) 100%),linear-gradient(0deg,rgba(21,30,22,.75),transparent 37%),url('assets/fence-hero.webp');background-size:cover;background-position:center}.hero-content{position:relative;padding-top:65px;padding-bottom:143px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.8px;line-height:1.6;display:block;margin-bottom:24px}.eyebrow.light{color:#e4e9db}.status-dot{width:6px;height:6px;background:var(--lime);display:inline-block;border-radius:50%;margin-right:7px;vertical-align:middle}h1{font-size:clamp(48px,5vw,72px);line-height:1.04;font-weight:500;letter-spacing:-3.7px;margin-bottom:25px;max-width:670px}h1 span{color:var(--lime)}.hero-description{font-size:15px;color:#dbe0d7;margin-bottom:28px;line-height:1.7}.button{display:inline-flex;gap:35px;align-items:center;justify-content:space-between;min-height:54px;padding:16px 23px;font-size:13px;font-weight:550;border-radius:3px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.lime{background:var(--lime);color:var(--ink)}.lime:hover{background:#e1f5a2}.button svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.5;fill:none}.hero-phone{display:block;width:max-content;font-size:14px;margin-top:18px;color:#e2e6de}.hero-caption{position:absolute;right:48px;bottom:130px;font-size:9px;letter-spacing:1.5px;color:#fff;max-width:290px;line-height:1.6}.hero-caption span{display:block;margin-top:8px;color:#d4e98d}.hero-bottom{display:flex;position:absolute;bottom:0;left:0;right:0;border-top:1px solid #ffffff30;padding:28px 0;gap:54px;font-size:12px;color:#e8ece3}.hero-bottom i{font-size:10px;font-style:normal;color:var(--lime);margin-right:11px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:42px;gap:40px}.section-heading h2{margin-bottom:0}.section-heading p{font-size:13px;color:var(--muted);margin-bottom:4px;max-width:320px}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.product-visual{position:relative;width:100%;height:274px;display:block;background:#e6e8df;border-radius:3px;overflow:hidden;text-align:left;isolation:isolate}.product-visual:hover .fence{transform:translateY(-4px) rotateY(-13deg) rotateX(5deg)}.picket-bg{background:#eae5da}.mesh-bg{background:#e1e6df}.product-index{position:absolute;left:22px;top:21px;font-size:9px;letter-spacing:1.5px;z-index:2}.round-arrow{position:absolute;bottom:19px;right:19px;background:#f9faf3;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;font-size:20px}.fence-scene{position:absolute;left:0;right:0;top:55px;bottom:15px;perspective:800px;display:grid;place-items:center}.ground{position:absolute;left:0;right:0;bottom:-18px;height:100px;background:linear-gradient(170deg,transparent 22%,#c2c8b66b 23%,#d0d4c58c 65%,transparent 66%);transform:skewY(-6deg)}.fence{width:88%;height:143px;display:flex;align-items:flex-end;transform:rotateY(-13deg) rotateX(5deg);transition:transform .4s;filter:drop-shadow(5px 13px 5px #28342a25);position:relative;z-index:1}.post{height:158px;width:8px;flex-shrink:0;background:linear-gradient(90deg,#353d35,#56604e 48%,#31382f 50%);border-top:3px solid #737a69}.panels{height:138px;flex:1;background:repeating-linear-gradient(90deg,#404940 0 7px,#515a4c 7px 10px,#303b30 10px 13px);border-top:3px solid #4b5547;border-bottom:3px solid #343e33}.pickets{height:140px;flex:1;background:repeating-linear-gradient(90deg,#715d47 0 8px,#9a8061 8px 11px,#63503b 11px 13px,transparent 13px 19px);border-top:0;position:relative}.pickets:after{content:'';position:absolute;inset:26px 0 25px;border-top:5px solid #4b4f3c;border-bottom:5px solid #4b4f3c;z-index:-1}.picket-fence .post{background:linear-gradient(90deg,#574b3c,#796c52 50%,#4d4434 51%)}.mesh{height:135px;flex:1;background:repeating-linear-gradient(90deg,#526a50 0 2px,transparent 2px 13px),repeating-linear-gradient(0deg,#657958 0 2px,transparent 2px 24px);border-top:2px solid #4d6849;border-bottom:2px solid #4d6849;position:relative}.mesh:after{content:'';position:absolute;left:0;right:0;top:30px;height:5px;border-top:2px solid #3f593c;border-bottom:2px solid #839178;box-shadow:0 62px 0 #526c4c}.mesh-fence .post{background:linear-gradient(90deg,#3b523b,#708565 50%,#3b5038 51%)}.product-info{padding:23px 0 0}.product-info h3{font-size:23px;margin-bottom:10px}.product-info p{color:var(--muted);font-size:13px;line-height:1.7;margin-bottom:16px;min-height:45px}.text-button{padding:0 0 7px;background:transparent;font-size:12px;font-weight:500;border-bottom:1px solid #b6bfb0}.text-button span{margin-left:18px}.text-button:hover{color:#6c7e3c}.gates{display:flex;align-items:center;gap:32px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 0;margin-top:40px}.gates .eyebrow{font-size:8px;margin-bottom:7px;letter-spacing:1.4px}.gates h3{font-size:19px;margin-bottom:6px}.gates p{font-size:12px;color:var(--muted);margin-bottom:0}.gate-art{width:125px;min-width:125px;height:70px;border-left:5px solid #5d6657;border-right:5px solid #5d6657;display:flex;gap:4px;padding:5px 2px}.gate-art span{width:50%;background:repeating-linear-gradient(90deg,#6b765e 0 4px,transparent 4px 9px);border:2px solid #596650}.circle-link{width:46px;min-width:46px;height:46px;display:grid;place-items:center;font-size:24px;border:1px solid #c0c8b6;border-radius:50%;margin-left:auto}.circle-link:hover{background:var(--lime)}.illustration-note{font-size:10px;line-height:1.6;color:#7a8077;margin-top:15px;margin-bottom:0}.approach{background:var(--ink);color:#f8faf1;padding:82px 0}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.approach-title{position:relative;overflow:hidden}.approach-title h2{font-size:46px}.approach-title>p{color:#bfc7bb;font-size:13px;margin-bottom:26px}.outline{border:1px solid #77836b;color:#f7faef;gap:40px}.outline:hover{background:#3e493b}.line-fence{width:80%;height:85px;margin-top:50px;background:repeating-linear-gradient(90deg,transparent 0 15px,#85957670 15px 16px);border-top:1px solid #85957670;border-bottom:1px solid #85957670;transform:skewY(-4deg);mask-image:linear-gradient(90deg,#000,transparent)}.steps article{display:flex;gap:30px;padding:29px 0;border-top:1px solid #59614f}.steps article:first-child{padding-top:0;border-top:0}.steps article:last-child{padding-bottom:0}.steps article>span{color:var(--lime);font-size:12px;padding-top:5px}.steps h3{font-size:21px;margin-bottom:12px}.steps p{font-size:13px;color:#bec7b7;line-height:1.8;margin-bottom:0;max-width:360px}.details-heading{margin-bottom:42px}.details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:55px}.details-grid article{border-top:1px solid var(--line);padding-top:24px}.detail-icon{display:block;font-size:32px;margin-bottom:20px;font-weight:400;color:#71805d;line-height:1}.details-grid h3{font-size:20px;margin-bottom:12px}.details-grid p{font-size:13px;color:var(--muted);margin:0}.faq{background:#edeFE7;padding-top:80px;padding-bottom:80px}.faq-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:80px}.faq-grid>div>p{font-size:13px;color:var(--muted)}.faq-grid>div>p a{display:inline-block;color:var(--ink);margin-top:10px;border-bottom:1px solid #b7c0aa}.faq-list details{border-bottom:1px solid #cdd3c4}.faq-list details:first-child{border-top:1px solid #cdd3c4}.faq-list summary{padding:23px 0;display:flex;justify-content:space-between;gap:25px;cursor:pointer;list-style:none;font-size:14px;line-height:1.5}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:23px;line-height:1;flex-shrink:0;font-weight:400}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:13px;color:#596350;line-height:1.8;margin:0;padding:0 35px 24px 0}.contact{background:var(--lime);padding:60px 0 35px}.contact-top{display:flex;align-items:center;justify-content:space-between}.contact-top .eyebrow{margin-bottom:0}.contact-mark{font-size:50px;line-height:1}.contact h2{font-size:clamp(34px,4.1vw,58px);margin-bottom:18px;margin-top:28px;letter-spacing:-2px}.contact>div>p{font-size:13px;color:#4f5d37;margin-bottom:30px}.contact-phone{display:inline-flex;align-items:center;gap:50px;font-size:clamp(32px,5.3vw,74px);font-weight:500;letter-spacing:-2px;line-height:1.3}.contact-phone svg{width:48px;stroke:currentColor;stroke-width:2;fill:none}.contact-phone:hover{color:#5c702d}.contact-bottom{display:flex;justify-content:space-between;border-top:1px solid #a7be72;margin-top:46px;padding-top:25px;font-size:11px}.contact-bottom a{font-weight:600}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:102px}.footer-brand{font-size:15px;letter-spacing:1px}.footer-brand span{font-size:11px;font-weight:400;margin-left:0}.footer p{font-size:11px;color:var(--muted);margin:0}.footer>a:last-child{font-size:11px}.mobile-call{display:none}dialog{border:0;background:var(--paper);color:var(--ink);max-width:560px;width:calc(100% - 36px);padding:45px;border-radius:6px;box-shadow:0 20px 100px #0003}dialog::backdrop{background:#172119b8;backdrop-filter:blur(5px)}.dialog-close{position:absolute;top:12px;right:14px;font-size:29px;background:transparent;padding:5px 10px}.dialog-price{font-size:12px;color:var(--muted);margin:24px 0 18px}dialog h2{font-size:34px;letter-spacing:-1px}dialog>p{font-size:14px}dialog ul{padding-left:19px;font-size:13px;line-height:1.9}body.modal-open{overflow:hidden}