.fence3d{--d3-green:#214a36;--d3-line:#d9e0da;background:#fff;font-size:15px}
.fence3d p{line-height:1.65;color:#526159}.fence3d h1{font-size:clamp(1.9rem,3.2vw,2.55rem);line-height:1.13;max-width:530px}.fence3d h2{font-size:clamp(1.4rem,2.3vw,1.85rem);line-height:1.2}.fence3d h3{font-size:1rem;line-height:1.4}.fence3d .eyebrow{color:var(--d3-green);font-size:.72rem}.fence3d figure{margin:0}.fence3d :focus-visible{outline:2px solid #315e44;outline-offset:4px}.fence3d a{text-underline-offset:4px}
.d3-intro{background:#f2f5f0;padding:20px 0 30px}.d3-crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:.78rem;color:#526159;margin-bottom:22px}.d3-hero-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:center}.d3-gallery{max-width:450px;width:100%;margin:auto}.d3-main-photo{padding:10px;background:white;border:1px solid var(--d3-line)}.d3-main-photo>img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}.d3-main-photo figcaption{text-align:center;font-size:.75rem;color:#526159;padding-top:10px}.d3-thumbs{display:flex;gap:8px;margin-top:9px}.d3-thumbs button{width:66px;height:50px;border:1px solid #c6d3c9;padding:3px;cursor:pointer;background:white}.d3-thumbs button[aria-pressed=true]{border:2px solid var(--d3-green)}.d3-thumbs img{width:100%;height:100%;object-fit:contain}.d3-summary .d3-lead{font-size:1.12rem;color:var(--d3-green);font-weight:650;margin:15px 0 12px}.d3-facts{display:grid;grid-template-columns:1fr 1fr;gap:16px;border-block:1px solid #ccd7ce;padding:14px 0;margin:18px 0}.d3-facts dt{font-size:.76rem;color:#526159}.d3-facts dd{margin:4px 0 0;font-size:.87rem;font-weight:700}.d3-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.d3-actions>a:not(.btn){font-size:.82rem;font-weight:650}.fence3d .d3-button{background:var(--d3-green);color:#fff;border-color:var(--d3-green)}
.d3-section-nav{border-bottom:1px solid var(--d3-line)}.d3-section-nav .wrap{display:flex;gap:10px 25px;flex-wrap:wrap;padding-block:13px}.d3-section-nav a{font-size:.82rem;font-weight:650;text-decoration:none;padding:4px 0}.d3-section-nav a:hover{text-decoration:underline}.d3-section{padding-block:44px;scroll-margin-top:100px}.d3-heading{max-width:740px;margin-bottom:26px}.d3-heading p:last-child{margin:12px 0 0}.d3-split-heading{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;margin-bottom:26px}.d3-split-heading>p{margin:0}.d3-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid var(--d3-line);padding-top:23px}.d3-benefits span{font-size:.72rem;color:#5d7667}.d3-benefits h3{margin:10px 0}.d3-benefits p{font-size:.88rem;margin:0}.d3-tinted{background:#f2f5f0}.d3-spec-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;align-items:start}.d3-diagram{padding:20px;border:1px solid var(--d3-line);background:#fff}.d3-diagram img{width:100%;height:auto;object-fit:contain}.d3-diagram figcaption{font-size:.76rem;line-height:1.7;text-align:center;color:#526159;margin-top:14px}.d3-spec-table{width:100%;min-width:0;border-collapse:collapse;font-size:.85rem}.d3-spec-table caption{text-align:left;font-weight:700;font-size:.91rem;padding-bottom:13px}.d3-spec-table th,.d3-spec-table td{padding:12px;vertical-align:top;border:1px solid #cad5cc}.d3-spec-table th{text-transform:none;letter-spacing:0;font-size:.85rem}.d3-spec-table tbody th{width:32%;background:#fafcf9}.d3-spec-table td{background:white}
.d3-post-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.d3-post-grid figure{border:1px solid var(--d3-line)}.d3-post-grid img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:white}.d3-post-grid figcaption{padding:12px 10px;font-size:.82rem;font-weight:650;border-top:1px solid var(--d3-line)}.d3-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:30px}.d3-detail-grid article{display:grid;grid-template-columns:160px 1fr;gap:20px;align-items:center}.d3-detail-grid img{width:160px;height:140px;object-fit:contain;background:#f2f5f0}.d3-detail-grid p{font-size:.86rem;margin:9px 0 0}.d3-install-note{border-left:3px solid #ad9770;background:#f8f7f3;margin-top:27px;padding:20px 24px}.d3-install-note p{font-size:.88rem;margin:9px 0 0}.d3-dark{background:#193b2c;color:white}.d3-dark .eyebrow,.d3-dark p{color:#d2dfd4}.d3-dark a{color:white;font-size:.87rem}.d3-finish-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px}.d3-finish-grid h2{margin-bottom:16px}.d3-finish-list article+article{border-top:1px solid #4b6656;padding-top:15px;margin-top:15px}.d3-finish-list p{font-size:.88rem;margin:7px 0 0}.d3-quality-grid,.d3-application-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.d3-quality-grid article{border:1px solid var(--d3-line)}.d3-quality-grid img{width:100%;height:230px;object-fit:contain;background:#f4f6f2}.d3-quality-grid article>div{padding:22px}.d3-quality-grid p,.d3-application-grid p{font-size:.9rem;margin:10px 0 0}.d3-application-grid img{width:100%;height:auto;max-height:280px;object-fit:contain;background:#e7eee5}.d3-application-grid figcaption{padding-top:18px}.d3-enquiry{display:grid;grid-template-columns:1fr 1fr;gap:60px}.d3-enquiry h2{margin-bottom:15px}.d3-enquiry ul{padding-left:20px;line-height:1.8;color:#526159}.d3-enquiry form{padding:24px;background:#f2f5f0;border:1px solid var(--d3-line)}.d3-form-note{grid-column:1/-1;font-size:.78rem;margin:0}
@media(max-width:950px){.d3-hero-grid{gap:28px}.d3-spec-grid{grid-template-columns:1fr}.d3-diagram{max-width:530px;justify-self:center}.d3-detail-grid article{grid-template-columns:130px 1fr}.d3-detail-grid img{width:130px;height:130px}.d3-enquiry{gap:30px}}
@media(max-width:650px){.d3-hero-grid,.d3-split-heading,.d3-benefits,.d3-detail-grid,.d3-finish-grid,.d3-quality-grid,.d3-application-grid,.d3-enquiry{grid-template-columns:1fr}.d3-summary{grid-row:1}.d3-hero-grid{gap:24px}.d3-summary>p:not(.eyebrow){margin-bottom:12px}.d3-gallery{max-width:390px}.d3-main-photo>img{max-height:270px}.d3-section{padding-block:32px;scroll-margin-top:90px}.d3-split-heading{gap:15px}.d3-post-grid{grid-template-columns:1fr 1fr;gap:14px}.d3-benefits{gap:22px}.d3-spec-table th,.d3-spec-table td{padding:10px;font-size:.81rem}.d3-spec-table tbody th{width:34%}.d3-finish-grid{gap:27px}.d3-quality-grid img{height:215px}.d3-application-grid img{max-height:270px}.d3-enquiry form{padding:20px}.d3-detail-grid article{grid-template-columns:125px 1fr}.d3-detail-grid img{width:125px}.d3-section-nav .wrap{gap:6px 18px}.d3-facts{gap:12px}.d3-actions{gap:14px}.d3-actions .btn{padding:12px 15px}}
@media(prefers-reduced-motion:reduce){html:has(.fence3d){scroll-behavior:auto}}