@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap');
:root{--green:#173c2b;--dark:#112e22;--cream:#f8f7f1;--paper:#eeeee4;--yellow:#f6c94c;--muted:#677168;--border:#d9ded3;--font:'DM Sans',Arial,sans-serif;--serif:'Playfair Display',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--cream);color:var(--green);font:15px/1.65 var(--font)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a,button,input,select,textarea,summary{outline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #a98616}button{cursor:pointer}img{max-width:100%}button{color:inherit}fieldset{padding:0;border:0;margin:0;min-width:0}legend{padding:0}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--serif);font-weight:500;letter-spacing:-.055em;line-height:1.05}h1 em,h2 em{font-weight:500}h2{font-size:clamp(36px,3.9vw,56px);margin-bottom:0}h3{font-weight:550;line-height:1.3;letter-spacing:-.035em}p{color:var(--muted)}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.section{padding-block:100px}.topbar{background:var(--green);color:#fff;display:flex;justify-content:space-between;padding:9px max(48px,calc((100vw - 1240px)/2));font-size:10px;letter-spacing:.12em}.topbar a{letter-spacing:0;font-size:11px;color:#e8eadc}.topbar a span{margin-left:13px;color:var(--yellow)}.header{height:116px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px}.brand img{object-fit:contain}.brand>span{font-family:Georgia,serif;font-size:27px;line-height:1;letter-spacing:-.04em;font-weight:bold}.brand small{display:block;font:600 10px/1.8 var(--font);letter-spacing:.22em;margin-left:1px}.header nav{display:flex;gap:32px;font-size:13px}.header nav a:hover,.text-link:hover{color:#7c6a24}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:16px 23px;font-size:12px;font-weight:600;border:1px solid transparent;line-height:1.5;border-radius:5px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button span{font-size:19px;line-height:1}.button-dark{background:var(--green);color:#fff}.button-dark:hover{background:#28543a}.button-yellow{background:var(--yellow);color:var(--dark)}.button-yellow:hover{background:#ffda72}.header-cta{padding:12px 20px}.hero{display:grid;grid-template-columns:1.06fr 1fr;gap:45px;padding-top:26px;padding-bottom:70px}.eyebrow{font-size:10px;letter-spacing:.15em;font-weight:650;color:var(--green);margin-bottom:25px;display:flex;align-items:center;gap:8px}.dot{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 0 4px #e5e9db}.hero h1{font-size:clamp(54px,5.6vw,80px);margin-bottom:27px;line-height:1.035;letter-spacing:-.065em}.hero h1 em{white-space:nowrap}.hero-copy{padding-top:22px}.hero-description{font-size:14px;line-height:1.9;margin-bottom:27px}.hero-actions{display:flex;gap:23px;align-items:center}.hero-actions .button{gap:19px;padding-inline:19px}.text-link{font-size:12px;font-weight:600;display:inline-flex;gap:18px;align-items:center}.hero-actions>.text-link{font-size:11px;white-space:nowrap}.hero-note{display:flex;gap:13px;align-items:center;font-size:10px;line-height:1.65;margin-top:40px;color:var(--muted)}.hero-note strong{font-weight:500;color:var(--green)}.sun-icon{font-size:36px;color:#aa8417;line-height:1}.hero-visual{position:relative;min-height:552px;margin-top:0}.hero-photo{height:100%;min-height:552px;background-image:linear-gradient(0deg,#0c241d44,transparent 50%),url('assets/outdoor-scene-pose-fixed.webp');background-size:cover,cover;background-position:center,91% center;border-radius:140px 8px 8px 8px}.photo-label{position:absolute;bottom:20px;left:24px;color:#fff;font-size:11px}.photo-label span{display:block;font-size:7px;letter-spacing:.12em;opacity:.8;margin-top:3px}.photo-sticker{position:absolute;right:-17px;top:30px;transform:rotate(7deg);width:146px;background:var(--yellow);padding:13px 18px;color:var(--dark);box-shadow:0 7px 20px #0001;border-radius:2px}.photo-sticker>span:first-child{font-size:12px;font-weight:700;line-height:1.4;display:block;letter-spacing:-.02em}.service-strip{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#f0f0e6}.service-strip>.wrap{display:flex;justify-content:space-between;align-items:center;padding-block:21px;gap:15px;font-size:10px;font-weight:600;letter-spacing:.1em}.service-strip span:nth-child(even){font-size:20px;color:#9ba66f;line-height:1}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:47px;gap:35px}.section-heading>.eyebrow{margin-bottom:20px}.section-heading>p{font-size:13px;line-height:1.8;margin-bottom:3px;max-width:330px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.service-card{padding:30px 33px 26px 0;position:relative}.service-card+.service-card{border-left:1px solid var(--border);padding-left:33px}.service-number{position:absolute;right:29px;top:25px;font-size:10px;color:#87927e}.service-icon{width:85px;height:75px;stroke:var(--green);stroke-width:1.8;margin-bottom:24px;margin-top:5px;transition:transform .2s}.service-card:hover .service-icon{transform:translateY(-5px)}.service-card h3{font-size:24px;margin-bottom:15px}.service-card p{font-size:13px;max-width:300px;min-height:65px}.card-link{font-size:11px;font-weight:600;display:flex;justify-content:space-between;align-items:center;margin-top:28px}.card-link span{font-size:23px}.estimate-section{background:var(--paper)}.estimate-section .section-heading{margin-bottom:38px}.calculator{display:grid;grid-template-columns:1.18fr 1fr;border:1px solid #d8ddcf;border-radius:10px;overflow:hidden;background:var(--cream)}.calculator-controls{padding:39px 39px 32px}legend,.control-heading>label,#gates-label{font-size:13px;font-weight:600;display:flex;gap:9px;align-items:center}.step{border:1px solid #cdd3c4;border-radius:50%;font-size:9px;display:inline-flex;width:20px;height:20px;align-items:center;justify-content:center;font-weight:500}.materials{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:20px}.materials label{position:relative;cursor:pointer}.materials input,.segments input{position:absolute;opacity:0;width:1px;height:1px}.materials label>span{display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 6px 9px;border:1px solid var(--border);border-radius:5px;font-size:11px}.materials input:checked+span{border:1.5px solid var(--green);background:#e9eddf}.materials input:focus-visible+span,.segments input:focus-visible+span{outline:3px solid #a98616;outline-offset:3px}.swatch{display:block;width:100%;height:48px;border-radius:2px}.wood{background:repeating-linear-gradient(90deg,transparent 0 13px,#795735 13px 14px),repeating-linear-gradient(90deg,#b69669 0 3px,#bb9c71 3px 7px,#b39365 7px 10px)}.vinyl{background:repeating-linear-gradient(90deg,#e9e7dc 0 13px,#c5c6b8 13px 14px);box-shadow:inset 0 0 0 1px #cdd0c3}.aluminum{background:repeating-linear-gradient(90deg,transparent 0 9px,#3c4840 9px 12px),linear-gradient(0deg,transparent 8px,#3c4840 8px 11px,transparent 11px 36px,#3c4840 36px 39px,transparent 39px);background-color:#e6e9e1}.chain{background:repeating-linear-gradient(45deg,transparent 0 9px,#9ba698 9px 10.5px,transparent 10.5px 20px),repeating-linear-gradient(-45deg,transparent 0 9px,#9ba698 9px 10.5px,transparent 10.5px 20px);background-color:#e9ece3}.length-control{margin-top:31px}.control-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.length-number{display:flex;align-items:center;gap:6px}.length-number input{width:59px;padding:3px 0 3px 4px;background:transparent;border:0;border-bottom:1px solid #b8c3ad;color:var(--green);font-size:24px;font-weight:500;text-align:right;appearance:textfield}.length-number input::-webkit-inner-spin-button{appearance:none}.length-number>span{font-size:10px;color:var(--muted)}input[type=range]{appearance:none;width:100%;height:5px;border-radius:5px;background:linear-gradient(to right,var(--green) 27.08%,#dce0d3 27.08%);margin:25px 0 15px;cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border:4px solid var(--cream);background:var(--green);border-radius:50%;box-shadow:0 0 0 1px var(--green)}input[type=range]::-moz-range-thumb{width:13px;height:13px;border:4px solid var(--cream);background:var(--green);border-radius:50%;box-shadow:0 0 0 1px var(--green)}.range-labels{display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.options-row{display:grid;grid-template-columns:1.3fr 1fr;gap:30px;margin-top:31px}.segments{display:flex;margin-top:17px;border:1px solid var(--border);border-radius:4px;overflow:hidden}.segments label{position:relative;flex:1;cursor:pointer}.segments label+label{border-left:1px solid var(--border)}.segments span{display:block;text-align:center;padding:8px 6px;font-size:11px}.segments input:checked+span{background:var(--green);color:white}.stepper{border:1px solid var(--border);border-radius:4px;display:flex;justify-content:space-between;margin-top:17px;height:35px;align-items:center}.stepper button{background:none;border:0;width:34px;font-size:19px;height:100%}.stepper button:disabled{opacity:.3;cursor:default}.stepper output{font-size:12px}.removal-option{position:relative;display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--border);margin-top:29px;padding-top:24px;cursor:pointer}.removal-option strong{font-size:12px;display:block;font-weight:600}.removal-option small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.removal-option input{position:absolute;opacity:0;right:0}.toggle{width:36px;height:21px;background:#d6dccd;border-radius:20px;padding:3px;flex-shrink:0;transition:background .2s}.toggle:after{content:'';display:block;width:15px;height:15px;background:white;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #0002}.removal-option input:checked+.toggle{background:var(--green)}.removal-option input:checked+.toggle:after{transform:translateX(15px)}.removal-option input:focus-visible+.toggle{outline:3px solid #a98616;outline-offset:4px}.estimate-result{background:var(--green);color:var(--cream);padding:25px 31px 24px}.result-top{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.12em;color:#cad5be}.fence-scene{height:155px;position:relative;overflow:hidden;margin-top:13px}.scene-sun{width:45px;height:45px;background:var(--yellow);border-radius:50%;position:absolute;right:42px;top:9px}.scene-ground{position:absolute;bottom:28px;left:4%;width:92%;height:25px;border-radius:50%;background:#2b4d32;transform:rotate(-3deg)}.fence-illustration{--fence-color:#bd9966;display:flex;align-items:flex-end;justify-content:center;position:absolute;width:80%;left:10%;bottom:40px;height:85px;gap:2px;transform:skewY(-3deg);border-bottom:5px solid #b08c59;transition:height .2s}.fence-illustration:before,.fence-illustration:after{content:'';position:absolute;width:100%;height:5px;background:#d0af79;z-index:2;left:0;top:23%}.fence-illustration:after{top:75%}.fence-illustration i{height:100%;flex:1;background:var(--fence-color);border-radius:4px 4px 0 0;box-shadow:inset -2px 0 #0001}.fence-illustration i:nth-child(3n){filter:brightness(1.07)}[data-material=vinyl] .fence-illustration{--fence-color:#e1e1d2;border-color:#d7d8c8}[data-material=vinyl] .fence-illustration:before,[data-material=vinyl] .fence-illustration:after{background:#ebebe2}[data-material=aluminum] .fence-illustration{--fence-color:#9ca99b;gap:13px;border-bottom:0}[data-material=aluminum] .fence-illustration:before,[data-material=aluminum] .fence-illustration:after{background:#8e9f8e;height:3px}[data-material=chain] .fence-illustration{border:3px solid #a7b5a1;gap:0;background:repeating-linear-gradient(45deg,transparent 0 8px,#a7b5a1 8px 9px,transparent 9px 17px),repeating-linear-gradient(-45deg,transparent 0 8px,#a7b5a1 8px 9px,transparent 9px 17px)}[data-material=chain] .fence-illustration i,[data-material=chain] .fence-illustration:before,[data-material=chain] .fence-illustration:after{display:none}.fence-dimension{position:absolute;bottom:1px;width:100%;text-align:center;color:#c6d2ba;font-size:9px;letter-spacing:.05em}.result-label{color:#cad5be;font-size:11px;margin:19px 0 3px}.estimate-price{font-family:var(--serif);font-size:clamp(28px,3.3vw,47px);line-height:1.35;letter-spacing:-.04em;display:block;white-space:nowrap}.estimate-summary{font-size:10px;color:#cad5be;margin:6px 0 15px}.breakdown{border-top:1px solid #ffffff25;border-bottom:1px solid #ffffff25;margin-bottom:17px}.breakdown summary{font-size:10px;display:flex;justify-content:space-between;padding:10px 0;cursor:pointer}.breakdown dl{margin:0 0 12px;font-size:10px;color:#d7decf}.breakdown dl>div{display:flex;justify-content:space-between;margin:4px 0}.breakdown dd{margin:0}.estimate-result .button{display:flex;padding:13px 17px}.estimate-disclaimer{color:#bdccb4;font-size:9px;line-height:1.7;margin:13px 0 0}.estimate-disclaimer strong{display:block;color:#e1e7d9;font-weight:500}.process{display:grid;grid-template-columns:1.1fr 1fr;gap:80px}.process h2{margin-bottom:29px}.process ol{list-style:none;padding:0;margin:0}.process li{display:flex;gap:24px;padding:0 0 25px}.process li+li{border-top:1px solid var(--border);padding-top:25px}.process li:last-child{padding-bottom:0}.process li>span{font:italic 22px var(--serif);color:#89946b}.process h3{font-size:19px;margin:0 0 7px}.process li p{font-size:12px;margin:0;max-width:340px}.area-section{background:#e5eadc;padding-block:72px}.area-inner{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center}.area-inner h2{font-size:44px;margin-bottom:22px}.area-inner p:not(.eyebrow){font-size:13px;max-width:405px}.area-inner p strong{color:var(--green);font-weight:500}.area-inner .towns{font-size:11px!important;line-height:1.9;margin-bottom:24px}.area-art{position:relative;padding-top:20px}.area-art svg{width:100%;overflow:visible}.coast-line{stroke:#b0bca1;stroke-width:1.5;fill:none}.route-line{stroke:var(--green);stroke-width:1.2;stroke-dasharray:3 5;fill:none}.map-dots circle{fill:var(--green);stroke:#e5eadc;stroke-width:3}.map-labels{font:8px var(--font);letter-spacing:1px;fill:var(--green)}.water-label{font:italic 15px var(--serif);letter-spacing:5px;fill:#99aa8b}.compass{font-size:9px;line-height:1.4;display:block;position:absolute;right:20px;top:-3px;text-align:center;color:#788b66}.area-art>small{font-size:7px;letter-spacing:.14em;color:#788b66;position:absolute;bottom:5px;left:20px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact h2{font-size:49px;margin-bottom:25px}.contact-copy>p:not(.eyebrow){font-size:13px;line-height:1.9}.whatsapp-card{display:flex;align-items:center;gap:16px;background:#eaeddf;border:1px solid #d8dfca;border-radius:5px;padding:18px;margin-top:30px;transition:background .2s}.whatsapp-card:hover{background:#dde5cc}.chat-icon{width:34px;height:34px;border:1px solid #b6c2a3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px}.whatsapp-card small{font-size:8px;letter-spacing:.1em;display:block}.whatsapp-card strong{font-size:14px;display:block;font-weight:550;margin-top:3px}.whatsapp-card>span>span{font-size:10px;color:var(--muted);display:block;margin-top:2px}.contact-copy .messenger-note{font-size:10px!important;line-height:1.9;margin:11px 0 27px}.messenger-note a{border-bottom:1px solid #a7b393}.contact-direct a{font-size:13px;display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid var(--border);gap:15px}.contact-direct span{font-size:18px}.contact-form{background:#fff;padding:29px;border:1px solid var(--border);border-radius:7px}.form-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.form-topline h3{margin:0;font-size:20px}.form-topline>span{font-size:23px}.contact-form label{display:block;font-size:10px;font-weight:600;margin-bottom:15px}.contact-form input:not([type=checkbox]),.contact-form textarea,.contact-form select{display:block;width:100%;border:1px solid #dce0d5;border-radius:3px;padding:10px 11px;margin-top:6px;background:#f9faf6;color:var(--green);font-size:11px;min-width:0}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#8c9587}.contact-form textarea{resize:vertical;min-height:82px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-form .include-estimate{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:400;margin-top:0}.include-estimate input{accent-color:var(--green);margin:0}.contact-form>.button{display:flex;width:100%;padding:13px 17px}.form-note{font-size:9px;line-height:1.8;margin:12px 0 0}.form-note button{border:0;background:none;padding:0;color:var(--green);font-size:inherit;text-decoration:underline}.form-status{font-size:10px;margin:10px 0 0}.form-status:empty{display:none}.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:95px;padding-bottom:100px}.faq h2{font-size:40px}.faq-items{border-top:1px solid var(--border)}.faq details{border-bottom:1px solid var(--border)}.faq summary{display:flex;justify-content:space-between;align-items:center;padding:18px 0;cursor:pointer;font-size:12px;gap:18px}.faq summary span{font-size:20px;font-weight:400}.faq details[open] summary span,.breakdown[open] summary span{transform:rotate(45deg)}.faq details p{font-size:12px;max-width:540px;margin:0 30px 20px 0}summary{list-style:none}summary::-webkit-details-marker{display:none}footer{background:var(--green);color:var(--cream);padding-block:40px 20px}.footer-main{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-bottom:34px}.footer-brand img{filter:brightness(0) invert(.93)}.footer-brand>span{font-size:22px}.footer-brand small{font-size:8px}.footer-main p{font-family:var(--serif);font-size:18px;font-style:italic;color:#d0dac4;margin:0}.footer-main .text-link:hover{color:var(--yellow)}.footer-bottom{border-top:1px solid #ffffff26;padding-top:19px;display:flex;justify-content:space-between;font-size:8px;color:#bdcdb6;gap:20px}.footer-bottom>div{display:flex;gap:20px}.skip-link{position:fixed;top:-60px;left:15px;z-index:100;background:var(--yellow);color:var(--green);padding:12px}.skip-link:focus{top:10px}
@media(min-width:1500px){.hero h1{font-size:80px}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.topbar{padding-inline:32px}.header nav{gap:20px}.hero{gap:30px}.hero h1{font-size:61px}.hero-actions{align-items:flex-start;flex-direction:column;gap:15px}.hero-note{margin-top:25px}.hero-visual,.hero-photo{min-height:540px}.contact{gap:50px}.calculator-controls{padding:30px 25px}.estimate-result{padding-inline:25px}.service-card h3{font-size:21px}.process,.area-inner{gap:45px}}@media(max-width:800px){.wrap{width:calc(100% - 40px)}.topbar{padding-inline:20px}.topbar>span{font-size:8px}.topbar a{font-size:10px}.header{height:94px}.brand>span{font-size:23px}.brand img{width:49px;height:49px}.brand small{font-size:8px}.header nav{display:none}.hero{grid-template-columns:1fr 1fr;gap:20px;padding-top:10px;padding-bottom:45px}.hero-copy{padding-top:17px}.hero h1{font-size:48px}.eyebrow{font-size:8px;margin-bottom:19px}.hero-description{font-size:12px}.hero-description br{display:none}.hero-visual,.hero-photo{min-height:490px}.hero-photo{border-top-left-radius:100px}.photo-sticker{right:-5px;width:117px;padding:14px;top:28px}.photo-sticker>span:first-child{font-size:10px}.hero-actions .button{padding:13px;font-size:10px;gap:11px}.hero-note{font-size:9px}.photo-label{left:14px;font-size:9px}.service-strip>.wrap{font-size:8px;letter-spacing:.04em;gap:10px}.service-strip span:nth-child(even){font-size:15px}.section{padding-block:70px}.section-heading>p{font-size:11px;max-width:240px}.service-card{padding-right:18px}.service-card+.service-card{padding-left:18px}.service-card h3{font-size:19px}.service-card p{font-size:11px;min-height:91px}.service-number{right:15px}.calculator{grid-template-columns:1.12fr 1fr}.calculator-controls{padding:27px 19px}.materials{gap:5px}.materials label>span{font-size:9px;padding:9px 4px}.options-row{gap:15px}.estimate-result{padding-inline:20px}.estimate-price{font-size:32px}.estimate-result .button{font-size:10px;gap:8px}.range-labels{font-size:8px}.control-heading>label,legend,#gates-label{font-size:11px}.step{width:17px;height:17px;font-size:8px}.length-number input{font-size:22px;width:44px}.length-number>span{font-size:8px}.process{gap:30px}.process h2{font-size:37px}.process li{gap:15px}.process h3{font-size:17px}.area-inner{gap:28px}.area-inner h2{font-size:37px}.area-inner p:not(.eyebrow){font-size:11px}.contact{gap:30px}.contact h2{font-size:38px}.contact-copy>p:not(.eyebrow){font-size:12px}.contact-form{padding:22px}.form-row{gap:10px}.form-topline h3{font-size:17px}.contact-direct a{font-size:10px}.whatsapp-card{padding:13px;gap:10px}.whatsapp-card strong{font-size:12px}.whatsapp-card small{font-size:6px}.faq{gap:45px;padding-bottom:70px}.footer-main p{font-size:14px}.footer-brand>span{font-size:18px}.footer-brand small{font-size:6px}.footer-brand img{width:40px;height:40px}}
@media(max-width:600px){.topbar{justify-content:center;padding:9px 15px}.topbar>span{display:none}.header{height:86px}.header-cta{font-size:11px;padding:10px 14px;gap:15px}.hero{display:flex;flex-direction:column;gap:30px;padding-top:12px}.hero-copy{padding-top:5px}.hero h1{font-size:clamp(53px,11.7vw,68px);line-height:1.02;margin-bottom:22px}.hero h1 br:nth-of-type(1){display:none}.hero h1 br:nth-of-type(1):after{content:' '}.hero h1 em{white-space:normal}.hero .eyebrow{font-size:8px;margin-bottom:20px}.hero-description{font-size:13px;max-width:330px}.hero-actions{flex-direction:row;align-items:center;gap:17px}.hero-actions .button{font-size:10px;padding:14px}.hero-actions>.text-link{font-size:9px;gap:7px}.hero-note{margin-top:23px}.hero-visual,.hero-photo{min-height:340px;height:340px}.hero-photo{border-radius:80px 5px 5px 5px;background-position:center,90% center}.photo-sticker{width:124px;right:8px;top:18px}.photo-sticker>span:first-child{font-size:11px}.photo-label{bottom:16px;left:20px}.service-strip>.wrap{flex-wrap:wrap;justify-content:center;column-gap:14px;row-gap:5px;padding-block:16px;font-size:8px}.service-strip span:nth-child(6){display:none}.service-strip span:last-child{flex-basis:100%;text-align:center;margin-top:4px;font-size:7px;color:#78896b}.section{padding-block:55px}h2{font-size:38px}.section-heading{display:block;margin-bottom:29px}.section-heading>p{max-width:100%;font-size:12px;margin-top:21px}.section-heading>p br{display:none}.section-heading .eyebrow{margin-bottom:19px}.service-grid{display:block}.service-card{display:block;padding:25px 0 22px 83px!important;min-height:182px}.service-card+.service-card{border-left:0;border-top:1px solid var(--border)}.service-card .service-icon{position:absolute;top:28px;left:0;width:60px;height:62px;margin:0}.service-number{right:1px;top:18px;font-size:8px}.service-card h3{font-size:21px;margin-bottom:10px}.service-card p{font-size:12px;min-height:0;max-width:none;margin-bottom:13px}.card-link{margin-top:12px;font-size:10px}.card-link span{font-size:18px}.calculator{display:block}.calculator-controls{padding:26px 22px 27px}.materials{gap:8px;margin-top:18px}.materials label>span{font-size:11px;padding:11px 5px}.swatch{height:45px}.control-heading>label,legend,#gates-label{font-size:12px}.length-number input{width:52px;font-size:25px}.length-number>span{font-size:9px}.range-labels{font-size:9px}.options-row{gap:30px}.estimate-result{padding:24px}.fence-scene{height:154px;margin-inline:10px}.estimate-price{font-size:43px}.result-label{font-size:12px}.estimate-summary{font-size:11px}.estimate-result .button{font-size:12px;padding:15px 17px}.estimate-disclaimer{font-size:10px}.breakdown summary,.breakdown dl{font-size:11px}.process{display:block}.process h2{font-size:37px}.process ol{margin-top:34px}.process h3{font-size:19px}.process li p{font-size:12px;max-width:none}.process li{gap:20px}.area-section{padding-block:46px}.area-inner{display:flex;flex-direction:column-reverse;gap:35px}.area-inner>div{width:100%}.area-inner h2{font-size:39px}.area-inner p:not(.eyebrow){font-size:12px;max-width:none}.area-art{margin-top:8px}.contact{display:block}.contact h2{font-size:40px}.contact-copy>p:not(.eyebrow){font-size:13px}.whatsapp-card{max-width:none;margin-top:25px;padding:17px}.whatsapp-card small{font-size:8px}.whatsapp-card strong{font-size:14px}.contact-direct a{font-size:12px}.contact-form{margin-top:32px;padding:23px}.form-topline h3{font-size:21px}.contact-form label{font-size:11px}.contact-form input:not([type=checkbox]),.contact-form select,.contact-form textarea{font-size:16px;padding:9px;min-height:43px}.form-row{gap:12px}.contact-form select{font-size:12px}.contact-form input::placeholder,.contact-form textarea::placeholder{font-size:12px}.form-note{font-size:10px}.form-status{font-size:11px}.faq{display:block;padding-bottom:55px}.faq h2{font-size:35px;margin-bottom:28px}.faq summary{font-size:12px;padding:17px 0}.faq details p{font-size:12px}.footer-main{flex-wrap:wrap;gap:22px;padding-bottom:25px}.footer-main .footer-brand{flex:1}.footer-main p{order:3;width:100%;font-size:17px}.footer-main .text-link{font-size:10px}.footer-brand>span{font-size:21px}.footer-brand small{font-size:7px}.footer-bottom{flex-wrap:wrap;gap:9px;font-size:8px}.footer-bottom>span:first-child{width:100%}.footer-bottom>div{margin-left:auto;gap:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

@media(max-width:600px){.estimate-price{font-size:clamp(28px,9.4vw,43px)}.stepper{height:42px}.stepper button{width:38px}.segments span{padding-block:11px}}
@media(max-width:360px){.form-row{grid-template-columns:1fr;gap:0}}

.chat-icon svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}

/* Board widths respond to the preview size, never to the selected fence length. */
.fence-scene{container-type:inline-size}
.fence-scene:not([data-material=chain]) .fence-illustration i{flex:none;width:calc((90cqw - 34px)/18)}
.fence-scene[data-material=aluminum] .fence-illustration{gap:calc((90cqw - 34px)/18 - 1px)}
.fence-scene[data-material=aluminum] .fence-illustration i{width:3px}
.board-enter{animation:fence-board-in .18s ease-out}
@keyframes fence-board-in{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}
.fence-scene:not([data-material=chain]) .fence-illustration{transform:translateX(-50%) skewY(-3deg)}

.breakdown dt small{display:block;font-size:9px;color:#bdccb4;font-weight:400}

.form-trap{display:none!important}.button:disabled{opacity:.65;cursor:wait;transform:none}.contact-form[data-status=success] .form-status{padding:11px 12px;border-radius:4px;background:#e9eddf;color:var(--green)}.contact-form[data-status=error] .form-status{padding:11px 12px;border-radius:4px;background:#fff4d9;color:#654b13}.form-note a{text-decoration:underline}