.fence{color:#22251f;--form-ink:#22251f;--form-paper:#e2bd67;background:#f0eee7;font-family:Inter,Arial,sans-serif}.fence-head{color:#f0eee7;background:#151714;justify-content:space-between;align-items:center;gap:30px;padding:18px 5vw;display:flex}.fence-head img{object-fit:contain;width:95px;max-height:75px}.fence-head nav{gap:35px;font-size:12px;display:flex}.fence-head>span{font:11px/1.8 monospace}.fence-opening{color:#f0eee7;background:#151714;padding:50px 5vw 0}.fence-heading{grid-template-columns:1fr 280px;align-items:end;gap:10px 40px;display:grid}.fence-heading>.eyebrow{color:#d3ad59;grid-column:1/-1}.fence-heading h1{letter-spacing:-.05em;margin:15px 0 30px;font:900 clamp(62px,9vw,130px)/.9 Arial Narrow,Arial,sans-serif}.fence-heading em{color:#d3ad59;font-style:normal}.fence-heading>p{margin-bottom:35px;font-size:15px}.fence-build{perspective:900px;background:#d3cbb6;align-items:stretch;height:320px;margin-top:25px;display:flex;position:relative;overflow:hidden}.fence-panels{z-index:2;border-inline:10px solid #8d8d7d;gap:7px;width:34%;padding:12px 7px 0;display:flex;position:relative}.fence-panels i{height:95%;transition:transform .75s;transition-delay:calc(var(--i)*35ms);background:#494e42;border:1px solid #6d7263;flex:1;display:block;transform:translateY(110%)}.installed .fence-panels i{transform:translateY(0)}.fence-panels:before,.fence-panels:after{content:"";background:#767c69;height:10px;position:absolute;top:55px;left:0;right:0}.fence-panels:after{top:auto;bottom:60px}.solid .fence-panels{gap:0}.fence-gate{color:#fff;perspective:900px;z-index:3;background:0 0;border:0;width:32%;padding:0 10px;position:relative}.gate-leaf{transform-origin:0;background:0 0;border:10px solid #727965;flex-direction:column;gap:8px;height:95%;transition:transform .9s cubic-bezier(.25,.7,.2,1);display:flex;position:relative;box-shadow:4px 0 5px #2225}.gate-leaf i{background:#494e42;border:1px solid #69745b;flex:1;display:block}.gate-leaf b{background:#e2bd67;width:6px;height:40px;position:absolute;top:45%;right:10px}.gate-leaf small{background:#151714;border:1px solid #d3ad59;padding:12px;font:11px monospace;position:absolute;top:43%;left:12%}.open .gate-leaf{transform:rotateY(-72deg)}.fence-ground{z-index:4;background:#777865;height:20px;position:absolute;bottom:0;left:0;right:0}.fence-behind{color:#22251f;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.fence-behind strong{margin:15px 0;font:900 50px/.95 Arial,sans-serif}.fence-behind>a{z-index:1;font-size:12px;position:relative}.fence-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:25px;padding:25px 0;display:flex}.fence-tools button{color:inherit;background:0 0;border:1px solid #7c806d;padding:11px 16px;font-size:11px}.fence-tools>button{color:#151714;background:#d3ad59;border:0;font-weight:700}.fence-tools>div{gap:8px;display:flex}.fence-tools button[aria-pressed=true]{color:#e2bd67;border-color:#d3ad59}.fence-tools>.caption{width:100%;margin:0}.fence-specs{gap:40px;padding:55px 5vw;display:flex}.fence-specs article{border-top:2px solid;flex:1;padding:25px 0}.fence-specs article>span{font:11px monospace}.fence-specs h2{margin:25px 0 15px;font-size:30px}.fence-specs p{font-size:14px}.fence-work{padding:35px 5vw 70px}.fence-work h2,.fence-quote h2{margin:25px 0 40px;font:900 clamp(42px,5.5vw,80px)/.95 Arial,sans-serif}.fence-photos{grid-template-columns:1fr 1fr;gap:25px;display:grid}.fence-photos figure{margin:0}.fence-photos img{object-fit:cover;width:100%;height:350px}.fence-photos figcaption{margin-top:12px;font:11px/1.7 monospace}.fence-simon{background:#d3ad59;grid-template-columns:1fr 1fr;gap:20px 7vw;padding:65px 7vw;display:grid}.fence-simon>.eyebrow{grid-column:1/-1}.fence-simon h2{font:700 clamp(36px,4.8vw,67px)/1.05 Arial,sans-serif}.fence-simon p{margin:0 0 20px}.fence-quote{grid-template-columns:1fr 1fr;gap:9vw;padding:75px 7vw;display:grid}.fence-quote .caption{max-width:330px}.fence-quote>div>label{gap:9px;margin-bottom:22px;font-size:14px;display:grid}.fence-quote select,.fence-quote>div>label>input{color:inherit;background:0 0;border:1px solid;width:100%;padding:15px}@media (width<=900px){.fence-head>span{display:none}.fence-head nav{gap:20px}.fence-heading{grid-template-columns:1fr}.fence-heading>p{max-width:400px;margin:0}.fence-specs{gap:20px}.fence-photos img{height:280px}}@media (width<=600px){.fence-head{flex-wrap:wrap}.fence-head nav{flex-wrap:wrap;gap:16px 25px;width:100%;font-size:12px}.fence-heading h1{font-size:clamp(40px,13.5vw,58px)}.fence-build{height:240px}.fence-panels{border-width:6px;gap:4px;width:27%}.fence-gate{width:46%;padding:0 4px}.gate-leaf{border-width:6px}.gate-leaf small{padding:9px;font-size:9px;left:4%}.fence-behind strong{font-size:35px}.fence-tools>div{flex-direction:column;width:100%}.fence-specs{flex-direction:column;gap:0;padding:30px 6vw}.fence-photos,.fence-simon,.fence-quote{grid-template-columns:1fr}.fence-work{padding:20px 6vw 45px}.fence-photos img{height:280px}.fence-simon,.fence-quote{gap:20px;padding:45px 6vw}.fence-quote h2{font-size:49px}}@font-face{font-family:Inter;src:url(/examples/fencing/fonts/inter.woff2)format("woff2");font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-offset:5px;outline:3px solid}button{min-height:44px}img{max-width:100%;height:auto;display:block}svg{max-width:100%;display:block}p{line-height:1.7}h1,h2,h3,p,figure{margin-top:0}h1,h2{letter-spacing:-.045em}a,button{overflow-wrap:break-word}section{scroll-margin-top:35px}.skip{color:#000;z-index:100;background:#fff;padding:15px;position:fixed;top:-100px;left:15px}.skip:focus{top:10px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font:11px/1.6 monospace}.caption{font:12px/1.6 Inter,Arial,sans-serif}.action{border:1px solid;justify-content:center;align-items:center;gap:20px;min-height:48px;padding:16px 23px;font-weight:600;text-decoration:none;display:inline-flex}.preview-footer{border-top:1px solid;flex-wrap:wrap;justify-content:space-between;gap:15px;padding:25px max(5vw,20px);font:12px/1.7 Inter,Arial,sans-serif;display:flex}.preview-footer p{max-width:650px;margin:0}.request-form{font:15px/1.5 Inter,Arial,sans-serif}.request-form fieldset{border:0;margin:0;padding:0}.request-form label{gap:8px;margin:16px 0;display:grid}.request-form input,.request-form textarea,.request-form select{width:100%;color:inherit;background:0 0;border:1px solid;border-radius:0;min-width:0;padding:14px}.request-form textarea{resize:vertical;min-height:110px}.request-form option{color:#202020;background:#fff}.request-form .form-pair{grid-template-columns:1fr 1fr;gap:20px;display:grid}.request-form .brief-summary{border-block:1px solid;margin-bottom:24px;padding:18px 0}.request-form .brief-summary p{margin:0}.request-form .form-success{border:1px solid;padding:25px}.request-form .submit{background:var(--form-ink,#202020);color:var(--form-paper,#fff);border:0;padding:16px 25px}.request-form small{margin-top:12px;display:block}input[type=range]{accent-color:currentColor;max-width:100%;min-height:44px}summary{cursor:pointer;min-height:48px;padding:18px 0}details{border-top:1px solid}details p{padding-bottom:16px}body{overflow-wrap:break-word}main{min-width:0}@media (width<=600px){.request-form .form-pair{grid-template-columns:1fr;gap:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}select,fieldset{min-width:0;max-width:100%}main>section>div{min-width:0}.arrow-icon{vertical-align:-.12em;fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:1em;height:1em;display:inline-block}header nav a,.pool-nav a,.trees-index a,.preview-footer>a{align-items:center;min-height:44px;display:inline-flex}