/* Mockup-aligned sections and responsive refinements */
.mini-quote{display:grid;gap:8px;margin-top:14px}.mini-quote input,.mini-quote select{width:100%;border:1px solid #deddd5;background:white;padding:10px 11px;font-size:10px;color:#24372b}.mini-quote button{display:flex;justify-content:space-between;align-items:center;background:var(--green);border:0;padding:11px;color:white;font-size:10px;font-weight:700;cursor:pointer}.mini-quote button:hover{background:#23543e}.mini-status{display:block;text-align:center;color:#737970;font-size:8px}
.fence-proof{display:grid;grid-template-columns:1fr 1fr;background:#123a2c;color:#fff}.fence-before,.fence-recent{padding:45px 7%}.fence-proof h2{font:500 34px/1.08 var(--serif);margin:0 0 9px}.fence-proof .eyebrow{margin-bottom:10px}.fence-before>p:not(.eyebrow),.fence-recent>small{font-size:9px;color:#c3d0c7}.fence-compare{height:208px;position:relative;display:flex;margin-top:16px;background:linear-gradient(90deg,#152e21a0,#152e2100),url('https://images.unsplash.com/photo-1750086606449-0479fdd6a97f?auto=format&fit=crop&w=1200&q=80') center/cover;align-items:end;justify-content:space-between;padding:9px}.fence-compare-before{position:absolute;left:0;top:0;bottom:0;width:50%;background:linear-gradient(#48423655,#48423655),url('https://images.unsplash.com/photo-1750086606449-0479fdd6a97f?auto=format&fit=crop&w=1200&q=80') center/cover;clip-path:inset(0 0 0 0);border-right:2px solid white}.fence-compare span{z-index:1;background:white;color:#1c2c21;padding:4px 7px;font-size:8px;font-weight:700}.fence-compare b{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:32px;height:32px;border-radius:50%;background:#c89e55;color:#fff;display:grid;place-items:center;font-size:23px}
.fence-recent{background:#f5f2e9;color:#183d2d}.fence-recent h2{color:#183d2d}.gallery-tabs,.project-filters{display:flex;gap:5px;flex-wrap:wrap;margin:12px 0}.gallery-tabs button,.project-filters button{border:1px solid #d8d8cd;background:#fff;padding:6px 9px;font-size:8px;color:#4e594f;cursor:pointer}.gallery-tabs .selected,.project-filters .selected{background:#173e2e;color:#fff;border-color:#173e2e}.recent-grid,.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:9px}.recent-grid div,.project-grid div{height:69px;background:url('https://images.unsplash.com/photo-1748843811152-2ecb9c207e36?auto=format&fit=crop&w=500&q=75') center/cover}.recent-grid div:nth-child(2n),.project-grid div:nth-child(2n){background-position:60% center}
.testimonials{display:grid;grid-template-columns:1.1fr repeat(3,1fr);gap:14px;padding:31px 7%;align-items:stretch;background:#123a2c;color:#fff}.testimonial-intro h2{font:500 26px/1.08 var(--serif);margin:0}.testimonial-intro>p:last-child{font-size:9px;color:#c6d0c8}.testimonial-placeholder{background:#fbfaf6;color:#879087;min-height:100px;padding:15px 16px;font:italic 28px var(--serif)}.testimonial-placeholder b,.testimonial-placeholder small{display:block;font:500 9px var(--sans);color:#5f6a61}.testimonial-placeholder small{font-size:8px;color:#8b918a;margin-top:12px}.credentials{display:grid;grid-template-columns:repeat(3,1fr);padding:20px 9%;background:#eeeae0;border-bottom:1px solid #dedbd1}.credentials>div{display:flex;align-items:center;gap:13px;padding:5px 18px;border-right:1px solid #d4d0c5}.credentials>div:last-child{border:0}.credentials>div>b{font-size:24px;color:#284b39}.credentials strong,.credentials small{display:block}.credentials strong{font-size:10px;color:#26382c}.credentials small{font-size:8px;color:#737a72}.service-area{display:grid;grid-template-columns:1fr 1fr;background:#123a2c;color:white;padding:45px 8%;gap:40px}.service-area h2{font:500 34px/1.08 var(--serif);margin:0}.service-area>div>p:not(.eyebrow){font-size:10px;color:#c5d1c8}.service-area ul{columns:2;list-style:none;padding:0;margin:20px 0 0}.service-area li{font-size:9px;padding:5px 0;color:#dce5dc}.service-area li:before{content:'→';color:#d4b77a;margin-right:8px}.area-map{min-height:205px;position:relative;display:grid;place-items:center;color:#94ad9c;background:radial-gradient(ellipse at 50% 48%,#28543e 0 26%,transparent 27%),linear-gradient(135deg,transparent 30%,#9db6a322 31% 32%,transparent 33% 63%,#9db6a322 64% 65%,transparent 66%);border:1px solid #ffffff20}.area-map span{font:700 8px var(--sans);letter-spacing:.2em}.area-map b{position:absolute;top:44%;left:51%;color:#e3bd66;font-size:13px}
@media(max-width:1100px){.nav nav{gap:16px}.hero-copy{width:60%;padding-left:7%}.hero-card{right:4%;width:248px}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.service-card.feature{grid-column:span 1}.feature .service-photo,.service-photo{height:180px}.testimonials{grid-template-columns:1fr 1fr}.testimonial-intro{grid-column:1/-1}.fence-before,.fence-recent{padding:35px 5%}}
@media(max-width:760px){.nav nav{gap:12px}.hero{min-height:650px;height:auto}.hero-image{inset:0;background-image:linear-gradient(90deg,#142b20ed,#142b2085 58%,#142b2040),url('https://images.unsplash.com/photo-1748843811152-2ecb9c207e36?auto=format&fit=crop&w=1200&q=80')}.hero-copy{width:68%;padding:54px 0 48px 6%}.hero h1{font-size:54px}.hero-card{right:3%;top:50px;width:225px;padding:19px}.proofline{grid-template-columns:repeat(2,1fr)}.proofline>div:nth-child(2){border-right:0}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card.feature{grid-column:span 1}.service-foot{flex-wrap:wrap}.design-grid{grid-template-columns:repeat(2,1fr)}.story-copy{padding:54px 8%}.fence-proof{grid-template-columns:1fr}.fence-compare{height:240px}.steps{grid-template-columns:repeat(2,1fr)}.gallery{height:330px}.faq-area{grid-template-columns:1fr;gap:25px}.quote{grid-template-columns:1fr}.service-area{padding:38px 6%}}
@media(max-width:600px){.hero{min-height:790px}.hero-image{inset:0 0 230px}.hero-copy{width:100%;padding:46px 6% 20px}.hero h1{font-size:52px}.hero-card{top:auto;bottom:24px;left:6%;right:6%;width:auto}.hero-note{margin-top:26px}.hero-card h2{font-size:20px}.proofline{padding:10px 4%}.proofline>div{padding:9px 5px}.section,.designs{padding:60px 6%}.section-head h2,.designs h2{font-size:39px}.service-grid{grid-template-columns:1fr 1fr;gap:8px}.service-photo,.feature .service-photo{height:137px}.service-info{padding:13px}.service-info h3{font-size:18px}.service-info p{font-size:9px;min-height:62px}.service-info a{font-size:9px}.service-no{top:9px;left:8px;font-size:7px;padding:4px}.service-foot{font-size:9px}.design-card p{min-height:58px}.fence-proof h2{font-size:30px}.fence-before,.fence-recent{padding:34px 6%}.testimonials{padding:27px 6%;gap:8px}.testimonial-placeholder{padding:12px;min-height:88px}.credentials{padding:14px 4%}.credentials>div{padding:5px 8px;gap:8px}.credentials strong{font-size:9px}.credentials small{font-size:7px}.gallery{height:260px}.guide-grid{grid-template-columns:1fr}.service-area{grid-template-columns:1fr}.area-map{min-height:150px}.quote-form{padding:18px}.footer-main{gap:17px}}
@media(max-width:420px){.hero h1{font-size:45px}.hero{min-height:770px}.actions{gap:12px}.button{padding:12px 13px;gap:12px;font-size:10px}.text-link{font-size:10px}.brand{font-size:10px}.proofline b{font-size:8px}.proofline small{font-size:7px}.service-grid{grid-template-columns:1fr}.service-photo,.feature .service-photo{height:175px}.service-info p{min-height:0}.design-grid{gap:7px}.design-photo{height:117px}.design-card h3{font-size:16px}.steps{gap:7px}.steps article{padding:14px 12px}.steps h3{font-size:16px}.gallery-tabs button{padding:6px 7px}.field-row{grid-template-columns:1fr}.service-area ul{columns:1}.footer-main{grid-template-columns:1fr}.footer-main .brand,.footer-main>p{grid-column:1;grid-row:auto}.footer-bottom{gap:9px}.image-caption{max-width:155px}}
@media(max-width:350px){.hero h1{font-size:40px}.hero-copy{padding-left:5%}.quote h2{font-size:36px}.mini-quote input,.mini-quote select{padding:8px;font-size:9px}}
.skip-link{position:absolute;left:10px;top:-60px;z-index:100;background:#fff;color:#123a2c;padding:10px 14px;font-weight:700}.skip-link:focus{top:10px}.gallery-tabs button[aria-pressed=true],.project-filters button[aria-pressed=true]{outline:2px solid currentColor;outline-offset:1px}
.fence-compare{--split:50%}.fence-compare-before{width:var(--split)}.fence-compare input{position:absolute;z-index:3;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}.fence-compare input:focus-visible{opacity:.12;outline:3px solid #c89e55;outline-offset:-4px}.fence-compare>i{position:absolute;z-index:2;left:var(--split);top:50%;transform:translate(-50%,-50%);width:2px;height:100%;background:#fff;pointer-events:none}.fence-compare b{left:var(--split)}

.mobile-quote-bar{display:none}@media(max-width:760px){.mobile-quote-bar{display:flex;position:fixed;z-index:20;left:12px;right:12px;bottom:12px;justify-content:space-between;align-items:center;padding:14px 17px;background:#bd9958;color:#19251c;font-size:13px;font-weight:800;box-shadow:0 5px 22px #0004}.footer{padding-bottom:72px}.hero-copy{width:52%}.hero-card{width:38%;right:3%}}@media(max-width:600px){.hero-copy{width:100%}.hero-card{width:auto}}