.af-page{--af-ink:#10383c;--af-green:#00594d;color:#405460;background:#fff}.af-page .section-inner,.af-footer .section-inner{width:min(1180px,calc(100% - 64px));margin:auto}.af-page h1,.af-page h2,.af-page h3{color:var(--af-ink);letter-spacing:-.025em}.af-page h1,.af-page h2{font-family: Arial, Helvetica, sans-serif}.af-page h1{font-size:clamp(36px,3.7vw,54px);line-height:1.04;margin:12px 0 20px;max-width:620px}.af-page h2{font-size:clamp(28px,2.7vw,38px);line-height:1.12;margin:5px 0 12px}.af-page p{font-size:15px;line-height:1.55;margin:0 0 12px}.af-page .af-kicker{font-size:12px;font-weight:750;letter-spacing:.065em;color:#bc650b;margin:0 0 6px}.af-hero{position:relative;isolation:isolate;overflow:hidden;background:#ecf3f2}.af-hero-image{position:absolute;width:64%;height:100%;right:0;top:0;object-fit:cover;z-index:-2}.af-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f2f7f7 0%,#f2f7f7 33%,rgba(242,247,247,.93) 43%,rgba(242,247,247,.1) 72%);z-index:-1}.af-hero-copy{width:55%;padding:28px 0 46px}.af-breadcrumb{font-size:12px;color:#536969;margin-bottom:28px}.af-hero-copy>p:not(.af-kicker){max-width:550px}.af-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.af-page .button,.af-footer .button{background:var(--af-green,#00594d);border:1px solid var(--af-green,#00594d);color:white;border-radius:4px;min-height:46px;padding:12px 20px;font-size:13px;gap:15px}.af-page .button.secondary{background:rgba(255,255,255,.85);color:#123e40}.af-benefits{background:#f1f6f5;border-bottom:1px solid #e4edeb}.af-benefits>.section-inner{display:grid;grid-template-columns:repeat(3,1fr);padding:24px 0}.af-benefits>.section-inner>div{display:flex;align-items:center;gap:17px;padding:0 24px;border-right:1px solid #d2dfdd}.af-benefits>.section-inner>div:first-child{padding-left:0}.af-benefits>.section-inner>div:last-child{border:0}.af-page svg{width:34px;height:34px;flex-shrink:0;color:#00594d}.af-benefits p{margin:0;font-size:12px}.af-benefits strong,.af-benefits span{display:block}.af-benefits strong{font-size:14px;color:#123c3b;margin-bottom:2px}.af-section{padding:44px 0}.af-intro{max-width:1000px}.af-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px}.af-card{border:1px solid #dde5e3;border-radius:5px;overflow:hidden;background:#fff;display:flex;flex-direction:column}.af-card-image{display:block;overflow:hidden;aspect-ratio:2.15}.af-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.af-card-image:hover img{transform:scale(1.025)}.af-card-body{padding:22px 24px;display:flex;flex-direction:column;flex:1}.af-card-body h3{font:700 25px/1.15 Arial, Helvetica, sans-serif;margin:3px 0 10px}.af-card-body .af-kicker{font-size:10px}.af-link{font-size:14px;color:#006650;font-weight:700;display:inline-block}.af-card-body>.af-link{margin-top:auto;padding-top:5px}.af-supply{background:#edf4f2;padding:34px 0}.af-supply-inner{position:relative;isolation:isolate;overflow:hidden;padding:14px 0}.af-supply-image{position:absolute;right:0;top:0;width:38%;height:100%;object-fit:cover;border-radius:5px;z-index:-2}.af-supply-inner:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#edf4f2 58%,transparent 82%);z-index:-1}.af-supply-copy{width:64%}.af-supply .af-kicker{color:#006650}.af-capabilities{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:88%;margin:20px 0 15px}.af-capabilities>div{display:flex;align-items:flex-start;gap:12px;background:rgba(255,255,255,.96);border:1px solid #e0e9e6;border-radius:5px;padding:17px 12px}.af-capabilities svg{width:27px;height:27px}.af-capabilities h3{font-size:13px;line-height:1.3;margin:0 0 7px;letter-spacing:0}.af-capabilities p{font-size:12px;line-height:1.45;margin:0}.af-table-scroll{overflow:auto;border:1px solid #dce6e3;border-radius:5px;margin-top:18px}.af-page table{border-collapse:collapse;width:100%;min-width:780px;font-size:13px;line-height:1.4;text-align:left}.af-page th,.af-page td{padding:12px 16px;border-bottom:1px solid #e1e8e5;border-right:1px solid #e1e8e5}.af-page thead th{background:#edf3f1;color:#14413f;font-weight:700;white-space:nowrap}.af-page tbody th{width:28%;color:#19353e}.af-page tbody th a{display:flex;gap:12px;align-items:center}.af-page tbody img{object-fit:cover;width:64px;height:48px;border-radius:3px}.af-page tr:last-child>*{border-bottom:0}.af-page .af-note{font-size:12px;margin-top:10px;color:#65746f}.af-process{padding-top:0}.af-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding:0;margin:25px 0 0;list-style:none}.af-steps li{display:flex;gap:17px;align-items:flex-start}.af-step-number{font-size:23px;font-weight:700;color:#00604f;border:1px solid #dbe9e5;border-radius:50%;width:50px;height:50px;display:grid;place-items:center;flex-shrink:0}.af-steps h3{font-size:15px;margin:2px 0 5px;letter-spacing:0}.af-steps p{font-size:14px;margin:0}.af-faq{padding-top:0}.af-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px;margin-top:20px;align-items:start}.af-faq details{border:1px solid #d9e3df;border-radius:4px}.af-faq summary{cursor:pointer;font-size:14px;font-weight:500;color:#1a343c;padding:15px 38px 15px 16px;position:relative;list-style:none}.af-faq summary::-webkit-details-marker{display:none}.af-faq summary:after{content:'+';position:absolute;right:16px;font-size:20px;top:10px;color:#006650}.af-faq details[open] summary:after{content:'−'}.af-faq details>p{padding:0 16px 16px;margin:0;font-size:14px}.af-final{padding:32px 0;background:linear-gradient(90deg,#003d36f5,#00594dde),url('/products/aluminium-blade-fencing/assets/aluminium-blade-fence-landscaped-boundary.webp') center/cover;color:#fff}.af-final h2{color:white}.af-final .af-kicker{color:#ffc566}.af-final-row{display:flex;align-items:center;gap:48px;justify-content:space-between}.af-final-row>div{max-width:830px}.af-final-row>.button{flex-shrink:0;background:#fff;color:#005447;border-color:#fff}.af-quote{margin-top:18px;border-top:1px solid #ffffff40;padding-top:15px;scroll-margin-top:100px}.af-quote>summary{cursor:pointer;font-size:14px;font-weight:600}.af-quote>summary span{float:right}.af-form-wrap{background:#fff;color:#405460;border-radius:5px;padding:24px;margin-top:16px}.af-form-wrap .rfq-form{max-width:760px;margin:0 auto}.af-footer{background:#10262e;color:#d9e5e5;padding:38px 0 0}.af-footer-grid{display:grid;grid-template-columns:1.4fr .8fr 1.3fr 1fr;gap:30px}.af-footer h3{color:#fff;font-size:14px;margin:0 0 15px}.af-footer p,.af-footer a{font-size:13px}.af-footer-grid a:not(.button){display:block;margin-bottom:5px}.af-footer-grid .af-footer-brand{font-size:26px;font-weight:900;line-height:.85;color:#fff;margin-bottom:18px;letter-spacing:-1px}.af-footer .button{margin:5px 0 14px}.af-footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:12px;margin-top:32px;padding:22px 0;border-top:1px solid #ffffff24}.af-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.af-page a:focus-visible,.af-page summary:focus-visible,.af-table-scroll:focus-visible{outline:3px solid #b97a27;outline-offset:4px}
@media(max-width:1000px){.af-hero-copy{width:65%}.af-hero:after{background:linear-gradient(90deg,#f2f7f7 15%,#f2f7f7ed 49%,#f2f7f740 100%)}.af-capabilities{width:100%;gap:8px}.af-capabilities>div{display:block}.af-capabilities svg{margin-bottom:8px}.af-footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.af-page .section-inner,.af-footer .section-inner{width:calc(100% - 36px)}.af-hero-copy{width:100%;padding:20px 0 28px}.af-breadcrumb{margin-bottom:24px}.af-hero-image{position:relative;display:block;width:100%;height:240px;object-position:center;z-index:0}.af-hero:after{display:none}.af-hero{display:flex;flex-direction:column-reverse}.af-page h1{font-size:38px}.af-benefits>.section-inner{grid-template-columns:1fr;gap:16px;padding:22px 0}.af-benefits>.section-inner>div{padding:0;border:0}.af-section{padding:32px 0}.af-products{grid-template-columns:1fr;gap:20px}.af-card-body{padding:20px}.af-card-image{aspect-ratio:1.7}.af-supply{padding:20px 0}.af-supply-copy{width:100%}.af-supply-image{position:relative;width:100%;height:230px;margin-bottom:20px;z-index:0}.af-supply-inner:after{display:none}.af-capabilities{grid-template-columns:repeat(2,minmax(0,1fr))}.af-capabilities>div{padding:15px}.af-steps{grid-template-columns:1fr;gap:22px}.af-process,.af-faq{padding-top:0}.af-faq-grid{grid-template-columns:1fr}.af-final-row{display:block}.af-final-row>.button{margin-top:8px}.af-footer-grid{gap:25px 15px}.af-footer-bottom{display:block}.af-footer-bottom>a{display:block;margin-top:10px}.af-form-wrap{padding:16px}.af-actions>.button{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.af-card-image img{transition:none}}
/* Banner sizing follows Steel Fence; content remains intrinsic for narrow screens. */
.af-page .af-hero{min-height:500px;padding:32px 0 48px;display:flex;align-items:center;flex-direction:row}
.af-page .af-hero-copy{width:56%;max-width:660px;padding:0}
.af-page .af-breadcrumb{margin-bottom:20px}
.af-page .af-hero h1{font-size:44px;line-height:1.08;margin:10px 0 16px;max-width:640px}
.af-page .af-hero-copy>p:not(.af-kicker){max-width:620px;font-size:15px;line-height:1.55;margin-bottom:10px}
.af-page .af-hero .af-actions{margin-top:20px}
.af-page .af-hero-image{position:absolute;display:block;width:60%;height:100%;right:0;top:0;object-fit:cover;object-position:58% center;z-index:-2}
.af-page .af-hero:after{display:block;background:linear-gradient(90deg,#f2f7f7 0%,#f2f7f7 38%,rgba(242,247,247,.96) 46%,rgba(242,247,247,.48) 59%,transparent 73%)}
@media(max-width:1100px){
 .af-page .af-hero{min-height:440px;padding:24px 0 30px}
 .af-page .af-hero-copy{width:64%;max-width:620px}
 .af-page .af-hero h1{font-size:36px;margin:8px 0 12px}
 .af-page .af-breadcrumb{margin-bottom:16px}
 .af-page .af-hero-copy>p:not(.af-kicker){font-size:14px;line-height:1.5}
 .af-page .af-hero .af-actions{margin-top:16px;gap:10px}
 .af-page .af-hero:after{background:linear-gradient(90deg,#f2f7f7 0%,#f2f7f7f5 43%,#f2f7f7d9 55%,#f2f7f730 80%)}
}
@media(max-width:760px){
 .af-page .af-hero{min-height:420px;padding:24px 0 28px}
 .af-page .af-hero-copy{width:100%;max-width:none}
 .af-page .af-hero h1{font-size:32px;max-width:540px}
 .af-page .af-hero-image{width:100%;object-position:65% center}
 .af-page .af-hero:after{background:linear-gradient(90deg,rgba(242,247,247,.98),rgba(242,247,247,.94) 65%,rgba(242,247,247,.8))}
 .af-page .af-hero .af-kicker{font-size:10px;letter-spacing:.045em}
 .af-page .af-hero .af-actions{flex-wrap:wrap;gap:8px}
 .af-page .af-hero .af-actions>.button{width:auto;flex:1 1 auto;padding:10px 12px;min-height:42px;font-size:12px;gap:8px}
}

/* Match Steel Fence typography roles without changing copy or font sizes. */
.af-page{font-weight:400}
.af-page h1{font-weight:800}
.af-page h2,.af-page h3{font-weight:700}
.af-page .af-kicker{font-weight:800}
.af-page p:not(.af-kicker),.af-page td,.af-page .af-breadcrumb{font-weight:400}
.af-page .button{font-weight:700}
.af-page .af-link{font-weight:750}
.af-page thead th{font-weight:700}
.af-page tbody th{font-weight:600}
.af-page .af-faq summary{font-weight:600}
.af-page .af-step-number{font-weight:700}
/* Quote workflow icons, matching the supplied reference. */
.af-steps li{gap:12px}
.af-step-icon{display:grid;place-items:center;flex:0 0 52px;width:52px;height:52px;border-radius:6px;background:#edf5f4;color:#00594d}
.af-page .af-step-icon svg{width:32px;height:32px;color:inherit}
.af-steps li>div{min-width:0}
@media(min-width:721px) and (max-width:1000px){.af-steps{gap:20px}.af-steps li{gap:8px}.af-step-number{width:38px;height:38px;font-size:19px}.af-step-icon{flex-basis:42px;width:42px;height:44px}.af-page .af-step-icon svg{width:28px;height:28px}}
/* Match the commercial projects section background. */
.af-page .af-process{background:#edf4f2}

/* Give the quotation and FAQ headings breathing room above. */
.af-page .af-process,.af-page .af-faq{padding-top:44px}
@media(max-width:720px){.af-page .af-process,.af-page .af-faq{padding-top:32px}}
/* Residential banner: prioritize the foreground fence over the house and sky. */
.af-page .af-hero-image{width:65%;object-position:72% 64%}
.af-page .af-hero:after{background:linear-gradient(90deg,#f2f7f7 0%,#f2f7f7 37%,rgba(242,247,247,.97) 46%,rgba(242,247,247,.55) 57%,rgba(242,247,247,.08) 70%,transparent 80%)}
@media(max-width:1100px){.af-page .af-hero-image{width:65%;object-position:74% 62%}.af-page .af-hero:after{background:linear-gradient(90deg,#f2f7f7 0%,#f2f7f7f5 43%,#f2f7f7d9 55%,#f2f7f730 80%)}}
@media(max-width:760px){.af-page .af-hero-image{width:100%;object-position:78% 60%}.af-page .af-hero:after{background:linear-gradient(90deg,rgba(242,247,247,.98),rgba(242,247,247,.94) 65%,rgba(242,247,247,.8))}}
/* Garden banner: keep the dark horizontal fence dominant on the right. */
.af-page .af-hero-image{width:65%;object-position:82% 58%}
@media(max-width:1100px){.af-page .af-hero-image{width:65%;object-position:82% 58%}}
@media(max-width:760px){.af-page .af-hero-image{width:100%;object-position:82% center}}
/* Compact the transition from comparison to FAQ after removing the process section. */
.af-page .af-comparison{padding-bottom:24px}
.af-page .af-comparison .af-note{margin-bottom:0}
.af-page .af-comparison + .af-faq{padding-top:24px}
@media(max-width:720px){.af-page .af-comparison{padding-bottom:18px}.af-page .af-comparison + .af-faq{padding-top:18px}}