/* GA architectural redesign: photographic surfaces, generous scale and precision. */
:root{--ink:#141618;--green:#141618;--line:#dedfe1;--paper:#f3f4f5;font-family:Arial,Helvetica,sans-serif;line-height:1.6;background:#fff;color:var(--ink)}
h1,h2,h3{font-family:Arial,Helvetica,sans-serif;font-weight:500;letter-spacing:-.055em;line-height:1.06}a:hover{text-decoration:none}button,a{ -webkit-tap-highlight-color:transparent}a,button{transition:background .2s,color .2s,transform .2s}a:focus-visible,button:focus-visible{outline:3px solid #fb6306;outline-offset:5px}p{font-size:1rem}.skiplink{position:absolute;left:20px;top:-100px;z-index:100;background:white;padding:15px}.skiplink:focus{top:10px}.draftbar{background:#141618;padding:6px 4vw;color:#c9cacc;font-size:.75rem;letter-spacing:.1em}.header{position:sticky;top:0;z-index:20;padding:4px 4vw;background:rgba(255,255,255,.97);border-bottom:1px solid #e9e9e9;backdrop-filter:blur(15px);gap:20px}.header .brand img{width:86px;height:86px}.header nav{gap:32px;font-size:.875rem;font-weight:500}.header nav>a:not(.button){padding:10px 0;border-bottom:2px solid transparent}.header nav>a[aria-current]{border-color:#fb6306}.button,button.primary{min-height:52px;border-radius:0;padding:16px 25px;font-size:.875rem;font-weight:600;letter-spacing:.01em}.button span{margin-left:24px;font-size:1.25rem}.button:hover,button.primary:hover{transform:translateY(-2px)}.button.lime:hover,.header nav .button:hover{background:#ff7c2c}.eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.16em;line-height:1.5}.hero{display:block;position:relative;isolation:isolate;min-height:760px;min-height:min(840px,calc(100svh - 110px));background:#171c1c;overflow:hidden}.heroimage{position:absolute;inset:0;z-index:-2;min-height:0}.heroimage img{object-position:center 58%;height:100%;width:100%;object-fit:cover}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,14,13,.83),rgba(8,14,13,.46) 46%,rgba(8,14,13,.05)),linear-gradient(0deg,rgba(8,14,13,.7),transparent 30%)}.herocopy{padding:clamp(48px,6vw,95px) 5vw 130px;display:block;max-width:1000px}.hero .eyebrow{color:#fff;margin-bottom:26px}.hero h1{font-size:clamp(3.8rem,7.6vw,8rem);line-height:.99;letter-spacing:-.065em;margin:0 0 26px}.hero h1 em{color:#fb6306}.herocopy>p:not(.eyebrow){color:#eee;font-size:1.125rem;line-height:1.6;max-width:450px}.actions{gap:30px;margin-top:28px}.herolink{border-bottom:1px solid #bfc2c0;padding-bottom:5px;color:#fff}.herobottom{position:absolute;bottom:0;left:5vw;right:5vw;border-top:1px solid #ffffff50;padding:21px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:.75rem;letter-spacing:.12em}.herobottom>a{font-size:.75rem;letter-spacing:.02em;color:#d5d9d6}.herobottom strong{display:block;color:#fff;font-size:.875rem;font-weight:500}.herobottom strong span{margin-left:30px}.section{padding:100px 5vw}.sectionhead{margin-bottom:48px;align-items:end}.sectionhead h2{font-size:clamp(2.7rem,4.6vw,5rem);line-height:1.06}.sectionhead>div:last-child{max-width:390px}.sectionhead p{max-width:390px;color:#5a5e61}.sectionhead .eyebrow{color:#6a6e71;margin-bottom:25px}.textlink{display:inline-flex;justify-content:space-between;gap:50px;padding:8px 0;border-bottom:1px solid #141618;font-size:.875rem;font-weight:600}.categorygrid{grid-template-columns:repeat(6,minmax(0,1fr));gap:22px}.categorycard{position:relative;grid-column:span 2;min-height:390px;isolation:isolate;overflow:hidden;background:#25292a;color:white}.categorycard:nth-child(1),.categorycard:nth-child(2){grid-column:span 3;min-height:540px}.categorycard:nth-child(n+6){grid-column:span 3;min-height:360px}.categorycard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1);z-index:-2}.categorycard:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0005,transparent 28%,#000b);z-index:-1}.categorycard:hover img,.categorycard:focus-visible img{transform:scale(1.045)}.categoryoverlay{height:100%;min-height:inherit;display:flex;flex-direction:column;justify-content:space-between;padding:28px}.categorynumber{font-size:.75rem;letter-spacing:.12em}.categorycard h3{font-size:clamp(1.65rem,2.3vw,2.7rem);font-weight:500;letter-spacing:-.04em;margin:0 0 12px;gap:12px;align-items:center}.categorycard h3 span{border:1px solid #ffffff80;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;font-size:1.3rem;flex-shrink:0}.categorycard p{font-size:.875rem;color:#f1f1f1;max-width:380px;line-height:1.6}.designbanner{margin:0;padding:0;gap:0;grid-template-columns:1fr 1fr;background:#17191a}.plannerphoto{min-height:760px;background:url('assets/ga-enhanced/b5105a4cee02888e.jpg') center/cover}.plannercopy{padding:70px 5vw}.designbanner .eyebrow{color:#a9abad}.designbanner h2{font-size:clamp(3rem,4.8vw,5.3rem)}.designbanner h2 em{font-style:normal;color:#fb6306}.designbanner p:not(.eyebrow){color:#babdc0;margin:26px 0}.bannerlist{margin-top:35px}.bannerlist a{font-size:1rem;display:flex;justify-content:space-between;padding:16px 0;border-color:#44484a}.bannerlist span{margin:0;font-size:.75rem;color:#969b9e}footer{display:block;padding:80px 5vw 25px;background:#f3f4f5;border:0}.footerlead{padding-bottom:60px}.footerlead>.eyebrow{color:#64686c}.footerlead>a{font-size:clamp(3rem,5.8vw,6rem);line-height:1.05;letter-spacing:-.06em;display:block}.footerlead em{font-style:normal;color:#b83e00}.footerlead span{display:inline-block;margin-left:30px}.footerbase{border-top:1px solid #cdd0d2;padding-top:26px;display:flex;gap:30px;align-items:center;justify-content:space-between}.footerbase p,.footerbase>a:last-child{font-size:.875rem}.footerbase .brand img{width:88px;height:88px}
/* Product browsing: the photographs lead, controls remain immediately available. */
.cataloghead,.pagehead{background:#17191a;color:#fff;padding:55px 5vw}.cataloghead h1,.pagehead h1{font-size:clamp(2.8rem,5vw,5rem);max-width:900px}.cataloghead p:not(.eyebrow),.pagehead p{color:#c2c5c7}.cataloghead .eyebrow,.pagehead .eyebrow{color:#fb8b45}.catalogstat{min-width:110px;padding-left:25px}.catalogstat strong{font-size:4rem;font-weight:400}.catalogshell{padding:45px 5vw 80px;grid-template-columns:210px minmax(0,1fr);gap:40px}.catalogaside{position:sticky;top:125px}.sidenav{font-size:.875rem}.sidenav a{padding:13px 12px;border:0}.sidenav .selected{background:#f3f4f5;box-shadow:inset 2px 0 #fb6306}.filterfields{border-top:1px solid #ddd;padding-top:25px}.catalogtoolbar input,.catalogtoolbar select,input,select,textarea{border-radius:0;border-color:#ced1d3;min-height:48px}.catalogresults .productgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 24px}.catalogproduct{border:0;background:#fff}.catalogproduct .productfigure{overflow:hidden;background:#f3f4f5}.catalogproduct .productfigure img{object-fit:cover;padding:0;aspect-ratio:4/3;height:auto;transition:transform .55s}.catalogproduct:hover .productfigure img{transform:scale(1.025)}.catalogproduct .productfigure figcaption{position:absolute;bottom:14px;right:14px;left:auto;background:#ffffffeb;border:0;padding:7px 11px;font-size:.75rem;gap:0;color:#242729}.catalogproduct .productfigure figcaption>span:first-child{display:none}.catalogproduct .body{padding:21px 0 0}.catalogproduct .body h3{font-size:1.6rem;letter-spacing:-.035em;margin:10px 0}.catalogproduct .body p{line-height:1.65;color:#666b6e;margin:4px 0 16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tag{font-size:.75rem;letter-spacing:.12em;color:#64686c}.productmeta{gap:12px}.productmeta span{background:transparent;padding:0;font-size:.75rem;color:#686d70}.productlink{font-size:.875rem;border-color:#ced1d3}.productlink span{color:#b83e00}.resultline{margin:18px 0 25px}.breadcrumbs{padding:25px 5vw}.productdetail{padding:15px 5vw 75px;grid-template-columns:1.2fr 1fr;gap:5vw}.productintro{padding-top:18px}.productintro h1{font-size:clamp(2.8rem,4vw,4.4rem)}.productintro>.eyebrow{color:#a43b00}.productmedia .large>a{background:#f3f4f5}.productmedia .large img{padding:0;height:580px;max-height:none;object-fit:contain;background:#f3f4f5}.productfigure.large figcaption{border:0;background:#f3f4f5;padding:15px 18px;font-size:.875rem}.gallerycredit{font-size:.75rem}.gallerythumbs button{border:0;box-shadow:inset 0 0 0 1px #d5d8d9;padding:3px;flex-basis:92px}.gallerythumbs button[aria-pressed=true]{box-shadow:inset 0 0 0 3px #fb6306}.gallerythumbs img{object-fit:cover}.detailchips span{background:#f3f4f5;font-size:.75rem;padding:7px 12px}.detaildescription{line-height:1.7}.detailbody{padding:65px 5vw;background:#f3f4f5}.detailbody h2{font-size:2rem}.detailbody p{line-height:1.8;color:#50565a}.optiongrid>div{border-top:2px solid #fb6306;padding:22px}.detailnotes{border-color:#cdd0d2}.panel{border-radius:0;padding:32px}.calculator{padding:40px 5vw 80px}.pagehead p{max-width:700px}.tabs a,.tabs button{border-radius:0;padding:13px 25px}.tabs .active{background:#fb6306;color:#141618;border-color:#fb6306}.resultpanel{background:#f3f4f5}.quotegrid{max-width:none}.notice{background:#fff4eb}.related .productgrid{gap:30px}.gallerythumbs{scrollbar-width:thin}main{min-width:0}main:focus{outline:none}
@media(prefers-reduced-motion:no-preference){.herocopy{animation:ga-enter .8s both}.herocopy h1{animation:ga-enter 1s .08s both}@keyframes ga-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}}
@media(min-width:1700px){.section,.catalogshell,.productdetail,.detailbody,.calculator,.breadcrumbs{padding-left:max(5vw,calc((100vw - 1600px)/2));padding-right:max(5vw,calc((100vw - 1600px)/2))}}
@media(max-width:1000px){.header nav{gap:20px}.hero{min-height:720px}.categorycard{grid-column:span 3;min-height:370px}.categorycard:nth-child(1),.categorycard:nth-child(2){min-height:430px}.categorycard:last-child{grid-column:span 6}.catalogshell{gap:25px;grid-template-columns:185px minmax(0,1fr)}.catalogproduct .body h3{font-size:1.3rem}.productdetail{grid-template-columns:1fr 1fr;gap:30px}.productmedia .large img{height:440px}.designbanner{grid-template-columns:.85fr 1fr}.plannerphoto{min-height:680px}.plannercopy{padding:55px 5vw}.related .productgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:750px){.header{position:relative;gap:5px 15px;flex-direction:row;flex-wrap:wrap;padding:6px 5vw 14px}.header .brand img{width:72px;height:72px}.header nav{width:100%;gap:12px 20px;flex-wrap:wrap;justify-content:space-between;font-size:.875rem}.header nav .button{padding:11px 15px;min-height:44px}.header nav .button span{margin-left:8px}.hero{min-height:740px}.hero h1{font-size:clamp(3.8rem,12vw,6rem)}.herocopy{padding:55px 6vw 130px}.herobottom{left:6vw;right:6vw}.herobottom>span{max-width:120px;font-size:.75rem}.heroimage img{object-position:60% center}.hero:after{background:linear-gradient(90deg,#08100ee0,#08100e45),linear-gradient(0deg,#08100eb0,transparent 40%)}.section{padding:65px 5vw}.sectionhead{display:block}.sectionhead>div:last-child{max-width:520px;margin-top:25px}.sectionhead h2{font-size:3rem}.categorygrid{gap:18px}.categorycard,.categorycard:nth-child(n){grid-column:span 3;min-height:360px}.categorycard:nth-child(1){grid-column:span 6;min-height:420px}.categoryoverlay{padding:22px}.categorycard h3{font-size:1.75rem}.categorycard p{font-size:.875rem}.categorynumber{font-size:.75rem}.designbanner{grid-template-columns:1fr}.plannerphoto{min-height:420px}.plannercopy{padding:50px 6vw}.designbanner h2{font-size:3.5rem}.footerbase{flex-wrap:wrap}.footerbase p{flex:1;min-width:200px}.footerlead{padding-bottom:45px}.footerlead>a{font-size:3.5rem}.catalogshell{display:block;padding:30px 5vw 60px}.catalogaside{position:static;margin-bottom:30px}.sidenav{grid-template-columns:repeat(2,minmax(0,1fr))}.filterfields{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:15px;padding-top:20px}.catalogresults .productgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px}.cataloghead,.pagehead{padding:38px 5vw}.cataloghead h1,.pagehead h1{font-size:3rem}.productdetail{grid-template-columns:1fr;padding-bottom:45px}.productintro h1{font-size:3rem}.productmedia .large img{height:auto;max-height:560px}.detailbody{grid-template-columns:1fr;padding-top:40px;padding-bottom:40px}.detailnotes{padding-left:0}.catalogtoolbar label:not(.searchlabel){width:auto;flex:1}.related .productgrid{grid-template-columns:1fr}.panel{padding:24px}}
@media(max-width:480px){.header nav{gap:10px 14px}.header nav>a:not(.button){font-size:.8125rem}.hero{min-height:735px}.hero h1{font-size:3.9rem}.actions{align-items:flex-start;flex-direction:column;gap:20px}.herobottom{align-items:end}.herobottom strong{max-width:175px}.herobottom strong span{margin-left:5px}.sectionhead h2{font-size:2.65rem}.categorycard,.categorycard:nth-child(n){grid-column:span 6;min-height:380px}.categorycard:nth-child(1){min-height:440px}.categorycard h3{font-size:2rem}.catalogresults .productgrid{grid-template-columns:1fr}.catalogproduct .body h3{font-size:1.55rem}.filterfields{grid-template-columns:1fr 1fr}.filterfields label{font-size:.8125rem}.footerlead>a{font-size:3rem}.footerlead span{margin-left:0}.productintro h1{font-size:2.7rem}.gallerythumbs button{flex-basis:78px;height:70px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Charcoal collection surfaces with quiet GA watermarks; September 2026. */
:root{--paper:#e9edef;--line:#cbd1d4;background:#202528}
body{background:#202528;color:#ecf0f1}
.header{background:rgba(232,236,238,.98);color:#171c1f;border-bottom-color:#c4cbcf}
.header .brand{background:transparent;padding:0;flex-shrink:0}
.draftbar{background:#111619;color:#cbd0d3}
.range-section,.related{background:radial-gradient(ellipse at 90% 0%,#333c41 0%,transparent 58%),linear-gradient(145deg,#242b2f,#191f22);color:#f3f5f6}
.range-section .sectionhead p,.related .sectionhead p{color:#bcc5ca}
.range-section .sectionhead .eyebrow,.related .eyebrow{color:#ff9859}
.range-section .textlink{border-color:#75828a;color:#fff}
.range-section .categorycard{box-shadow:0 14px 35px #090c0e35}
.designbanner{background:#151b1e}
.plannercopy{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,#30383d,#181e22 75%)}
.plannercopy:before,footer:before{content:'';position:absolute;pointer-events:none;background:url('assets/ga-fencing-brand-20260909.png') center/contain no-repeat;filter:grayscale(1) invert(1);mix-blend-mode:screen;opacity:.065;z-index:-1}
.plannercopy:before{width:540px;height:540px;right:-140px;bottom:80px;transform:rotate(-8deg)}
.plannercopy>*{position:relative;z-index:1}
footer{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 85% 50%,#333e44 0%,#1c2327 62%);color:#f0f3f4}
footer:before{width:650px;height:650px;right:6vw;top:-35px;opacity:.055}
.footerlead,.footerbase{position:relative;z-index:1}
.footerlead>.eyebrow{color:#b9c3c9}.footerlead em{color:#fb7b2e}
.footerbase{border-color:#465259}.footerbase p{color:#b9c3c9}
.footerbase .brand{background:transparent;padding:0;flex-shrink:0}
.cataloghead,.pagehead{background:linear-gradient(125deg,#303a40,#192125 75%);border-color:#465158}
.catalogshell{background:linear-gradient(155deg,#252e33,#1b2226);color:#edf1f3}
.catalogaside h2{color:#edf1f3}.sidenav a{color:#d4dce0}.sidenav a span{color:#abb9c1}
.sidenav .selected{background:#39444b;color:#fff}.sidenav .selected span{color:#e3e9ed}
.sidenav a:hover{background:#354047}
.filterfields{border-color:#4b5961}.filterfields label,.catalogtoolbar label{color:#d0d9df}
.filterfields input,.filterfields select,.catalogtoolbar input,.catalogtoolbar select{background:#e9edef;color:#172027;border-color:#e9edef}
.resetfilters{color:#d2dbe0}.resultline,.resultline span{color:#b8c5ce}
.catalogproduct{background:#29343b;box-shadow:0 10px 24px #0a0f1326;color:#eff3f5}
.catalogproduct .body{padding:22px}.catalogproduct .body p{color:#c2cdd4}
.catalogproduct .tag,.catalogproduct .productmeta span{color:#bac8d1}
.catalogproduct .productlink{border-color:#55636c;color:#f1f4f5}.catalogproduct .productlink span{color:#ff9655}
.pagination button{background:#344149;border-color:#687a86;color:#f2f5f7}
.breadcrumbs{background:#e3e8eb;color:#47545d}
.productdetail{background:linear-gradient(135deg,#edf0f2,#dfe6ea);color:#172027}
.productmedia .large>a,.productmedia .large img,.productfigure.large figcaption{background:#d4dde2;color:#34434c}
.detailbody{background:#d8e0e5;color:#172027}.detailbody p{color:#3f505b}
.detailnotes{border-color:#a6b3bc}.detailchips span{background:#cdd8df;color:#243741}
.optiongrid>div{background:#eaf0f3}.gallerycredit{color:#4e616e}
.calculator{background:#dfe6ea;color:#172027}.panel{background:#edf1f3;border-color:#c3cdd4;color:#172027}
.resultpanel{background:#d1dde5}.tabs a,.tabs button{background:#edf1f3;color:#273d49;border-color:#b5c2ca}
.tabs .active{background:#fb6306;color:#141618;border-color:#fb6306}
body[data-page=quote] #main>.section,body[data-page=suppliers] #main>.section{background:#dfe6ea;color:#172027}
body[data-page=suppliers] #main>.section a{color:#963700;text-decoration:underline;text-underline-offset:4px}
input,select,textarea{background:#f4f6f7;color:#172027;border-color:#aebdc7}
.detailbody .hint,.productdetail .hint{color:#52636e}
@media(max-width:750px){.plannercopy:before{width:400px;height:400px;right:-100px;bottom:100px}footer:before{width:450px;height:450px;right:-130px;top:20px}.catalogproduct .body{padding:18px}}
@media(forced-colors:active){.plannercopy:before,footer:before{display:none}}

.gadesigns{display:grid;gap:14px;margin:0 0 35px}.gadesigns article{border-left:3px solid #fb6306;background:#eaf0f3;padding:20px 24px}.gadesigns h3{font-size:1.2rem;letter-spacing:-.02em;margin:0 0 10px}.gadesigns p{margin:0;font-size:1rem;line-height:1.7}

/* Prominent transparent company branding across every page. */
.header .brand img{display:block;width:128px;height:128px;object-fit:contain}
.footerbase .brand img{display:block;width:140px;height:140px;object-fit:contain;filter:brightness(1.65)}
@media(max-width:1000px) and (min-width:751px){.header nav{gap:14px}.header .brand img{width:112px;height:112px}}
@media(max-width:750px){.header .brand img{width:108px;height:108px}.footerbase .brand img{width:128px;height:128px}}

/* Prominent transparent GA brand across the site. */
.header .brand img{width:150px;height:150px}
.footerbase .brand img{width:160px;height:160px}
@media(max-width:1000px){.header .brand img{width:124px;height:124px}}
@media(max-width:750px){.header .brand img{width:118px;height:118px}.footerbase .brand img{width:140px;height:140px}}