.sf-page{--sf-green:#214e38;--sf-ink:#111d24;--sf-muted:#52606a;--sf-line:#dce5e4;color:var(--sf-ink);font-size:15px;line-height:1.55}
.sf-page *{box-sizing:border-box}.sf-page .section-inner{width:min(1240px,calc(100% - 48px))}.sf-page h1,.sf-page h2,.sf-page h3{color:var(--sf-ink);letter-spacing:-.035em;line-height:1.14;margin:0}.sf-page h1{font-size:clamp(38px,4vw,58px);font-weight:800;margin:12px 0 18px}.sf-page h2{font-size:clamp(27px,2.6vw,36px);margin-bottom:12px}.sf-page h3{font-size:20px;letter-spacing:-.02em}.sf-page p{margin:0 0 18px}.sf-page .sf-eyebrow{color:var(--sf-green);font-size:12px;font-weight:800;letter-spacing:.08em;margin:0 0 7px}.sf-intro{max-width:960px;color:var(--sf-muted)}.sf-section{padding:48px 0}.sf-tint{background:#f1f6f6}.sf-page .sf-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.sf-page .button{min-height:44px;border-radius:4px;font-size:14px;padding:12px 20px;display:inline-flex;gap:22px;align-items:center;justify-content:center;font-weight:700}.sf-page .primary{background:var(--sf-green);color:#fff;border:1px solid var(--sf-green)}.sf-page .sf-secondary{background:#fffffff0;color:var(--sf-green);border:1px solid var(--sf-green)}.sf-page a:focus-visible,.sf-page summary:focus-visible{outline:3px solid #b58234;outline-offset:4px}.sf-link{color:var(--sf-green);font-weight:750;display:inline-flex;gap:16px;align-items:center}.sf-link:hover{text-decoration:underline}.sf-hero{position:relative;background:linear-gradient(90deg,#f0f6f8 0%,#eff6f8f5 31%,#eff6f8bc 49%,#eff6f815 70%),url('/products/steel-fence/steel-fence-eucalyptus-park-banner.webp') center 52%/cover no-repeat;padding:24px 0 48px}.sf-hero .breadcrumb{color:#33453e;font-size:12px;margin:0 0 32px}.sf-hero-copy{max-width:590px}.sf-hero-copy>p:not(.sf-eyebrow){font-size:16px;line-height:1.65;color:#293c42}.sf-proof{border-bottom:1px solid var(--sf-line);background:white}.sf-proof>.section-inner{display:grid;grid-template-columns:repeat(4,1fr);padding:22px 0;gap:24px}.sf-proof>.section-inner>div{display:flex;align-items:center;gap:16px;border-right:1px solid var(--sf-line)}.sf-proof>.section-inner>div:last-child{border:0}.sf-proof svg{width:36px;height:36px;stroke:var(--sf-green);stroke-width:1.7;fill:none;flex-shrink:0;stroke-linecap:round;stroke-linejoin:round}.sf-proof strong,.sf-proof small{display:block}.sf-proof strong{font-size:13px}.sf-proof small{font-size:12px;color:var(--sf-muted);margin-top:3px}.sf-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:24px}.sf-card{border-radius:6px;overflow:hidden;background:#fff;border:1px solid #e2eae8;display:flex;flex-direction:column;box-shadow:0 4px 14px #203e3505}.sf-card-image{display:block;overflow:hidden;aspect-ratio:1.8}.sf-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.sf-card-image:hover img{transform:scale(1.03)}.sf-card-body{padding:18px;display:flex;flex-direction:column;flex:1}.sf-card h3{font-size:18px;line-height:1.22;letter-spacing:-.025em;min-height:44px}.sf-card h3 a{color:inherit}.sf-card p{font-size:13px;color:var(--sf-muted);margin:9px 0 14px}.sf-card dl{margin:auto 0 16px;font-size:12px}.sf-card dl>div{display:grid;grid-template-columns:52px 1fr;gap:8px;margin-top:5px}.sf-card dt{color:var(--sf-muted)}.sf-card dd{margin:0}.sf-card .sf-link{font-size:13px;justify-content:space-between}.sf-spec-layout{display:grid;grid-template-columns:1.12fr 1fr;gap:32px;margin-top:26px;align-items:start}.sf-table{border-collapse:collapse;width:100%;font-size:13px;line-height:1.5;table-layout:fixed}.sf-table caption{text-align:left;font-size:16px;font-weight:750;padding:0 0 12px;color:var(--sf-ink)}.sf-table th,.sf-table td{border:1px solid var(--sf-line);padding:9px 12px;text-align:left;overflow-wrap:anywhere}.sf-table th:first-child{width:30%}.sf-table thead{background:#e7eeed}.sf-table tbody th{font-weight:600}.sf-table tbody tr:nth-child(even){background:#f4f7f7}.sf-page .sf-note{font-size:12px;color:var(--sf-muted);margin:12px 0 0}.sf-diagram{margin:0;background:linear-gradient(#f4f8f7,#fff);border-radius:8px;padding:12px 8px 24px;align-self:center}.sf-diagram img{width:100%;height:auto;display:block}.sf-diagram figcaption{text-align:center;padding:0 24px}.sf-diagram figcaption strong,.sf-diagram figcaption span{display:block}.sf-diagram figcaption span{font-size:12px;color:var(--sf-muted);margin-top:7px}.sf-custom{display:flex;gap:32px;align-items:center;background:#edf4ef;border-left:3px solid var(--sf-green);padding:22px 24px;margin-top:26px}.sf-custom h3{font-size:18px}.sf-custom p{margin:8px 0 0;color:var(--sf-muted);font-size:13px}.sf-custom-links{flex-shrink:0;display:grid;gap:12px;font-size:13px}.sf-system{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:24px 0 32px}.sf-system figure{margin:0;overflow:hidden;border-radius:5px;background:white;border:1px solid var(--sf-line)}.sf-system img{width:100%;height:150px;object-fit:cover;display:block}.sf-system figcaption{padding:14px 16px}.sf-system figcaption strong,.sf-system figcaption span{display:block}.sf-system figcaption span{font-size:12px;color:var(--sf-muted);margin-top:3px}.sf-quote-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:32px}.sf-quote-layout h3{font-size:24px}.sf-quote-layout p{font-size:13px;margin:9px 0 16px;color:var(--sf-muted)}.sf-factors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 22px;margin:0}.sf-factors>div{padding:12px 0;border-top:1px solid #d5e0dd}.sf-factors dt{font-weight:750;font-size:13px}.sf-factors dd{margin:4px 0 0;font-size:12px;color:var(--sf-muted)}.sf-terms{background:white;border:1px solid var(--sf-line);border-radius:6px;padding:24px}.sf-terms dl{margin:0}.sf-terms dl>div{display:grid;grid-template-columns:75px 1fr;gap:12px;margin-bottom:16px;font-size:13px}.sf-terms dt{font-weight:750;color:var(--sf-green)}.sf-terms dd{margin:0;color:var(--sf-muted)}.sf-terms .sf-link{font-size:13px}.sf-factory{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:40px}.sf-factory p{font-size:14px;color:var(--sf-muted)}.sf-evidence{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sf-evidence figure{margin:0}.sf-evidence img{display:block;width:100%;height:185px;object-fit:cover;border-radius:4px}.sf-evidence figcaption{font-size:11px;font-weight:700;color:var(--sf-green);margin-top:9px}.sf-faq{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:10px 22px;margin-top:24px}.sf-faq details{background:white;border:1px solid var(--sf-line);border-radius:4px;padding:0 18px}.sf-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;font-size:14px;font-weight:600;padding:17px 0}.sf-faq summary::-webkit-details-marker{display:none}.sf-faq summary:after{content:'+';color:var(--sf-green);font-size:20px;line-height:1}.sf-faq details[open] summary:after{content:'−'}.sf-faq details p{font-size:13px;color:var(--sf-muted);margin:0 0 18px}.sf-rfq{background:linear-gradient(90deg,#edf4f2e8,#edf4f2fc 53%),url('/assets/bent-top-security-fence-commercial-yard.webp') left center/cover}.sf-contact{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}.sf-contact-copy{padding-top:28px}.sf-contact h2{max-width:410px;font-size:40px}.sf-contact-copy>p{color:#42554d}.sf-rfq-benefits{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:28px 0;font-size:13px;font-weight:650;color:var(--sf-green)}.sf-rfq-benefits span{border-top:1px solid #b9cfc1;padding-top:12px}.sf-page .rfq-form{padding:26px;background:#fff;border-radius:6px;border:1px solid var(--sf-line);box-shadow:0 8px 30px #193f2a08}.sf-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}.sf-form-grid>[data-field=additional_requirements],.sf-form-grid>[data-field=destination_port]{grid-column:1/-1}.sf-form-grid .rfq-field{min-width:0;margin:0}.sf-page .rfq-form input,.sf-page .rfq-form select,.sf-page .rfq-form textarea{width:100%;min-width:0}.sf-page .rfq-form textarea{min-height:94px}.sf-page .rfq-submit{width:100%}.sf-page section[id]{scroll-margin-top:90px}
@media(min-width:1100px){.sf-products .sf-card:nth-child(n+5){transform:translateX(calc(50% + 10px))}}
@media(max-width:1000px){.sf-products{grid-template-columns:repeat(2,minmax(0,1fr))}.sf-proof>.section-inner{grid-template-columns:1fr 1fr;gap:20px}.sf-proof>.section-inner>div:nth-child(2){border:0}.sf-hero-copy{max-width:540px}.sf-hero{background-image:linear-gradient(90deg,#eff6f8fa,#eff6f8cc 58%,#eff6f844),url('/products/steel-fence/steel-fence-eucalyptus-park-banner.webp')}.sf-spec-layout{grid-template-columns:1fr 1fr;gap:20px}.sf-factory{grid-template-columns:1fr}.sf-evidence img{height:210px}.sf-contact{gap:30px;grid-template-columns:.8fr 1.2fr}.sf-contact h2{font-size:32px}.sf-quote-layout{grid-template-columns:1.2fr 1fr}.sf-factors{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.sf-page .section-inner{width:calc(100% - 32px)}.sf-section{padding:34px 0}.sf-hero{padding:18px 0 34px;background-image:linear-gradient(90deg,#eff6f8f5,#eff6f8d9),url('/products/steel-fence/steel-fence-eucalyptus-park-banner.webp')}.sf-hero .breadcrumb{margin-bottom:24px}.sf-hero-copy>p:not(.sf-eyebrow){font-size:14px}.sf-proof>.section-inner{padding:18px 0;gap:18px 12px}.sf-proof>.section-inner>div{gap:10px;border:0}.sf-proof svg{width:27px;height:27px}.sf-proof strong{font-size:11px}.sf-proof small{font-size:10px}.sf-products{gap:14px}.sf-card-body{padding:13px}.sf-card h3{font-size:16px;min-height:0}.sf-card dl>div{display:block;margin-top:7px}.sf-card dt{font-size:10px}.sf-card dd{font-size:12px}.sf-card p{font-size:12px}.sf-spec-layout,.sf-quote-layout,.sf-contact{grid-template-columns:1fr}.sf-spec-layout{gap:16px}.sf-table{font-size:12px}.sf-table th,.sf-table td{padding:8px}.sf-custom{display:block;padding:18px}.sf-custom-links{display:flex;flex-wrap:wrap;margin-top:16px}.sf-system{grid-template-columns:1fr 1fr;gap:14px}.sf-system img{height:120px}.sf-system figcaption{padding:12px}.sf-system strong{font-size:13px}.sf-evidence{gap:8px}.sf-evidence img{height:130px}.sf-evidence figcaption{font-size:10px}.sf-faq{grid-template-columns:1fr}.sf-contact-copy{padding-top:0}.sf-page .rfq-form{padding:18px}.sf-form-grid{gap:12px}.sf-page .button{padding:11px 16px}.sf-diagram{padding-top:0}.sf-contact{gap:20px}}
@media(max-width:380px){.sf-products{grid-template-columns:1fr}.sf-card dl>div{display:grid;grid-template-columns:56px 1fr}.sf-form-grid{grid-template-columns:1fr}.sf-form-grid>*{grid-column:1!important}.sf-proof strong{font-size:10px}}
.sf-hero .breadcrumb a{color:#365547}.sf-hero .breadcrumb a:hover{text-decoration:underline}
@media(prefers-reduced-motion:reduce){.sf-card-image img{transition:none}}

/* RFQ and footer share the page's 1240px grid and readable type scale. */
.sf-page .sf-rfq{position:relative;isolation:isolate;padding:52px 0;background:#edf4f3;overflow:hidden;border-top:1px solid #e1e9e6}
.sf-page .sf-rfq:before{content:"";position:absolute;z-index:-1;inset:0 auto 0 0;width:48%;background:linear-gradient(90deg,#edf4f36b,#edf4f3 95%),url('/products/steel-spear-top-fence/assets/black-steel-spear-top-fence-picket-closeup.webp') left center/cover;opacity:.45;pointer-events:none}
.sf-page .sf-contact{width:min(1240px,calc(100% - 48px));margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.sf-page .sf-contact-copy{padding:0}.sf-page .sf-contact-copy .sf-eyebrow{font-size:12px;letter-spacing:.08em;margin:0 0 12px}.sf-page .sf-contact h2{font-size:36px;line-height:1.12;letter-spacing:-.035em;max-width:520px;margin:0 0 20px}.sf-page .sf-contact-copy>p:not(.sf-eyebrow){max-width:505px;font-size:15px;line-height:1.65;color:#465951;margin:0 0 30px}.sf-contact-copy>p br{display:none}
.sf-page .sf-rfq-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;color:#173e2d;text-align:center}.sf-rfq-benefits>div{position:relative;padding:0 10px}.sf-rfq-benefits>div+div:before{content:"";position:absolute;left:0;top:10px;width:1px;height:44px;background:#cbdad2}.sf-page .sf-rfq-benefits span{border:0;padding:0}.sf-benefit-icon{width:58px;height:58px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#d9e7df;margin:0 auto 12px;color:#28563d}.sf-benefit-icon svg{width:30px;height:30px}.sf-rfq-benefits strong{font-size:13px;line-height:1.4;display:block;font-weight:650}
.sf-page .sf-rfq form.rfq-form.rfq-compact{padding:26px;gap:12px;border:1px solid #dfe8e3;border-radius:8px;background:#fff;box-shadow:0 8px 28px #163c2b08}.sf-page .sf-rfq .sf-form-grid{gap:12px 18px}.sf-page .sf-rfq form.rfq-form.rfq-compact label{gap:6px;font-size:13px;line-height:1.3;font-weight:600}.sf-page .sf-rfq form.rfq-form.rfq-compact .rfq-label{font-size:13px;line-height:1.3;color:#253d32}.sf-page .sf-rfq form.rfq-form.rfq-compact .required-mark{color:#b83b32}.sf-page .sf-rfq form.rfq-form.rfq-compact input,.sf-page .sf-rfq form.rfq-form.rfq-compact select,.sf-page .sf-rfq form.rfq-form.rfq-compact textarea{border:1px solid #d9e2df;border-radius:4px;font-size:14px;line-height:1.4;min-height:42px;height:42px;padding:9px 12px;background:#fff;color:#344b40;box-shadow:none}.sf-page .sf-rfq form.rfq-form.rfq-compact input::placeholder,.sf-page .sf-rfq form.rfq-form.rfq-compact textarea::placeholder{font-size:13px;color:#7b8780}.sf-page .sf-rfq form.rfq-form.rfq-compact textarea{height:76px;min-height:76px;resize:vertical}.sf-page .sf-rfq form.rfq-form.rfq-compact .rfq-submit{font-size:14px;line-height:1.3;min-height:46px;padding:12px;border-radius:4px;gap:18px;background:#214e38;border:1px solid #214e38}.sf-page .sf-rfq .rfq-form-status:empty{display:none}.sf-page .sf-rfq .rfq-turnstile-wrap{margin:0;min-height:0}
.sf-page .sf-rfq form.rfq-form.rfq-compact .sf-upload{position:relative;display:flex;gap:12px;align-items:center;justify-content:center;background:#f5f8f6;border:1px dashed #b9cfc1;border-radius:4px;padding:10px 14px;cursor:pointer;min-height:55px;overflow:hidden}.sf-upload>svg{width:25px;height:25px;fill:none;stroke:#28563d;stroke-width:1.7;stroke-linecap:round;flex-shrink:0}.sf-upload strong,.sf-upload small{display:block;font-weight:500;font-size:12px;color:#344b40}.sf-upload small{font-size:11px;font-weight:400;color:#6b7a72;margin-top:3px}.sf-page .sf-rfq form.rfq-form.rfq-compact .sf-upload input{position:absolute;inset:0;height:100%;width:100%;opacity:0;cursor:pointer}.sf-upload:focus-within{outline:2px solid #2f6f4e;outline-offset:2px}.sf-page .sf-rfq .field-error{font-size:12px}.sf-page .sf-rfq .field-error:empty{display:none}.sf-page .sf-rfq .rfq-file-preview{font-size:12px;padding:8px}
footer.sf-footer{background:#123c2c;color:#d7e4dc;margin:0;padding:0;font-size:13px;line-height:1.6}footer.sf-footer *{box-sizing:border-box}footer.sf-footer a{color:inherit;text-decoration:none}footer.sf-footer a:hover{color:#fff;text-decoration:underline}footer.sf-footer a:focus-visible{outline:2px solid #edf6ef;outline-offset:3px}.sf-footer-inner{width:min(1240px,calc(100% - 48px));margin:0 auto;display:grid;grid-template-columns:1.65fr .75fr 1.1fr 1.3fr;gap:40px;padding:38px 0 32px}.sf-footer-brand{display:flex;gap:16px;align-items:flex-start;min-width:0}.sf-footer-brand>a{position:relative;overflow:hidden;flex-shrink:0;width:92px;height:84px;display:block}.sf-footer-brand img{width:100%;height:100%;object-fit:contain;display:block;filter:grayscale(1) invert(1) brightness(1.4);mix-blend-mode:screen;transform:scale(1.65);transform-origin:50% 35%}.sf-footer-brand p{font-size:12px;line-height:1.65;margin:0 0 18px;max-width:235px}.sf-footer-brand p br{display:none}.sf-footer-social{display:flex;gap:10px}.sf-footer-social a{display:flex;align-items:center;justify-content:center;border:1px solid #577b65;border-radius:50%;width:30px;height:30px}.sf-footer-social svg{width:17px;height:17px}.sf-footer h3{color:#fff;font-size:14px;line-height:1.4;margin:0 0 14px;font-weight:650}.sf-footer nav>a{display:flex;justify-content:space-between;gap:12px;font-size:12px;line-height:1.6;margin:0 0 5px}.sf-footer nav>a span{color:#8cab99}.sf-footer-contact>a,.sf-footer-contact>span{display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.6;margin-bottom:9px}.sf-footer-contact svg{width:17px;height:17px;flex-shrink:0}.sf-footer-bottom{border-top:1px solid #355b45}.sf-footer-bottom>div{width:min(1240px,calc(100% - 48px));margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 0;font-size:11px;color:#b8cfc0}.sf-footer-bottom>div>div{display:flex;gap:18px}
@media(max-width:1100px){.sf-page .sf-contact{gap:32px}.sf-page .sf-contact h2{font-size:32px}.sf-page .sf-contact-copy>p:not(.sf-eyebrow){font-size:14px}.sf-rfq-benefits strong{font-size:11px}.sf-rfq-benefits>div{padding:0 6px}.sf-footer-inner{gap:24px;grid-template-columns:1.6fr .8fr 1.1fr 1.2fr}.sf-footer-brand{display:block}.sf-footer-brand>a{margin-bottom:12px}.sf-footer-brand p{max-width:none}.sf-page .sf-rfq form.rfq-form.rfq-compact{padding:20px}}
@media(max-width:760px){.sf-page .sf-rfq{padding:36px 0}.sf-page .sf-rfq:before{width:100%;height:380px;opacity:.22}.sf-page .sf-contact{width:calc(100% - 32px);grid-template-columns:1fr;gap:30px}.sf-page .sf-contact h2{font-size:30px;max-width:none}.sf-page .sf-contact-copy>p:not(.sf-eyebrow){font-size:14px;margin-bottom:24px}.sf-page .sf-rfq .sf-form-grid{grid-template-columns:1fr 1fr;gap:12px}.sf-page .sf-rfq form.rfq-form.rfq-compact input,.sf-page .sf-rfq form.rfq-form.rfq-compact select,.sf-page .sf-rfq form.rfq-form.rfq-compact textarea{font-size:16px}.sf-page .sf-rfq form.rfq-form.rfq-compact{padding:18px}.sf-benefit-icon{width:48px;height:48px}.sf-benefit-icon svg{width:26px;height:26px}.sf-rfq-benefits strong{font-size:11px}.sf-rfq-benefits>div{padding:0 4px}.sf-footer-inner{width:calc(100% - 32px);grid-template-columns:1fr 1fr;gap:28px;padding:32px 0}.sf-footer-brand{display:flex;grid-column:1/-1;gap:20px;align-items:center}.sf-footer-brand>a{margin:0}.sf-footer-brand p{font-size:12px;margin-bottom:12px}.sf-footer-contact{grid-column:1/-1}.sf-footer-bottom>div{width:calc(100% - 32px);flex-wrap:wrap;gap:10px;padding:16px 0}.sf-footer nav>a{font-size:13px;margin-bottom:8px}}
@media(max-width:380px){.sf-page .sf-rfq .sf-form-grid{grid-template-columns:1fr}.sf-page .sf-contact h2{font-size:28px}.sf-page .sf-contact h2 br{display:none}.sf-rfq-benefits strong{font-size:10px}.sf-footer-brand{gap:12px}.sf-footer-brand>a{width:72px;flex-shrink:0}}

/* Reference composition: preserve section order and each section's visual grouping. */
.sf-page h2{font-size:28px;line-height:1.15}.sf-section{padding:28px 0}.sf-page .sf-eyebrow{margin-bottom:4px;font-size:11px;letter-spacing:.025em}.sf-page .sf-intro{font-size:14px;line-height:1.45;margin-bottom:14px}.sf-hero{padding:22px 0 30px}.sf-hero .breadcrumb{margin-bottom:10px}.sf-page .sf-hero h1{font-size:46px;margin:0 0 12px}.sf-hero-copy{max-width:575px}.sf-hero-copy>p:not(.sf-eyebrow){font-size:14px;line-height:1.5;margin-bottom:12px}.sf-page .sf-hero .sf-actions{margin-top:14px}.sf-proof>.section-inner{padding:18px 0}.sf-products{gap:16px;margin-top:16px}.sf-products .sf-card:nth-child(n+5){transform:none}.sf-card-image{aspect-ratio:3.05}.sf-card-body{padding:12px 15px}.sf-card h3{font-size:16px;line-height:1.2;min-height:0}.sf-card p{font-size:13px;line-height:1.35;margin:6px 0 8px}.sf-card dl{font-size:12px;line-height:1.3;margin:auto 0 8px}.sf-card dl>div{margin-top:3px}.sf-card .sf-link{font-size:13px;justify-content:flex-start;gap:12px}.sf-spec-layout{grid-template-columns:1.08fr 1fr;margin-top:0;gap:28px;align-items:center}.sf-spec-layout h2{font-size:25px;margin-bottom:12px}.sf-table{font-size:12px;line-height:1.35}.sf-table th,.sf-table td{padding:6px 10px}.sf-table th:first-child{width:30%}.sf-page .sf-note{font-size:11px;line-height:1.4;margin-top:8px}.sf-diagram{background:transparent;padding:0}.sf-diagram figcaption{display:none}.sf-diagram img{max-height:325px;object-fit:contain}.sf-custom-options{margin-top:18px}.sf-option-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:8px}.sf-option-grid>div{display:flex;gap:12px;align-items:center;border-right:1px solid #dfe7e2;padding-right:10px}.sf-option-grid>div:last-child{border:0;padding-right:0}.sf-option-grid svg{width:34px;height:34px;stroke:#28563d;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round;fill:none;flex-shrink:0}.sf-option-grid strong,.sf-option-grid small{display:block}.sf-option-grid strong{font-size:12px;line-height:1.2;margin-bottom:5px}.sf-option-grid small{font-size:11px;line-height:1.3;color:#61716a}.sf-supply-layout{display:grid;grid-template-columns:2.2fr 1fr;gap:28px;align-items:stretch}.sf-supply-layout h2{font-size:26px;margin-bottom:8px}.sf-supply-layout .sf-intro{font-size:13px;line-height:1.35;margin-bottom:12px}.sf-system{gap:12px;margin:0}.sf-system img{height:98px}.sf-system figcaption{padding:9px 10px}.sf-system figcaption strong{font-size:13px;line-height:1.25}.sf-system figcaption span{font-size:11px;line-height:1.35}.sf-quote-card{background:#fff;border:1px solid #e2eae6;border-radius:5px;padding:16px 18px;box-shadow:0 4px 14px #193c2904}.sf-quote-card h3{font-size:16px;letter-spacing:-.015em;margin-bottom:10px}.sf-quote-card ul{list-style:none;margin:0 0 12px;padding:0;display:grid;grid-template-rows:repeat(5,auto);grid-auto-flow:column;grid-template-columns:1fr 1fr;gap:5px 12px}.sf-quote-card li{font-size:11px;color:#52635b;display:flex;gap:7px;align-items:center}.sf-quote-card li span{color:#244e39;font-size:15px;line-height:1}.sf-quote-card dl{margin:0;padding-top:9px;border-top:1px solid #e6ece8}.sf-quote-card dl>div{display:grid;grid-template-columns:66px 1fr;gap:7px;margin-top:4px;font-size:11px;line-height:1.4}.sf-quote-card dt{font-weight:700;color:#244e39}.sf-quote-card dd{margin:0;color:#52635b}.sf-factory{grid-template-columns:1.05fr 1fr;gap:36px}.sf-factory h2{font-size:26px}.sf-factory p{font-size:13px;line-height:1.45;margin-bottom:12px}.sf-page .sf-factory .sf-actions{margin-top:12px;gap:12px}.sf-page .sf-factory .button{min-height:40px;padding:9px 16px;font-size:13px}.sf-evidence img{height:148px}.sf-evidence figcaption{display:none}.sf-faq{gap:8px 24px;margin-top:14px}.sf-faq summary{padding:12px 0;font-size:13px}.sf-faq details{padding:0 16px}.sf-page .sf-rfq{padding:32px 0}.sf-page .sf-contact{grid-template-columns:1fr 1fr;gap:56px}.sf-page .sf-contact h2{font-size:32px}.sf-page .sf-contact-copy>p:not(.sf-eyebrow){font-size:14px;line-height:1.55;margin-bottom:24px}.sf-page .sf-rfq form.rfq-form.rfq-compact{padding:20px;gap:10px}.sf-page .sf-rfq .sf-form-grid{gap:10px 16px}.sf-page .sf-rfq form.rfq-form.rfq-compact input,.sf-page .sf-rfq form.rfq-form.rfq-compact select{height:38px;min-height:38px;padding:7px 11px}.sf-page .sf-rfq form.rfq-form.rfq-compact textarea{height:60px;min-height:60px}.sf-page .sf-rfq form.rfq-form.rfq-compact .sf-upload{min-height:48px;padding:7px 12px}.sf-page .sf-rfq form.rfq-form.rfq-compact .rfq-submit{min-height:42px;padding:10px}.sf-footer-inner{padding:28px 0 22px}.sf-footer h3{margin-bottom:10px}.sf-footer nav>a{margin-bottom:3px}.sf-footer-bottom>div{padding:12px 0}
@media(max-width:1100px){.sf-supply-layout{grid-template-columns:1.8fr 1fr;gap:18px}.sf-system{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.sf-system img{height:78px}.sf-system figcaption{padding:8px}.sf-system figcaption strong{font-size:11px}.sf-option-grid{grid-template-columns:repeat(3,1fr);gap:16px}.sf-option-grid>div:nth-child(3){border:0}.sf-factory{gap:22px}.sf-evidence img{height:130px}.sf-page .sf-contact{gap:30px}.sf-page .sf-contact h2{font-size:30px}}
@media(max-width:760px){.sf-page h2{font-size:26px}.sf-section{padding:26px 0}.sf-page .sf-hero h1{font-size:38px}.sf-hero-copy{max-width:none}.sf-spec-layout,.sf-supply-layout,.sf-factory{grid-template-columns:1fr}.sf-spec-layout{gap:12px}.sf-card-image{aspect-ratio:1.9}.sf-card h3{font-size:15px}.sf-card-body{padding:12px}.sf-card p{font-size:12px}.sf-option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.sf-option-grid>div{border:0;padding:0;gap:10px}.sf-option-grid strong{font-size:12px}.sf-option-grid small{font-size:11px}.sf-diagram img{max-height:280px}.sf-system{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sf-system img{height:110px}.sf-system figcaption strong{font-size:13px}.sf-system figcaption span{font-size:11px}.sf-quote-card li{font-size:12px}.sf-quote-card dl>div{font-size:12px;grid-template-columns:72px 1fr}.sf-quote-card h3{font-size:18px}.sf-page .sf-contact{grid-template-columns:1fr;gap:26px}.sf-page .sf-rfq form.rfq-form.rfq-compact input,.sf-page .sf-rfq form.rfq-form.rfq-compact select{min-height:42px;height:42px}.sf-page .sf-rfq form.rfq-form.rfq-compact textarea{min-height:76px}.sf-page .sf-rfq form.rfq-form.rfq-compact{padding:18px}.sf-faq{grid-template-columns:1fr}.sf-faq details:nth-child(3){grid-row:2}.sf-evidence img{height:125px}.sf-evidence{gap:10px}.sf-page .sf-contact h2{font-size:30px}.sf-page .sf-factory .sf-actions{gap:8px}}
.sf-table caption.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1101px){.sf-page .sf-contact-copy{padding-left:140px}.sf-page .sf-contact{gap:40px}.sf-page .sf-contact h2{font-size:30px}.sf-rfq-benefits strong{font-size:12px}}

/* Restore generous hero and product photography proportions. */
.sf-page .sf-hero{min-height:500px;padding:32px 0 48px;display:flex;align-items:center;background-position:center 45%}
.sf-page .sf-hero .breadcrumb{margin-bottom:26px}
.sf-page .sf-hero h1{margin-bottom:18px}
.sf-page .sf-hero-copy>p{font-size:15px;line-height:1.65}
.sf-page .sf-hero .sf-actions{margin-top:24px}
.sf-page #product-list{padding:40px 0}
.sf-page .sf-products{gap:24px 20px;margin-top:24px}
.sf-page .sf-card-image{aspect-ratio:16/9}
.sf-page .sf-card-body{padding:16px}
@media(max-width:1000px){.sf-page .sf-hero{min-height:440px}.sf-page .sf-card-image{aspect-ratio:3/2}}
@media(max-width:760px){.sf-page .sf-hero{min-height:420px;padding:28px 0 36px}.sf-page .sf-hero .breadcrumb{margin-bottom:20px}.sf-page .sf-products{gap:18px 14px}.sf-page .sf-card-image{aspect-ratio:16/9}.sf-page .sf-card-body{padding:12px}.sf-page #product-list{padding:30px 0}}

/* Align the lower half with the generous product section. */
.sf-page #specifications,.sf-page #supply,.sf-page #manufacturer,.sf-page #faq{padding:44px 0}
.sf-page #specifications h2,.sf-page #supply h2,.sf-page #manufacturer h2,.sf-page #faq h2,.sf-page .sf-contact h2{font-size:32px;line-height:1.2;margin-bottom:16px}
.sf-page #specifications .sf-eyebrow,.sf-page #faq .sf-eyebrow,.sf-custom-options>.sf-eyebrow{font-size:12px;margin-bottom:8px}
.sf-spec-layout{gap:36px}.sf-table{font-size:14px;line-height:1.5}.sf-table th,.sf-table td{padding:9px 12px}.sf-diagram img{max-height:420px;width:100%}.sf-custom-options{margin-top:28px}.sf-option-grid{gap:16px;margin-top:14px}.sf-option-grid>div{gap:12px}.sf-option-grid svg{width:38px;height:38px}.sf-option-grid strong{font-size:14px;line-height:1.3}.sf-option-grid small{font-size:12px;line-height:1.45}
.sf-supply-layout{grid-template-columns:2fr 1fr;gap:28px}.sf-supply-layout .sf-intro{font-size:15px;line-height:1.55;margin-bottom:20px}.sf-system{gap:14px}.sf-system img{height:135px}.sf-system figcaption{padding:13px 12px}.sf-system figcaption strong{font-size:15px;line-height:1.35}.sf-system figcaption span{font-size:13px;line-height:1.45;margin-top:5px}.sf-quote-card{padding:24px}.sf-quote-card h3{font-size:20px;line-height:1.25;margin-bottom:16px}.sf-quote-card ul{gap:9px 14px;margin-bottom:18px}.sf-quote-card li{font-size:13px;line-height:1.4}.sf-quote-card dl{padding-top:12px}.sf-quote-card dl>div{grid-template-columns:75px 1fr;font-size:13px;line-height:1.5;margin-top:8px}
.sf-factory{gap:36px}.sf-factory p{font-size:15px;line-height:1.65;margin-bottom:20px}.sf-page .sf-factory .sf-actions{margin-top:20px}.sf-page .sf-factory .button{font-size:14px;min-height:44px;padding:12px 18px}.sf-evidence img{height:185px}.sf-faq{margin-top:22px;gap:12px 24px}.sf-faq summary{font-size:15px;line-height:1.5;padding:16px 0}.sf-faq details{padding:0 20px}.sf-faq details p{font-size:14px;line-height:1.65}
.sf-page .sf-rfq{padding:44px 0}.sf-page .sf-contact-copy>p:not(.sf-eyebrow){font-size:15px;line-height:1.65}.sf-page .sf-rfq-benefits strong{font-size:13px}.sf-page .sf-rfq form.rfq-form.rfq-compact{padding:26px;gap:12px}.sf-page .sf-rfq .sf-form-grid{gap:12px 18px}.sf-page .sf-rfq form.rfq-form.rfq-compact .rfq-label{font-size:14px}.sf-page .sf-rfq form.rfq-form.rfq-compact input,.sf-page .sf-rfq form.rfq-form.rfq-compact select{height:44px;min-height:44px;font-size:14px}.sf-page .sf-rfq form.rfq-form.rfq-compact textarea{height:80px;min-height:80px;font-size:14px}.sf-page .sf-rfq form.rfq-form.rfq-compact .rfq-submit{min-height:46px;font-size:15px}.sf-upload strong{font-size:13px}.sf-upload small{font-size:12px}
.sf-footer-inner{padding:36px 0 30px}.sf-footer h3{font-size:15px;margin-bottom:14px}.sf-footer-brand p,.sf-footer nav>a,.sf-footer-contact>a,.sf-footer-contact>span{font-size:13px;line-height:1.65}.sf-footer nav>a{margin-bottom:6px}.sf-footer-bottom>div{font-size:12px;padding:16px 0}
@media(max-width:1100px){.sf-option-grid{grid-template-columns:repeat(3,1fr)}.sf-supply-layout{grid-template-columns:1.65fr 1fr}.sf-system{grid-template-columns:repeat(2,minmax(0,1fr))}.sf-page #supply h2,.sf-page #specifications h2,.sf-page #manufacturer h2,.sf-page #faq h2{font-size:29px}.sf-evidence img{height:155px}.sf-quote-card{padding:20px}.sf-quote-card ul{grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row}}
@media(max-width:760px){.sf-page #specifications,.sf-page #supply,.sf-page #manufacturer,.sf-page #faq{padding:32px 0}.sf-page #specifications h2,.sf-page #supply h2,.sf-page #manufacturer h2,.sf-page #faq h2,.sf-page .sf-contact h2{font-size:27px}.sf-table{font-size:12px}.sf-table th,.sf-table td{padding:8px}.sf-spec-layout{gap:20px}.sf-diagram img{max-height:310px}.sf-option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.sf-option-grid strong{font-size:13px}.sf-option-grid svg{width:32px;height:32px}.sf-supply-layout{grid-template-columns:1fr;gap:22px}.sf-quote-card ul{grid-template-columns:1fr 1fr;grid-template-rows:repeat(5,auto);grid-auto-flow:column}.sf-system img{height:120px}.sf-system figcaption strong{font-size:14px}.sf-system figcaption span{font-size:12px}.sf-evidence img{height:135px}.sf-faq summary{font-size:14px}.sf-page .sf-rfq{padding:32px 0}.sf-page .sf-rfq form.rfq-form.rfq-compact{padding:18px}.sf-page .sf-rfq form.rfq-form.rfq-compact input,.sf-page .sf-rfq form.rfq-form.rfq-compact select,.sf-page .sf-rfq form.rfq-form.rfq-compact textarea{font-size:16px}.sf-footer-inner{padding:30px 0}.sf-footer-bottom>div{font-size:11px}}

/* Balance the footer introduction with its navigation columns. */
.sf-footer-inner{grid-template-columns:1.2fr .72fr 1.18fr 1.15fr;gap:36px}
.sf-footer-brand p{max-width:none;font-size:14px;font-weight:500;line-height:1.75;margin-bottom:20px}
@media(max-width:1100px) and (min-width:761px){.sf-footer-inner{grid-template-columns:1.1fr .7fr 1.2fr 1.1fr;gap:24px}}
@media(max-width:760px){.sf-footer-inner{grid-template-columns:1fr 1fr;gap:28px}.sf-footer-brand p{max-width:420px}.sf-footer nav>a{gap:8px}}

/* Keep the photograph crisp beside a readable, contained text area. */
.sf-page .sf-hero{background-image:linear-gradient(90deg,#f0f6f8 0%,#f0f6f8 42%,rgba(240,246,248,.76) 49%,rgba(240,246,248,.16) 61%,rgba(240,246,248,0) 69%),url('/products/steel-fence/steel-fence-eucalyptus-park-banner.webp');background-color:#f0f6f8;background-size:cover,auto 640px;background-repeat:no-repeat;background-position:center,right center;min-height:500px}
.sf-page .sf-hero-copy{max-width:550px}
@media(max-width:1100px){.sf-page .sf-hero{background-image:linear-gradient(90deg,#f0f6f8 0%,rgba(240,246,248,.95) 35%,rgba(240,246,248,.8) 48%,rgba(240,246,248,0) 78%),url('/products/steel-fence/steel-fence-eucalyptus-park-banner.webp');background-size:cover,auto 560px;background-position:center,right center;min-height:440px}.sf-page .sf-hero-copy{max-width:500px}}
@media(max-width:760px){.sf-page .sf-hero{background-image:linear-gradient(90deg,rgba(240,246,248,.97),rgba(240,246,248,.89) 65%,rgba(240,246,248,.64)),url('/products/steel-fence/steel-fence-eucalyptus-park-banner.webp');background-size:cover;background-position:65% center;min-height:420px}.sf-page .sf-hero-copy{max-width:none}}

.sf-system figure:nth-child(2) img{object-fit:contain;background:#bcc6d0}.sf-system figure:nth-child(4) img{object-fit:cover;background:#dce5df}


/* Alternating section backgrounds from the product range onward. */
.sf-page #product-list,.sf-page #supply,.sf-page #faq{background:#fff}
.sf-page #specifications,.sf-page #manufacturer{background:#edf4f2}
.sf-page #contact{background-color:#edf4f2}