.reference-decking-decktiles *{box-sizing:border-box}.reference-decking-decktiles{scroll-behavior:smooth;background:var(--background);color:var(--ink);font-family:var(--font-sans);margin:0;scroll-padding-top:90px;font-size:16px;line-height:1.6}.reference-decking-decktiles button,.reference-decking-decktiles input,.reference-decking-decktiles select,.reference-decking-decktiles textarea{font:inherit}.reference-decking-decktiles button,.reference-decking-decktiles a,.reference-decking-decktiles select{touch-action:manipulation}.reference-decking-decktiles button{cursor:pointer}.reference-decking-decktiles a{color:inherit;text-decoration:none}.reference-decking-decktiles button:focus-visible,.reference-decking-decktiles a:focus-visible,.reference-decking-decktiles select:focus-visible,.reference-decking-decktiles summary:focus-visible{outline:3px solid var(--border);outline-offset:5px}.reference-decking-decktiles img{max-width:100%;display:block}.reference-decking-decktiles h1,.reference-decking-decktiles h2,.reference-decking-decktiles h3,.reference-decking-decktiles p,.reference-decking-decktiles figure{margin:0}.reference-decking-decktiles h1,.reference-decking-decktiles h2,.reference-decking-decktiles h3{letter-spacing:0;font-weight:500;line-height:1.06}.reference-decking-decktiles h1{max-width:1000px;font-size:6rem}.reference-decking-decktiles h2{font-size:3.7rem}.reference-decking-decktiles h3{font-size:2rem}.reference-decking-decktiles p{max-width:68ch}.reference-decking-decktiles button{border:0}.reference-decking-decktiles button:disabled{cursor:not-allowed;opacity:.4}.reference-decking-decktiles .wrap{width:min(1280px,88%);margin:auto}.reference-decking-decktiles .section{padding:100px 0}.reference-decking-decktiles .eyebrow{letter-spacing:0;text-transform:uppercase;color:var(--lime-ink);margin-bottom:22px;font-size:.8rem;font-weight:700}.reference-decking-decktiles .lead{font-family:var(--font-sans);font-synthesis:none;color:currentColor;font-size:16px;font-weight:300;line-height:1.65}.reference-decking-decktiles .muted{color:currentColor}.reference-decking-decktiles .small{font-size:.85rem;line-height:1.55}.reference-decking-decktiles .btn{letter-spacing:0;background:var(--accent);min-height:48px;color:var(--foreground);border:1px solid var(--accent);text-transform:uppercase;justify-content:center;align-items:center;padding:14px 23px;font-size:.85rem;font-weight:700;line-height:1.2;transition:background .2s;display:inline-flex}.reference-decking-decktiles .btn:hover{background:var(--secondary);border-color:var(--secondary)}.reference-decking-decktiles .btn.outline{color:inherit;background:0 0;border-color:currentColor}.reference-decking-decktiles .btn.outline:hover{background:var(--fencing-overlay)}.reference-decking-decktiles .btn.dark{background:var(--ink);color:var(--card);border-color:var(--ink)}.reference-decking-decktiles .actions{flex-wrap:wrap;gap:12px;display:flex}.reference-decking-decktiles .text-link{border-bottom:1px solid;padding:7px 0;font-size:.88rem;font-weight:700;display:inline-block}.reference-decking-decktiles .skip{position:absolute;left:-999px}.reference-decking-decktiles .skip:focus{z-index:999;background:var(--card);padding:16px;top:20px;left:20px}.reference-decking-decktiles .utility{background:var(--accent);letter-spacing:0;height:34px;font-size:.73rem;font-weight:700}.reference-decking-decktiles .utility .wrap{justify-content:space-between;align-items:center;height:100%;display:flex}.reference-decking-decktiles .utility-links{gap:28px;display:flex}.reference-decking-decktiles .header{z-index:10;color:var(--card);border-bottom:0;position:absolute;left:0;right:0}.reference-decking-decktiles .header-inner{justify-content:space-between;align-items:center;gap:35px;height:96px;display:flex}.reference-decking-decktiles .logo{object-fit:contain;object-position:left;width:178px;height:auto;max-height:40px}.reference-decking-decktiles .wordmark{letter-spacing:0;color:var(--card);font-size:1.85rem;font-weight:700;display:none}.reference-decking-decktiles .wordmark span{color:var(--accent)}.reference-decking-decktiles .primary-nav{align-items:center;gap:36px;font-size:.82rem;font-weight:600;display:flex}.reference-decking-decktiles .primary-nav>a{padding:12px 0}.reference-decking-decktiles .primary-nav>a.active{border-bottom:2px solid var(--accent)}.reference-decking-decktiles .header .btn{background:var(--background);border-color:var(--background);color:var(--ink);font-size:.75rem}.reference-decking-decktiles .menu-toggle{color:var(--card);background:0 0;min-height:44px;padding:10px;font-size:1rem;display:none}.reference-decking-decktiles .hero{min-height:720px;color:var(--ink-foreground);background:var(--foreground);align-items:center;display:flex;position:relative;overflow:hidden}.reference-decking-decktiles .hero-img{object-fit:cover;object-position:center 52%;width:100%;height:100%;position:absolute;inset:0}.reference-decking-decktiles .hero:after{content:"";background:linear-gradient(90deg,var(--fencing-hero-overlay),var(--fencing-hero-overlay) 70%,var(--fencing-hero-overlay)),linear-gradient(0deg,var(--fencing-hero-overlay),transparent 65%);position:absolute;inset:0}.reference-decking-decktiles .hero-content{z-index:1;padding-top:150px;padding-bottom:80px;position:relative}.reference-decking-decktiles .hero .eyebrow{color:var(--accent)}.reference-decking-decktiles .hero p:not(.eyebrow){max-width:620px;color:var(--ink-foreground);margin:25px 0 32px;font-size:1.13rem}.reference-decking-decktiles .hero .hero-caption{z-index:1;letter-spacing:0;color:var(--ink-foreground);font-size:.75rem;position:absolute;bottom:28px;right:6%}.reference-decking-decktiles .hero .breadcrumb{align-items:center;gap:14px;display:flex}.reference-decking-decktiles .hero .breadcrumb span{color:var(--ink-foreground)}.reference-decking-decktiles .hero.product{min-height:675px}.reference-decking-decktiles .hero.product h1{max-width:750px}.reference-decking-decktiles .hero.product .hero-img{object-position:50% 55%}.reference-decking-decktiles .page-nav{z-index:20;background:var(--fencing-overlay);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0}.reference-decking-decktiles .page-nav .wrap{justify-content:space-between;align-items:center;gap:24px;min-height:64px;display:flex}.reference-decking-decktiles .page-tabs,.reference-decking-decktiles .jump-links{align-items:center;gap:28px;font-size:.88rem;display:flex}.reference-decking-decktiles .page-tabs a{white-space:nowrap;padding:20px 0}.reference-decking-decktiles .page-tabs a[aria-current=page]{border-bottom:2px solid var(--lime-ink);font-weight:700}.reference-decking-decktiles .jump-links{color:currentColor;gap:25px}.reference-decking-decktiles .jump-links a:hover{color:var(--ink)}.reference-decking-decktiles .intro-grid{grid-template-columns:1fr 1fr;align-items:start;gap:11%;display:grid}.reference-decking-decktiles .intro-grid h2{max-width:560px}.reference-decking-decktiles .intro-grid .lead{padding-top:37px}.reference-decking-decktiles .benefit-strip{border-top:1px solid var(--border);grid-template-columns:repeat(4,1fr);margin-top:62px;display:grid}.reference-decking-decktiles .benefit{padding:28px 32px 4px 0}.reference-decking-decktiles .benefit:not(:first-child){border-left:1px solid var(--border);padding-left:30px}.reference-decking-decktiles .benefit strong{margin:12px 0;font-size:1.15rem;font-weight:600;line-height:1.3;display:block}.reference-decking-decktiles .benefit .symbol{color:var(--lime-ink);font-size:1.7rem;line-height:1}.reference-decking-decktiles .benefit p{color:currentColor;font-size:.95rem}.reference-decking-decktiles .section-head{justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:45px;display:flex}.reference-decking-decktiles .section-head p{max-width:440px}.reference-decking-decktiles .section-head .eyebrow{margin-bottom:18px}.reference-decking-decktiles .profiles{grid-template-columns:1fr 1fr;gap:28px;display:grid}.reference-decking-decktiles .profile-card{display:block}.reference-decking-decktiles .profile-image{height:380px;position:relative;overflow:hidden}.reference-decking-decktiles .profile-image img{object-fit:cover;width:100%;height:100%;transition:transform .7s}.reference-decking-decktiles .profile-card:hover img{transform:scale(1.035)}.reference-decking-decktiles .profile-image .number{background:var(--background);padding:5px 12px;font-size:.85rem;position:absolute;top:20px;left:20px}.reference-decking-decktiles .profile-info{padding:28px 0 5px}.reference-decking-decktiles .profile-info h3{margin-bottom:15px;font-size:2.4rem}.reference-decking-decktiles .profile-info p{color:currentColor;max-width:480px;margin-bottom:15px}.reference-decking-decktiles .tags{flex-wrap:wrap;gap:7px;margin:20px 0;display:flex}.reference-decking-decktiles .tag{border:1px solid var(--border);padding:5px 10px;font-size:.77rem;line-height:1.3}.reference-decking-decktiles .explorer-grid{grid-template-columns:minmax(0,1.4fr) minmax(350px,1fr);align-items:start;gap:56px;display:grid}.reference-decking-decktiles .explorer-photo{background:var(--secondary);aspect-ratio:1.25;position:relative;overflow:hidden}.reference-decking-decktiles .explorer-photo>img{object-fit:cover;width:100%;height:100%}.reference-decking-decktiles .image-note{background:var(--fencing-overlay);color:var(--ink);padding:5px 10px;font-size:.75rem;position:absolute;bottom:20px;left:20px}.reference-decking-decktiles .photo-expand{color:var(--ink);background:var(--card);min-height:42px;padding:8px 12px;font-size:.8rem;position:absolute;top:17px;right:17px}.reference-decking-decktiles .photo-caption{justify-content:space-between;align-items:start;gap:12px;margin-top:16px;font-size:.9rem;display:flex}.reference-decking-decktiles .photo-caption small{color:currentColor;font-size:.78rem}.reference-decking-decktiles .explorer-controls{padding-top:1px}.reference-decking-decktiles .segmented{border:1px solid var(--border);gap:0;width:fit-content;margin-bottom:28px;display:flex}.reference-decking-decktiles .segmented button{color:currentColor;background:0 0;min-height:42px;padding:10px 20px;font-size:.88rem}.reference-decking-decktiles .segmented button[aria-pressed=true]{background:var(--ink);color:var(--card)}.reference-decking-decktiles .explorer-controls h3{font-size:2.6rem}.reference-decking-decktiles .finish-story{color:currentColor;min-height:76px;margin-top:12px;font-size:1rem}.reference-decking-decktiles .swatches{grid-template-columns:repeat(5,1fr);gap:18px 13px;margin:28px 0;display:grid}.reference-decking-decktiles .swatch{text-align:left;color:var(--ink);background:0 0;padding:0}.reference-decking-decktiles .swatch-chip{border:1px solid var(--fencing-overlay);width:100%;height:46px;margin-bottom:7px;display:block;position:relative}.reference-decking-decktiles .swatch[aria-pressed=true] .swatch-chip{outline:2px solid var(--lime-ink);outline-offset:4px}.reference-decking-decktiles .swatch[aria-pressed=true] .swatch-chip:after{content:"✓";background:var(--background);color:var(--lime-ink);text-align:center;border-radius:50%;width:20px;height:20px;font-size:14px;font-weight:700;line-height:20px;position:absolute;bottom:4px;right:5px}.reference-decking-decktiles .swatch-label{min-height:28px;font-size:.77rem;line-height:1.15;display:block}.reference-decking-decktiles .orientation{margin-top:25px}.reference-decking-decktiles .orientation .small{margin-bottom:9px}.reference-decking-decktiles .orientation .segmented{margin-bottom:12px}.reference-decking-decktiles .sample-action{flex-wrap:wrap;align-items:center;gap:22px;margin-top:24px;display:flex}.reference-decking-decktiles .colour-note{color:currentColor;margin-top:22px;font-size:.77rem}.reference-decking-decktiles .no-preview{text-align:center;background:var(--secondary);flex-direction:column;justify-content:center;align-items:center;gap:15px;height:100%;padding:35px;display:flex}.reference-decking-decktiles .colour-block{border:1px solid var(--fencing-overlay);width:140px;height:100px;display:block}.reference-decking-decktiles .gallery-tools{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;margin:30px 0;display:flex}.reference-decking-decktiles .filter-buttons{gap:24px;display:flex}.reference-decking-decktiles .filter-buttons button{color:currentColor;background:0 0;border-bottom:2px solid #0000;padding:14px 0;font-size:.92rem}.reference-decking-decktiles .filter-buttons button[aria-pressed=true]{border-color:var(--ink);color:var(--ink);font-weight:600}.reference-decking-decktiles .gallery-tools select{color:var(--ink);background:0 0;border:0;max-width:180px;padding:9px 24px 9px 9px;font-size:.88rem}.reference-decking-decktiles .gallery-grid{grid-template-columns:repeat(3,1fr);gap:40px 24px;display:grid}.reference-decking-decktiles .gallery-card{text-align:left;color:inherit;background:0 0;padding:0}.reference-decking-decktiles .gallery-card .gallery-img{aspect-ratio:1.35;overflow:hidden}.reference-decking-decktiles .gallery-card img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.reference-decking-decktiles .gallery-card:hover img{transform:scale(1.035)}.reference-decking-decktiles .gallery-card h3{letter-spacing:0;margin:15px 0 6px;font-size:1.3rem;line-height:1.3}.reference-decking-decktiles .gallery-card p{color:currentColor;font-size:.86rem}.reference-decking-decktiles .gallery-bottom{justify-content:space-between;align-items:center;gap:30px;margin-top:38px;display:flex}.reference-decking-decktiles .empty-gallery{color:currentColor;grid-column:1/-1;padding:50px 0}.reference-decking-decktiles .construction{background:var(--foreground);color:var(--ink-foreground)}.reference-decking-decktiles .construction .eyebrow{color:var(--accent)}.reference-decking-decktiles .construction-grid{grid-template-columns:1fr 1fr;align-items:start;gap:85px;display:grid}.reference-decking-decktiles .construction h2{max-width:450px;margin-bottom:25px}.reference-decking-decktiles .construction .lead{color:var(--ink-foreground);max-width:455px}.reference-decking-decktiles .construction-steps{border-top:1px solid var(--fencing-overlay)}.reference-decking-decktiles .construction-step{border-bottom:1px solid var(--fencing-overlay);grid-template-columns:45px 1fr;gap:15px;padding:25px 0;display:grid}.reference-decking-decktiles .construction-step>span{color:var(--accent);font-size:.85rem}.reference-decking-decktiles .construction-step h3{letter-spacing:0;margin-bottom:10px;font-size:1.4rem}.reference-decking-decktiles .construction-step p{color:var(--ink-foreground);font-size:.96rem}.reference-decking-decktiles .construction .actions{margin-top:35px}.reference-decking-decktiles .product-design{grid-template-columns:1.05fr 1fr;align-items:center;gap:75px;display:grid}.reference-decking-decktiles .product-design img{aspect-ratio:1.12;object-fit:cover;width:100%}.reference-decking-decktiles .product-design h2{margin-bottom:23px}.reference-decking-decktiles .product-design p{margin-bottom:22px}.reference-decking-decktiles .feature-list{border-top:1px solid var(--border);margin:30px 0 0;padding:0;list-style:none}.reference-decking-decktiles .feature-list li{border-bottom:1px solid var(--border);gap:18px;padding:15px 0;font-size:.97rem;display:flex}.reference-decking-decktiles .feature-list li>span{color:var(--lime-ink);padding-top:3px;font-size:.78rem}.reference-decking-decktiles .spec-grid{grid-template-columns:.9fr 1.1fr;gap:100px;display:grid}.reference-decking-decktiles .spec-grid h2{margin-bottom:24px}.reference-decking-decktiles .spec-table{margin:0}.reference-decking-decktiles .spec-table>div{border-top:1px solid var(--border);grid-template-columns:1fr 1.2fr;gap:25px;padding:18px 0;font-size:.97rem;display:grid}.reference-decking-decktiles .spec-table dt{font-weight:600}.reference-decking-decktiles .spec-table dd{color:currentColor;margin:0}.reference-decking-decktiles .spec-table>div:last-child{border-bottom:1px solid var(--border)}.reference-decking-decktiles .faq-grid{grid-template-columns:.85fr 1.15fr;gap:90px;display:grid}.reference-decking-decktiles .faq-grid h2{max-width:380px;margin-bottom:25px}.reference-decking-decktiles .faq-grid .lead{max-width:335px}.reference-decking-decktiles .faqs details{border-top:1px solid var(--border)}.reference-decking-decktiles .faqs details:last-child{border-bottom:1px solid var(--border)}.reference-decking-decktiles .faqs summary{cursor:pointer;padding:23px 45px 23px 0;font-size:1.08rem;line-height:1.4;list-style:none;position:relative}.reference-decking-decktiles .faqs summary::-webkit-details-marker{display:none}.reference-decking-decktiles .faqs summary:after{content:"+";color:var(--lime-ink);font-size:1.6rem;font-weight:400;position:absolute;top:19px;right:4px}.reference-decking-decktiles .faqs details[open] summary:after{content:"−"}.reference-decking-decktiles .faqs details p{color:currentColor;padding:0 30px 25px 0;font-size:1rem;line-height:1.7}.reference-decking-decktiles .crosslink{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:40px;margin-top:70px;padding:35px 0;display:flex}.reference-decking-decktiles .crosslink h3{font-size:1.9rem}.reference-decking-decktiles .final-cta{background:var(--accent);padding:75px 0}.reference-decking-decktiles .final-cta .wrap{justify-content:space-between;align-items:center;gap:60px;display:flex}.reference-decking-decktiles .final-cta h2{max-width:640px;font-size:3.6rem}.reference-decking-decktiles .final-cta .eyebrow{color:var(--foreground)}.reference-decking-decktiles .final-cta p{max-width:580px;color:var(--foreground);margin-top:20px}.reference-decking-decktiles .final-cta .actions{flex-shrink:0;max-width:220px}.reference-decking-decktiles .final-cta .btn{width:100%}.reference-decking-decktiles .footer{background:var(--foreground);color:var(--ink-foreground);padding:65px 0 25px}.reference-decking-decktiles .footer-top{grid-template-columns:repeat(4,minmax(0,1fr));gap:65px;display:grid}.reference-decking-decktiles .footer .logo{width:175px}.reference-decking-decktiles .footer p{color:var(--ink-foreground);max-width:330px;margin-top:22px;font-size:.9rem}.reference-decking-decktiles .footer-title{letter-spacing:0;color:var(--accent);margin-bottom:20px;font-size:.76rem}.reference-decking-decktiles .footer-links{flex-direction:column;gap:11px;font-size:.9rem;display:flex}.reference-decking-decktiles .footer-bottom{border-top:1px solid var(--fencing-overlay);color:var(--foreground);justify-content:space-between;gap:20px;margin-top:50px;padding-top:25px;font-size:.76rem;display:flex}.reference-decking-decktiles dialog{background:var(--background);color:var(--ink);width:100%;max-width:min(1050px,94vw);max-height:92dvh;box-shadow:0 20px 100px var(--fencing-overlay);border:0;padding:0;overflow:auto}.reference-decking-decktiles dialog::backdrop{background:var(--fencing-overlay)}.reference-decking-decktiles .dialog-close{z-index:2;background:var(--background);width:44px;height:44px;color:var(--ink);justify-content:center;align-items:center;font-size:1.6rem;display:flex;position:absolute;top:15px;right:15px}.reference-decking-decktiles .lightbox-image{object-fit:contain;background:var(--foreground);width:100%;max-height:65dvh}.reference-decking-decktiles .lightbox-.reference-decking-decktiles{justify-content:space-between;align-items:center;gap:30px;padding:28px 35px;display:flex}.reference-decking-decktiles .lightbox-.reference-decking-decktiles h3{margin-bottom:8px;font-size:1.8rem}.reference-decking-decktiles #sample-dialog{max-width:580px;padding:45px}.reference-decking-decktiles #sample-dialog h2{margin-bottom:18px;font-size:2.7rem}.reference-decking-decktiles #sample-dialog p{color:currentColor}.reference-decking-decktiles .sample-fields{gap:20px;margin:26px 0;display:grid}.reference-decking-decktiles .sample-fields label{font-size:.87rem;font-weight:600}.reference-decking-decktiles .sample-fields select{border:1px solid var(--border);background:var(--card);border-radius:0;width:100%;margin-top:8px;padding:12px;display:block}.reference-decking-decktiles .sample-summary{background:var(--secondary);margin:20px 0;padding:18px}.reference-decking-decktiles .sample-summary strong{display:block}.reference-decking-decktiles .sample-note{margin-top:18px;font-size:.83rem}.reference-decking-decktiles .sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=1700px){.reference-decking-decktiles .hero{min-height:800px}}@media (width<=1100px){.reference-decking-decktiles .wrap{width:90%}.reference-decking-decktiles .primary-nav{gap:24px}.reference-decking-decktiles .explorer-grid{grid-template-columns:1.15fr 1fr;gap:35px}.reference-decking-decktiles .section{padding:80px 0}.reference-decking-decktiles .construction-grid,.reference-decking-decktiles .faq-grid,.reference-decking-decktiles .spec-grid{gap:55px}.reference-decking-decktiles .footer-top{gap:30px}.reference-decking-decktiles .profile-image{height:320px}.reference-decking-decktiles .jump-links{gap:17px}.reference-decking-decktiles .swatches{gap:16px 12px}.reference-decking-decktiles .product-design{gap:45px}}@media (width<=800px){.reference-decking-decktiles .utility .wrap>span{display:none}.reference-decking-decktiles .utility .wrap{justify-content:flex-end}.reference-decking-decktiles .utility-links{gap:20px}.reference-decking-decktiles .header-inner{height:82px}.reference-decking-decktiles .logo{width:160px}.reference-decking-decktiles .menu-toggle{display:block}.reference-decking-decktiles .primary-nav{background:var(--foreground);flex-direction:column;align-items:stretch;gap:7px;padding:25px 5%;display:none;position:absolute;top:82px;left:0;right:0}.reference-decking-decktiles .primary-nav.open{display:flex}.reference-decking-decktiles .hero{min-height:650px}.reference-decking-decktiles .hero-content{padding-top:160px;padding-bottom:80px}.reference-decking-decktiles .hero h1{max-width:630px;font-size:4.7rem}.reference-decking-decktiles .hero:after{background:linear-gradient(90deg,var(--fencing-hero-overlay),var(--fencing-hero-overlay)),linear-gradient(0deg,var(--fencing-hero-overlay),transparent)}.reference-decking-decktiles .hero p:not(.eyebrow){font-size:1.05rem}.reference-decking-decktiles .hero-caption{display:none}.reference-decking-decktiles .page-nav .wrap{min-height:0;display:block}.reference-decking-decktiles .page-tabs{justify-content:space-between;gap:15px}.reference-decking-decktiles .page-tabs a{padding:17px 0;font-size:.85rem}.reference-decking-decktiles .jump-links{display:none}.reference-decking-decktiles .intro-grid{grid-template-columns:1fr;gap:15px}.reference-decking-decktiles .intro-grid .lead{padding-top:0}.reference-decking-decktiles .benefit-strip{grid-template-columns:1fr 1fr;gap:0;margin-top:40px}.reference-decking-decktiles .benefit{padding:25px 15px 20px 0}.reference-decking-decktiles .benefit:not(:first-child){padding-left:20px}.reference-decking-decktiles .benefit:nth-child(3){border-left:0;border-top:1px solid var(--border);padding-left:0}.reference-decking-decktiles .benefit:nth-child(4){border-top:1px solid var(--border)}.reference-decking-decktiles .section-head{flex-direction:column;align-items:start;gap:22px;margin-bottom:32px}.reference-decking-decktiles .section-head p{max-width:620px}.reference-decking-decktiles .profile-image{height:300px}.reference-decking-decktiles .profile-info h3{font-size:2rem}.reference-decking-decktiles .explorer-grid{grid-template-columns:1fr;gap:30px}.reference-decking-decktiles .explorer-photo{aspect-ratio:1.5}.reference-decking-decktiles .explorer-controls h3{font-size:2.5rem}.reference-decking-decktiles .finish-story{min-height:0}.reference-decking-decktiles .swatches{grid-template-columns:repeat(5,1fr);gap:22px}.reference-decking-decktiles .swatch-chip{height:60px}.reference-decking-decktiles .swatch-label{min-height:0;font-size:.82rem}.reference-decking-decktiles .gallery-grid{grid-template-columns:1fr 1fr}.reference-decking-decktiles .construction-grid,.reference-decking-decktiles .faq-grid,.reference-decking-decktiles .spec-grid,.reference-decking-decktiles .product-design{grid-template-columns:1fr;gap:40px}.reference-decking-decktiles .construction h2{max-width:600px}.reference-decking-decktiles .product-design img{aspect-ratio:1.5}.reference-decking-decktiles .faq-grid h2{max-width:580px}.reference-decking-decktiles .faq-grid .lead{max-width:500px}.reference-decking-decktiles .final-cta .wrap{flex-direction:column;align-items:flex-start;gap:32px}.reference-decking-decktiles .final-cta .actions{max-width:none}.reference-decking-decktiles .final-cta .btn{width:auto}.reference-decking-decktiles .footer-top{grid-template-columns:1.5fr 1fr;gap:42px}.reference-decking-decktiles .footer-bottom{flex-direction:column}.reference-decking-decktiles .lightbox-.reference-decking-decktiles{flex-direction:column;align-items:start;gap:18px}}@media (width<=520px){.reference-decking-decktiles{font-size:16px}.reference-decking-decktiles .wrap{width:89%}.reference-decking-decktiles .utility{height:30px}.reference-decking-decktiles .utility-links{gap:22px;font-size:.65rem}.reference-decking-decktiles .hero{min-height:690px}.reference-decking-decktiles .hero.product{min-height:650px}.reference-decking-decktiles .hero-content{padding-top:140px;padding-bottom:64px}.reference-decking-decktiles .hero h1{letter-spacing:0;font-size:3.25rem}.reference-decking-decktiles .hero .eyebrow{font-size:.72rem}.reference-decking-decktiles .hero .actions{flex-direction:column;align-items:stretch;max-width:270px}.reference-decking-decktiles .section{padding:62px 0}.reference-decking-decktiles .eyebrow{margin-bottom:16px}.reference-decking-decktiles h2{font-size:2.55rem}.reference-decking-decktiles .benefit strong{font-size:1.05rem}.reference-decking-decktiles .benefit p{font-size:.88rem}.reference-decking-decktiles .benefit:not(:first-child){padding-left:16px}.reference-decking-decktiles .benefit:nth-child(3){padding-left:0}.reference-decking-decktiles .profiles{grid-template-columns:1fr;gap:38px}.reference-decking-decktiles .profile-image{height:285px}.reference-decking-decktiles .profile-info{padding-top:22px}.reference-decking-decktiles .profile-info p{font-size:.98rem}.reference-decking-decktiles .explorer-photo{aspect-ratio:1.15}.reference-decking-decktiles .image-note{font-size:.7rem;bottom:12px;left:12px}.reference-decking-decktiles .photo-caption{flex-direction:column;gap:2px}.reference-decking-decktiles .swatches{grid-template-columns:repeat(3,1fr);gap:20px 12px}.reference-decking-decktiles .swatch-chip{height:49px}.reference-decking-decktiles .swatch-label{font-size:.82rem}.reference-decking-decktiles .sample-action{gap:17px}.reference-decking-decktiles .gallery-tools{align-items:flex-start}.reference-decking-decktiles .filter-buttons{gap:19px}.reference-decking-decktiles .filter-buttons button{font-size:.86rem}.reference-decking-decktiles .gallery-tools select{max-width:115px;padding-top:15px;font-size:.8rem}.reference-decking-decktiles .gallery-grid{grid-template-columns:1fr;gap:30px}.reference-decking-decktiles .gallery-card .gallery-img{aspect-ratio:1.4}.reference-decking-decktiles .gallery-bottom{flex-direction:column;align-items:start;gap:20px}.reference-decking-decktiles .spec-table>div{grid-template-columns:1fr 1.2fr;gap:20px;font-size:.9rem}.reference-decking-decktiles .construction-step{grid-template-columns:27px 1fr;gap:12px}.reference-decking-decktiles .faqs summary{font-size:1rem}.reference-decking-decktiles .crosslink{flex-direction:column;align-items:start;margin-top:45px}.reference-decking-decktiles .final-cta{padding:60px 0}.reference-decking-decktiles .final-cta .actions{flex-direction:column;width:100%;max-width:270px}.reference-decking-decktiles .footer-top{grid-template-columns:1fr 1fr;gap:35px 24px}.reference-decking-decktiles .footer-top>div:first-child,.reference-decking-decktiles .footer-top>div:last-child{grid-column:1/-1}.reference-decking-decktiles .footer-title{margin-bottom:16px}.reference-decking-decktiles #sample-dialog{padding:35px 25px}.reference-decking-decktiles .lightbox-.reference-decking-decktiles{padding:23px}.reference-decking-decktiles .page-tabs{gap:10px}.reference-decking-decktiles .page-tabs a{font-size:.79rem}.reference-decking-decktiles .segmented button{padding:10px 16px}}@media (prefers-reduced-motion:reduce){.reference-decking-decktiles{scroll-behavior:auto}.reference-decking-decktiles *{transition:none!important}}.reference-decking-decktiles .preview-switch{width:100%;margin-bottom:18px}.reference-decking-decktiles .preview-switch button{flex:1;min-height:46px}.reference-decking-decktiles .explorer-photo.board-preview{background:var(--card);border:1px solid var(--border)}.reference-decking-decktiles .explorer-photo.board-preview>img{object-fit:contain;width:100%;height:100%;padding:18px 20px 35px}.reference-decking-decktiles .board-colour-label{margin:25px 0 13px;font-size:.85rem;font-weight:600}.reference-decking-decktiles .swatches.board-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:21px 15px;margin:0 0 22px}.reference-decking-decktiles .board-options .swatch-chip{aspect-ratio:.84;background:var(--card);border:1px solid var(--border);height:auto;margin-bottom:10px;overflow:visible}.reference-decking-decktiles .board-options .swatch-chip img{object-fit:contain;width:100%;height:100%;transition:transform .25s}.reference-decking-decktiles .board-options .swatch:hover img{transform:scale(1.06)}.reference-decking-decktiles .board-options .swatch-label{min-height:1.25em;font-size:.85rem;line-height:1.25}.reference-decking-decktiles .board-options .swatch[aria-pressed=true] .swatch-chip{outline-offset:3px}.reference-decking-decktiles .additional-finish{color:currentColor;flex-wrap:wrap;align-items:center;gap:5px 10px;margin-top:8px;font-size:.8rem;display:flex}.reference-decking-decktiles .additional-finish button{color:var(--ink);background:0 0;padding:5px 0;font-size:.8rem}.reference-decking-decktiles .additional-finish button[aria-pressed=true]{color:var(--lime-ink);border-bottom-width:2px}.reference-decking-decktiles .board-unavailable{background:var(--card)}.reference-decking-decktiles .board-unavailable p{max-width:35ch}.reference-decking-decktiles .board-unavailable .eyebrow{margin-bottom:0}.reference-decking-decktiles .board-unavailable .btn{margin-top:12px}.reference-decking-decktiles .board-dialog-image{background:var(--card);justify-content:center;align-items:center;padding:35px 30px 15px;display:flex}.reference-decking-decktiles .board-dialog-image img{object-fit:contain;max-width:100%;height:62dvh;max-height:760px}.reference-decking-decktiles #board-dialog{max-width:min(900px,94vw)}.reference-decking-decktiles #board-dialog .lightbox-.reference-decking-decktiles{border-top:1px solid var(--border)}@media (width<=1100px){.reference-decking-decktiles .swatches.board-options{gap:20px 12px}.reference-decking-decktiles .board-options .swatch-label{font-size:.8rem}.reference-decking-decktiles .board-options .swatch-chip{aspect-ratio:.75}}@media (width<=800px){.reference-decking-decktiles .explorer-photo.board-preview{aspect-ratio:1.3}.reference-decking-decktiles .swatches.board-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px}.reference-decking-decktiles .board-options .swatch-chip{aspect-ratio:1}.reference-decking-decktiles .board-options .swatch-label{font-size:.88rem}.reference-decking-decktiles .preview-switch{margin-bottom:15px}}@media (width<=520px){.reference-decking-decktiles .explorer-photo.board-preview{aspect-ratio:1.04}.reference-decking-decktiles .explorer-photo.board-preview>img{padding:10px 14px 30px}.reference-decking-decktiles .swatches.board-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:21px 12px}.reference-decking-decktiles .board-options .swatch-chip{aspect-ratio:.65}.reference-decking-decktiles .board-options .swatch-label{min-height:2.5em;font-size:.82rem}.reference-decking-decktiles .preview-switch button{padding:12px 10px;font-size:.85rem}.reference-decking-decktiles .board-dialog-image{padding:45px 15px 15px}.reference-decking-decktiles .board-dialog-image img{height:52dvh}.reference-decking-decktiles .additional-finish{font-size:.8rem}}.reference-decking-decktiles .header .logo,.reference-decking-decktiles .footer .logo{mix-blend-mode:normal;object-fit:contain;width:240px;height:auto;max-height:none;display:block}.reference-decking-decktiles .header-inner>a:first-child{flex-shrink:0;display:block}@media (width<=1000px){.reference-decking-decktiles .header .logo{width:210px}}@media (width<=480px){.reference-decking-decktiles .header .logo{width:188px}.reference-decking-decktiles .footer .logo{width:220px}}.reference-decking-decktiles .advantages{position:relative}.reference-decking-decktiles .advantages .section-anchor{position:absolute;top:0;left:0}.reference-decking-decktiles .advantage-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:70px;display:grid}.reference-decking-decktiles .advantages .advantage-intro .eyebrow{letter-spacing:0;max-width:390px;font-size:.8rem;line-height:1.6}.reference-decking-decktiles .advantages h2{letter-spacing:0;max-width:530px;margin-bottom:25px;font-size:4.2rem;line-height:1.08}.reference-decking-decktiles .advantages h2 span{color:var(--accent)}.reference-decking-decktiles .advantages .lead{max-width:390px;margin-bottom:32px;line-height:1.65}.reference-decking-decktiles .advantage-intro>.btn{border-color:var(--secondary);color:var(--ink-foreground);min-height:48px}.reference-decking-decktiles .advantage-grid{gap:22px;display:grid}.reference-decking-decktiles .advantage-card{background:var(--background);color:var(--ink);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);min-width:0;min-height:235px;display:grid;overflow:hidden}.reference-decking-decktiles .advantage-image{background:var(--card);justify-content:center;align-items:center;min-width:0;padding:34px 14px 25px;display:flex;position:relative}.reference-decking-decktiles .advantage-number{color:var(--lime-ink);letter-spacing:0;font-size:.8rem;font-weight:600;position:absolute;top:18px;left:20px}.reference-decking-decktiles .advantage-drawing{width:100%;max-width:240px;height:auto;display:block;overflow:hidden}.reference-decking-decktiles .advantage-copy{flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;padding:31px 30px 29px 24px;display:flex}.reference-decking-decktiles .advantage-copy h3{letter-spacing:0;margin-bottom:13px;font-size:1.55rem;line-height:1.2}.reference-decking-decktiles .advantage-copy p{color:currentColor;margin-bottom:21px;font-size:1rem;line-height:1.65}.reference-decking-decktiles .advantage-result{border-top:2px solid var(--secondary);max-width:100%;color:var(--lime-ink);padding-top:13px;font-size:.875rem;font-weight:600;line-height:1.45;display:block}.reference-decking-decktiles .jump-links a{white-space:nowrap}@media (width<=1180px){.reference-decking-decktiles .page-nav .jump-links{display:none}.reference-decking-decktiles .advantage-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:42px}.reference-decking-decktiles .advantage-copy{padding:28px 24px 26px 20px}.reference-decking-decktiles .advantages h2{font-size:3.25rem}}@media (width<=1000px){.reference-decking-decktiles .advantage-layout{grid-template-columns:1fr;gap:38px}.reference-decking-decktiles .advantage-intro,.reference-decking-decktiles .advantages h2{max-width:600px}.reference-decking-decktiles .advantages .lead{max-width:570px}.reference-decking-decktiles .advantage-card{grid-template-columns:minmax(180px,.65fr) minmax(0,1.35fr);min-height:220px}.reference-decking-decktiles .advantage-copy{padding:30px}.reference-decking-decktiles .advantage-image{padding:35px 20px 25px}.reference-decking-decktiles .advantage-drawing{max-width:235px}}@media (width<=520px){.reference-decking-decktiles .advantages h2{font-size:2.75rem}.reference-decking-decktiles .advantages .advantage-intro .eyebrow{max-width:290px;font-size:.8rem}.reference-decking-decktiles .advantage-layout{gap:32px}.reference-decking-decktiles .advantage-grid{gap:22px}.reference-decking-decktiles .advantage-card{grid-template-columns:1fr}.reference-decking-decktiles .advantage-image{height:175px;padding:30px 45px 18px}.reference-decking-decktiles .advantage-drawing{width:auto;max-width:100%;height:100%}.reference-decking-decktiles .advantage-number{top:17px;left:24px}.reference-decking-decktiles .advantage-copy{padding:25px}.reference-decking-decktiles .advantage-copy h3{font-size:1.55rem}.reference-decking-decktiles .advantage-copy p{margin-bottom:19px}.reference-decking-decktiles .advantage-result{font-size:.875rem}.reference-decking-decktiles .advantage-intro>.btn{font-size:.8rem}}.reference-decking-decktiles .trims-section{border-top:1px solid var(--border);background:var(--background)}.reference-decking-decktiles .trim-section-meta{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.reference-decking-decktiles .trim-finish{color:currentColor;align-items:center;gap:10px;font-size:.88rem;display:inline-flex}.reference-decking-decktiles .trim-finish>span{background:var(--border);border:1px solid var(--fencing-overlay);width:24px;height:24px;display:block}.reference-decking-decktiles .trim-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.reference-decking-decktiles .trim-card{text-align:left;color:inherit;border:1px solid var(--border);background:0 0;flex-direction:column;padding:0;transition:border-color .2s;display:flex}.reference-decking-decktiles .trim-card:hover{border-color:var(--lime-ink)}.reference-decking-decktiles .trim-card-image{background:var(--card);aspect-ratio:1.35;width:100%;position:relative;overflow:hidden}.reference-decking-decktiles .trim-card-image img{object-fit:contain;width:100%;height:100%;transition:transform .4s}.reference-decking-decktiles .trim-card:hover img{transform:scale(1.035)}.reference-decking-decktiles .trim-card-number{color:currentColor;font-size:.75rem;position:absolute;top:14px;left:16px}.reference-decking-decktiles .trim-card-.reference-decking-decktiles{flex-direction:column;flex:1;align-items:flex-start;padding:22px 20px;display:flex}.reference-decking-decktiles .trim-card h3{letter-spacing:0;margin-bottom:8px;font-size:1.2rem;line-height:1.25}.reference-decking-decktiles .trim-card p{color:currentColor;margin-bottom:22px;font-size:.85rem}.reference-decking-decktiles .trim-view{border-bottom:1px solid;margin-top:auto;padding-bottom:3px;font-size:.82rem;font-weight:600;display:inline-block}.reference-decking-decktiles .trim-section-bottom{justify-content:space-between;align-items:center;gap:50px;margin-top:35px;display:flex}.reference-decking-decktiles .trim-section-bottom p{max-width:650px}.reference-decking-decktiles .trim-section-bottom .btn{flex-shrink:0}.reference-decking-decktiles #trim-dialog{max-width:min(1100px,94vw)}.reference-decking-decktiles .trim-dialog-grid{grid-template-columns:1.2fr 1fr;min-height:480px;display:grid}.reference-decking-decktiles .trim-dialog-image{background:var(--card);justify-content:center;align-items:center;min-width:0;padding:25px;display:flex}.reference-decking-decktiles .trim-dialog-image img{object-fit:contain;width:100%;max-height:65dvh}.reference-decking-decktiles .trim-dialog-.reference-decking-decktiles{flex-direction:column;align-items:flex-start;padding:62px 40px 45px;display:flex}.reference-decking-decktiles .trim-dialog-.reference-decking-decktiles h2{margin-bottom:24px;font-size:2.5rem}.reference-decking-decktiles .trim-dialog-.reference-decking-decktiles>.trim-finish{margin-bottom:25px}.reference-decking-decktiles .trim-dialog-.reference-decking-decktiles #trim-dialog-description{margin-bottom:22px;font-size:1.02rem}.reference-decking-decktiles .trim-dialog-.reference-decking-decktiles>.btn{margin-top:30px}.reference-decking-decktiles .trim-dialog-.reference-decking-decktiles>.eyebrow{margin-bottom:17px}@media (width<=1100px){.reference-decking-decktiles .trim-grid{gap:18px}.reference-decking-decktiles .trim-card-.reference-decking-decktiles{padding:20px 15px}.reference-decking-decktiles .trim-card h3{font-size:1.08rem}}@media (width<=950px){.reference-decking-decktiles .page-nav .jump-links{display:none}.reference-decking-decktiles .trim-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-decking-decktiles .trim-dialog-grid{grid-template-columns:1fr}.reference-decking-decktiles .trim-dialog-image{padding:10px 35px}.reference-decking-decktiles .trim-dialog-image img{height:38dvh}.reference-decking-decktiles .trim-dialog-.reference-decking-decktiles{padding:30px 35px 40px}.reference-decking-decktiles .trim-dialog-.reference-decking-decktiles h2{margin-bottom:20px}.reference-decking-decktiles .trim-section-bottom{gap:25px}}@media (width<=520px){.reference-decking-decktiles .trim-grid{gap:18px 12px}.reference-decking-decktiles .trim-card-.reference-decking-decktiles{padding:16px 13px}.reference-decking-decktiles .trim-card h3{font-size:1rem;line-height:1.3}.reference-decking-decktiles .trim-card p{margin-bottom:18px;font-size:.8rem}.reference-decking-decktiles .trim-card-image{aspect-ratio:1.05}.reference-decking-decktiles .trim-card-number{top:10px;left:10px}.reference-decking-decktiles .trim-card-image img{transform:scale(1.12)}.reference-decking-decktiles .trim-card:hover img{transform:scale(1.16)}.reference-decking-decktiles .trim-section-meta{align-items:flex-start;gap:20px}.reference-decking-decktiles .trim-section-meta>p{text-align:right;max-width:150px;font-size:.8rem}.reference-decking-decktiles .trim-section-bottom{flex-direction:column;align-items:flex-start;gap:23px}.reference-decking-decktiles .trim-dialog-.reference-decking-decktiles{padding:25px}.reference-decking-decktiles .trim-dialog-.reference-decking-decktiles h2{font-size:2.15rem}.reference-decking-decktiles .trim-dialog-image{padding:20px}.reference-decking-decktiles .trim-dialog-image img{height:31dvh}.reference-decking-decktiles .trim-dialog-.reference-decking-decktiles>.btn{width:100%}}.reference-decking-decktiles .material-story .intro-grid{grid-template-columns:1.25fr 1fr;align-items:center;gap:70px}.reference-decking-decktiles .material-story .intro-grid h2{max-width:690px;font-size:3.7rem;line-height:1.1}.reference-decking-decktiles .material-story .intro-grid h2 span{color:var(--lime-ink)}.reference-decking-decktiles .material-story .intro-grid .lead{max-width:440px;padding-top:22px}.reference-decking-decktiles .material-story .lead strong{font-weight:inherit;color:var(--ink)}.reference-decking-decktiles .material-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);align-items:stretch;gap:60px;margin-top:48px;display:grid}.reference-decking-decktiles .core-card{background:var(--secondary);border-top:3px solid var(--lime-ink);padding:34px 36px 30px}.reference-decking-decktiles .core-card .eyebrow{letter-spacing:0;margin-bottom:18px;font-size:.8rem}.reference-decking-decktiles .core-card h3{letter-spacing:0;font-size:1.95rem;line-height:1.15}.reference-decking-decktiles .core-composition{margin:25px 0 23px}.reference-decking-decktiles .core-composition>div{border-bottom:1px solid var(--secondary);grid-template-columns:96px minmax(0,1fr);align-items:center;gap:15px;padding:14px 0;display:grid}.reference-decking-decktiles .core-composition>div:first-child{border-top:1px solid var(--secondary)}.reference-decking-decktiles .core-composition dt{color:var(--foreground);grid-area:1/2;font-size:.95rem;line-height:1.45}.reference-decking-decktiles .core-composition dd{letter-spacing:0;color:var(--foreground);font-variant-numeric:tabular-nums;grid-area:1/1;margin:0;font-size:2.55rem;font-weight:500;line-height:1}.reference-decking-decktiles .core-composition dd span{letter-spacing:0;margin-left:3px;font-size:1.2rem}.reference-decking-decktiles .core-note{color:var(--foreground);font-size:1rem;line-height:1.6}.reference-decking-decktiles .material-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 42px;display:grid}.reference-decking-decktiles .material-benefit{border-bottom:1px solid var(--border);padding:12px 0 30px}.reference-decking-decktiles .material-benefit:nth-child(n+3){border-bottom:0;padding-top:28px;padding-bottom:4px}.reference-decking-decktiles .material-icon{width:42px;height:42px;color:var(--lime-ink);justify-content:center;align-items:center;margin-bottom:20px;display:flex}.reference-decking-decktiles .material-icon svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:34px;height:34px}.reference-decking-decktiles .material-benefit h3{letter-spacing:0;margin-bottom:13px;font-size:1.45rem;line-height:1.2}.reference-decking-decktiles .material-benefit p{color:currentColor;font-size:1rem;line-height:1.65}@media (width<=1100px){.reference-decking-decktiles .material-story .intro-grid{gap:40px}.reference-decking-decktiles .material-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:35px}.reference-decking-decktiles .core-card{padding:30px 26px}.reference-decking-decktiles .core-composition>div{grid-template-columns:80px minmax(0,1fr);gap:10px}.reference-decking-decktiles .material-benefits{gap:0 28px}.reference-decking-decktiles .material-benefit h3{font-size:1.3rem}}@media (width<=800px){.reference-decking-decktiles .material-story .intro-grid{grid-template-columns:1fr;gap:22px}.reference-decking-decktiles .material-story .intro-grid .lead{max-width:600px;padding-top:0}.reference-decking-decktiles .material-layout{grid-template-columns:1fr;gap:30px;margin-top:35px}.reference-decking-decktiles .core-card{padding:30px}.reference-decking-decktiles .core-composition{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:25px 0 20px;display:grid}.reference-decking-decktiles .core-composition>div{border-top:1px solid var(--secondary);flex-direction:column;align-items:flex-start;gap:12px;padding:18px 0;display:flex}.reference-decking-decktiles .core-composition dd{order:-1}.reference-decking-decktiles .core-composition dt{font-size:.95rem}.reference-decking-decktiles .core-note{max-width:550px}.reference-decking-decktiles .material-benefits{gap:0 35px}.reference-decking-decktiles .material-benefit{padding-top:15px}.reference-decking-decktiles .material-benefit h3{font-size:1.45rem}}@media (width<=520px){.reference-decking-decktiles .material-story .intro-grid h2{font-size:2.55rem}.reference-decking-decktiles .core-card{padding:27px 25px}.reference-decking-decktiles .core-card h3{font-size:1.85rem}.reference-decking-decktiles .core-composition{margin:23px 0 20px;display:block}.reference-decking-decktiles .core-composition>div{border-top:0;grid-template-columns:82px minmax(0,1fr);gap:14px;padding:15px 0;display:grid}.reference-decking-decktiles .core-composition dd{font-size:2.4rem}.reference-decking-decktiles .core-composition dt{font-size:1rem}.reference-decking-decktiles .material-benefits{grid-template-columns:1fr;gap:0}.reference-decking-decktiles .material-benefit,.reference-decking-decktiles .material-benefit:nth-child(n+3){border-bottom:1px solid var(--border);grid-template-columns:36px minmax(0,1fr);column-gap:18px;padding:25px 0;display:grid}.reference-decking-decktiles .material-benefit:last-child{border-bottom:0;padding-bottom:0}.reference-decking-decktiles .material-icon{grid-area:1/1;width:36px;height:32px;margin:0}.reference-decking-decktiles .material-icon svg{width:30px;height:30px}.reference-decking-decktiles .material-benefit h3{grid-area:1/2;margin:2px 0 12px;font-size:1.4rem}.reference-decking-decktiles .material-benefit p{grid-column:2;font-size:1rem}}.reference-decking-decktiles .buying-section{background:var(--secondary);border-top:1px solid var(--border)}.reference-decking-decktiles .buying-section .section-head{align-items:center}.reference-decking-decktiles .buying-section .section-head .lead{max-width:430px}.reference-decking-decktiles .buying-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.reference-decking-decktiles .buying-option{background:var(--background);border:1px solid var(--border);grid-template-columns:54px minmax(0,1fr);gap:24px;padding:36px;transition:border-color .2s,background .2s;display:grid}.reference-decking-decktiles .buying-option:hover{border-color:var(--lime-ink);background:var(--card)}.reference-decking-decktiles .buying-icon{color:var(--lime-ink);background:var(--secondary);justify-content:center;align-items:center;width:54px;height:54px;display:flex}.reference-decking-decktiles .buying-icon svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:38px;height:38px}.reference-decking-decktiles .buying-option h3{letter-spacing:0;margin:2px 0 14px;font-size:1.7rem;line-height:1.2}.reference-decking-decktiles .buying-option p{color:currentColor;max-width:370px;font-size:1rem;line-height:1.65}.reference-decking-decktiles .buying-link{border-top:1px solid var(--border);color:var(--lime-ink);justify-content:space-between;align-items:center;gap:20px;margin-top:27px;padding-top:18px;font-size:.95rem;font-weight:600;display:flex}.reference-decking-decktiles .buying-link>span{font-size:1.3rem;line-height:1}.reference-decking-decktiles .buying-help{justify-content:space-between;align-items:center;gap:35px;margin-top:32px;display:flex}.reference-decking-decktiles .buying-help h3{letter-spacing:0;margin-bottom:5px;font-size:1.15rem;line-height:1.35}.reference-decking-decktiles .buying-help p{color:currentColor;font-size:1rem}.reference-decking-decktiles .buying-help .btn{flex-shrink:0}.reference-decking-decktiles .professionals-section{background:var(--foreground);color:var(--background)}.reference-decking-decktiles .professionals-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:80px;display:grid}.reference-decking-decktiles .professionals-copy .eyebrow{color:var(--accent)}.reference-decking-decktiles .professionals-copy h2{max-width:530px;margin-bottom:24px}.reference-decking-decktiles .professionals-copy .lead{color:var(--ink-foreground);max-width:460px}.reference-decking-decktiles .professional-links{border-top:1px solid var(--fencing-overlay);margin-top:31px}.reference-decking-decktiles .professional-links>a{border-bottom:1px solid var(--fencing-overlay);justify-content:space-between;align-items:center;gap:20px;padding:23px 0;display:flex}.reference-decking-decktiles .professional-links h3{letter-spacing:0;margin-bottom:8px;font-size:1.35rem;line-height:1.25}.reference-decking-decktiles .professional-links p{color:var(--ink-foreground);max-width:380px;font-size:1rem;line-height:1.55}.reference-decking-decktiles .professional-links>a>span{color:var(--accent);flex-shrink:0;font-size:1.6rem;line-height:1}.reference-decking-decktiles .professional-links>a:hover h3{color:var(--accent)}.reference-decking-decktiles .professional-inspiration{border-bottom:1px solid var(--secondary);align-items:center;gap:20px;margin-top:25px;padding:7px 0;font-size:.95rem;font-weight:600;display:inline-flex}.reference-decking-decktiles .professional-inspiration>span{color:var(--accent)}.reference-decking-decktiles .professionals-image{min-width:0;position:relative}.reference-decking-decktiles .professionals-image>img{object-fit:cover;object-position:center;width:100%;height:510px}.reference-decking-decktiles .professionals-image figcaption{color:var(--ink-foreground);flex-wrap:wrap;justify-content:space-between;gap:5px 15px;margin-top:14px;font-size:.875rem;line-height:1.45;display:flex}.reference-decking-decktiles .professionals-image small{color:var(--ink-foreground);font-size:.8rem}@media (width<=1100px){.reference-decking-decktiles .buying-option{grid-template-columns:46px minmax(0,1fr);gap:20px;padding:30px}.reference-decking-decktiles .buying-icon{width:46px;height:46px}.reference-decking-decktiles .buying-icon svg{width:32px;height:32px}.reference-decking-decktiles .buying-option h3{font-size:1.5rem}.reference-decking-decktiles .professionals-layout{gap:45px}.reference-decking-decktiles .professionals-image>img{height:520px}}@media (width<=800px){.reference-decking-decktiles .buying-section .section-head{align-items:flex-start}.reference-decking-decktiles .buying-section .section-head .lead{max-width:600px}.reference-decking-decktiles .buying-options{grid-template-columns:1fr;gap:20px}.reference-decking-decktiles .buying-option{grid-template-columns:54px minmax(0,1fr);gap:25px}.reference-decking-decktiles .buying-option p{max-width:550px}.reference-decking-decktiles .buying-icon{width:54px;height:54px}.reference-decking-decktiles .buying-icon svg{width:38px;height:38px}.reference-decking-decktiles .buying-option h3{font-size:1.7rem}.reference-decking-decktiles .professionals-layout{grid-template-columns:1fr;gap:38px}.reference-decking-decktiles .professionals-copy h2{max-width:620px}.reference-decking-decktiles .professionals-copy .lead,.reference-decking-decktiles .professional-links p{max-width:600px}.reference-decking-decktiles .professionals-image>img{aspect-ratio:1.5;height:auto}.reference-decking-decktiles .professionals-image figcaption{margin-top:12px}}@media (width<=520px){.reference-decking-decktiles .buying-option{grid-template-columns:1fr;gap:21px;padding:26px}.reference-decking-decktiles .buying-option h3{font-size:1.55rem}.reference-decking-decktiles .buying-option p{font-size:1rem}.reference-decking-decktiles .buying-link{margin-top:23px;padding-top:17px}.reference-decking-decktiles .buying-help{flex-direction:column;align-items:flex-start;gap:22px;margin-top:28px}.reference-decking-decktiles .buying-help h3{font-size:1.1rem}.reference-decking-decktiles .buying-help p{font-size:1rem}.reference-decking-decktiles .professionals-copy h2{font-size:2.65rem}.reference-decking-decktiles .professional-links{margin-top:26px}.reference-decking-decktiles .professional-links>a{padding:22px 0}.reference-decking-decktiles .professional-links h3{font-size:1.3rem}.reference-decking-decktiles .professional-links p{font-size:1rem}.reference-decking-decktiles .professional-inspiration{font-size:.9rem}.reference-decking-decktiles .professionals-image>img{aspect-ratio:1.15}.reference-decking-decktiles .professionals-image figcaption{flex-direction:column;font-size:.875rem}}.reference-decking-decktiles .journal-section{background:var(--background)}.reference-decking-decktiles .journal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;display:grid}.reference-decking-decktiles .journal-card{color:var(--ink);text-align:left;background:0 0;flex-direction:column;min-width:0;padding:0;display:flex}.reference-decking-decktiles .journal-card-image{aspect-ratio:1.4;background:var(--secondary);width:100%;position:relative;overflow:hidden}.reference-decking-decktiles .journal-card-image>img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.reference-decking-decktiles .journal-card:hover .journal-card-image>img{transform:scale(1.035)}.reference-decking-decktiles .journal-image-note{background:var(--fencing-overlay);color:var(--foreground);padding:4px 8px;font-size:.75rem;line-height:1.35;position:absolute;bottom:12px;left:14px}.reference-decking-decktiles .journal-card-copy{flex-direction:column;flex:1;align-items:flex-start;width:100%;padding:25px 0 0;display:flex}.reference-decking-decktiles .journal-category{text-transform:uppercase;letter-spacing:0;color:var(--lime-ink);font-size:.8rem;font-weight:600;line-height:1.5}.reference-decking-decktiles .journal-card h3{letter-spacing:0;margin:12px 0 14px;font-size:1.65rem;line-height:1.18}.reference-decking-decktiles .journal-card p{color:currentColor;margin-bottom:24px;font-size:1rem;line-height:1.6}.reference-decking-decktiles .journal-read{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;width:100%;margin-top:auto;padding-top:17px;font-size:.9rem;font-weight:600;display:flex}.reference-decking-decktiles .journal-read>span{color:var(--lime-ink);font-size:1.35rem}.reference-decking-decktiles .journal-card:hover .journal-read{color:var(--lime-ink)}.reference-decking-decktiles #article-dialog{max-width:min(900px,94vw)}.reference-decking-decktiles .article-image{object-fit:cover;width:100%;height:310px;max-height:40dvh}.reference-decking-decktiles .article-.reference-decking-decktiles{padding:38px 55px 45px}.reference-decking-decktiles .article-.reference-decking-decktiles h2{max-width:680px;margin:12px 0 15px;font-size:3rem;line-height:1.13}.reference-decking-decktiles .article-image-caption{color:currentColor;margin-bottom:30px;font-size:.8rem}.reference-decking-decktiles .article-content{max-width:680px}.reference-decking-decktiles .article-content p{color:var(--foreground);margin-bottom:20px;font-size:1.05rem;line-height:1.8}.reference-decking-decktiles .article-content h3{letter-spacing:0;margin:27px 0 12px;font-size:1.4rem;line-height:1.3}.reference-decking-decktiles .article-.reference-decking-decktiles>.btn{margin-top:14px}.reference-decking-decktiles .newsletter-section{background:var(--foreground);color:var(--background);border-bottom:1px solid var(--fencing-overlay);padding:76px 0}.reference-decking-decktiles .newsletter-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:85px;display:grid}.reference-decking-decktiles .newsletter-section .eyebrow{color:var(--accent)}.reference-decking-decktiles .newsletter-section h2{margin-bottom:22px;font-size:3.4rem;line-height:1.1}.reference-decking-decktiles .newsletter-section .lead{color:var(--ink-foreground);max-width:430px}.reference-decking-decktiles .newsletter-email-label{margin-bottom:12px;font-size:1rem;font-weight:500;display:block}.reference-decking-decktiles .newsletter-entry{align-items:stretch;gap:0;display:flex}.reference-decking-decktiles .newsletter-entry input{border:1px solid var(--secondary);background:var(--card);width:100%;min-width:0;color:var(--ink);border-radius:0;min-height:56px;padding:16px 18px;font-size:1rem}.reference-decking-decktiles .newsletter-entry input::placeholder{color:var(--foreground)}.reference-decking-decktiles .newsletter-entry .btn{white-space:nowrap;flex-shrink:0;gap:14px;padding:16px 20px}.reference-decking-decktiles .newsletter-entry .btn>span{font-size:1.2rem;line-height:1}.reference-decking-decktiles .newsletter-consent{color:var(--ink-foreground);cursor:pointer;align-items:flex-start;gap:12px;margin-top:20px;font-size:.9rem;line-height:1.6;display:flex}.reference-decking-decktiles .newsletter-consent input{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0;margin:3px 0 0}.reference-decking-decktiles .newsletter-form input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.reference-decking-decktiles .newsletter-note{color:var(--ink-foreground);max-width:520px;margin-top:15px;font-size:.875rem;line-height:1.6}.reference-decking-decktiles .newsletter-status{color:var(--ink-foreground);border-left:3px solid var(--accent);background:var(--fencing-overlay);margin-top:20px;padding:16px 18px;font-size:.95rem;line-height:1.6}.reference-decking-decktiles .newsletter-status a{color:var(--accent);text-underline-offset:3px;margin-top:5px;text-decoration:underline;display:inline-block}@media (width<=1100px){.reference-decking-decktiles .journal-grid{gap:24px}.reference-decking-decktiles .journal-card h3{font-size:1.5rem}.reference-decking-decktiles .newsletter-layout{gap:48px}.reference-decking-decktiles .newsletter-entry .btn{gap:10px;padding:16px 15px;font-size:.8rem}}@media (width<=800px){.reference-decking-decktiles .journal-grid{grid-template-columns:1fr;gap:32px}.reference-decking-decktiles .journal-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;display:grid}.reference-decking-decktiles .journal-card-image{aspect-ratio:1.2;height:100%;min-height:245px}.reference-decking-decktiles .journal-card-copy{padding:0}.reference-decking-decktiles .journal-card h3{font-size:1.6rem}.reference-decking-decktiles .newsletter-layout{grid-template-columns:1fr;gap:32px}.reference-decking-decktiles .newsletter-section .lead{max-width:550px}.reference-decking-decktiles .newsletter-entry .btn{padding:16px 23px;font-size:.85rem}.reference-decking-decktiles .article-.reference-decking-decktiles{padding:32px 35px 40px}}@media (width<=520px){.reference-decking-decktiles .journal-grid{gap:36px}.reference-decking-decktiles .journal-card{gap:0;display:flex}.reference-decking-decktiles .journal-card-image{aspect-ratio:1.4;height:auto;min-height:0}.reference-decking-decktiles .journal-card-copy{padding-top:22px}.reference-decking-decktiles .journal-card h3{font-size:1.6rem}.reference-decking-decktiles .journal-card p{margin-bottom:20px}.reference-decking-decktiles .article-image{height:210px;max-height:30dvh}.reference-decking-decktiles .article-.reference-decking-decktiles{padding:28px 25px 32px}.reference-decking-decktiles .article-.reference-decking-decktiles h2{font-size:2rem}.reference-decking-decktiles .article-content p{font-size:1rem;line-height:1.75}.reference-decking-decktiles .article-content h3{font-size:1.3rem}.reference-decking-decktiles .newsletter-section{padding:60px 0}.reference-decking-decktiles .newsletter-section h2{font-size:2.6rem}.reference-decking-decktiles .newsletter-entry{flex-direction:column;gap:12px}.reference-decking-decktiles .newsletter-entry .btn{width:100%;min-height:52px}.reference-decking-decktiles .newsletter-consent{font-size:.9rem}.reference-decking-decktiles .newsletter-note{font-size:.875rem}}.reference-decking-decktiles .siding-download-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.reference-decking-decktiles .siding-download-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-decking-decktiles .siding-download-card{background:var(--secondary);border:1px solid var(--border);flex-direction:column;align-items:flex-start;min-width:0;padding:32px;display:flex}.reference-decking-decktiles .siding-download-type{letter-spacing:0;color:var(--lime-ink);margin-bottom:24px;font-size:.72rem;font-weight:700}.reference-decking-decktiles .siding-download-card h3{margin-bottom:18px;font-size:1.8rem;line-height:1.15}.reference-decking-decktiles .siding-download-card p{color:currentColor;margin-bottom:26px;font-size:.95rem}.reference-decking-decktiles .siding-download-meta{color:currentColor;margin-top:auto;margin-bottom:16px;font-size:.8rem}.reference-decking-decktiles .siding-download-card .btn{gap:18px}.reference-decking-decktiles .siding-spec-downloads{flex-direction:column;align-items:flex-start;gap:14px;margin-top:25px;display:flex}@media (width<=1100px) and (width>=801px){.reference-decking-decktiles .siding-page-nav .wrap{flex-wrap:wrap;gap:0}.reference-decking-decktiles .siding-page-nav .page-tabs,.reference-decking-decktiles .siding-page-nav .jump-links{justify-content:center;width:100%}.reference-decking-decktiles .siding-page-nav .jump-links{flex-wrap:wrap;padding:0 0 14px}.reference-decking-decktiles .siding-download-card{padding:25px}}@media (width<=800px){.reference-decking-decktiles .siding-download-grid,.reference-decking-decktiles .siding-download-grid-four{grid-template-columns:1fr}.reference-decking-decktiles .siding-download-card{padding:28px}.reference-decking-decktiles .siding-download-card h3{font-size:1.7rem}}.reference-decking-decktiles .tone{background:var(--secondary)}.reference-decking-decktiles .hero .lead{max-width:530px;font-size:16px;font-weight:300;line-height:1.65}.reference-decking-decktiles .deck-hero{min-height:740px}.reference-decking-decktiles .deck-hero .hero-img{object-position:center 56%}.reference-decking-decktiles .deck-hero:after{background:linear-gradient(90deg,var(--fencing-overlay) 0%,var(--fencing-overlay) 46%,var(--fencing-overlay) 100%),linear-gradient(180deg,var(--fencing-overlay),transparent 50%)}.reference-decking-decktiles .deck-hero-video{pointer-events:none}.reference-decking-decktiles .deck-hero-control{z-index:2;border:1px solid var(--fencing-overlay);background:var(--fencing-overlay);min-height:44px;color:var(--card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:center;gap:10px;padding:9px 14px;font-size:.75rem;font-weight:400;line-height:1.3;display:inline-flex;position:absolute;bottom:22px;left:6%}.reference-decking-decktiles .deck-hero-control:hover{background:var(--fencing-overlay)}.reference-decking-decktiles .deck-hero-control>span:first-child{text-align:center;min-width:12px;font-size:.85rem}.reference-decking-decktiles .deck-hero-control[hidden],.reference-decking-decktiles .deck-hero-video[hidden]{display:none}.reference-decking-decktiles .deck-page-nav{background:var(--fencing-overlay)}.reference-decking-decktiles .deck-nav-label{letter-spacing:0;flex-shrink:0;font-size:.72rem;font-weight:700}.reference-decking-decktiles .deck-page-links{scrollbar-width:thin;align-items:center;gap:24px;display:flex;overflow-x:auto}.reference-decking-decktiles .deck-page-links a{white-space:nowrap;color:currentColor;padding:21px 0;font-size:.82rem}.reference-decking-decktiles .deck-page-links a:hover{color:var(--lime-ink)}.reference-decking-decktiles .deck-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;margin-top:54px;display:grid}.reference-decking-decktiles .deck-benefits article{border-top:1px solid var(--border);padding-top:25px}.reference-decking-decktiles .deck-number{letter-spacing:0;color:var(--lime-ink);margin-bottom:23px;font-size:.7rem;font-weight:600;line-height:1.5;display:block}.reference-decking-decktiles .deck-benefits h3{letter-spacing:0;margin-bottom:16px;font-size:1.6rem;line-height:1.2}.reference-decking-decktiles .deck-benefits p{color:currentColor;font-size:.96rem;line-height:1.65}.reference-decking-decktiles .deck-collections{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 32px;display:grid}.reference-decking-decktiles .deck-board-collections{grid-template-columns:repeat(3,minmax(0,1fr))}.reference-decking-decktiles .deck-collection{flex-direction:column;min-width:0;display:flex}.reference-decking-decktiles .deck-product-photo{background:var(--card);width:100%;height:270px;color:var(--ink);justify-content:center;align-items:center;padding:48px 22px 24px;display:flex;position:relative;overflow:hidden}.reference-decking-decktiles .deck-product-photo img{object-fit:contain;width:100%;height:100%;transition:transform .4s}.reference-decking-decktiles .deck-product-photo:hover img{transform:scale(1.035)}.reference-decking-decktiles .deck-card-index{letter-spacing:0;color:var(--foreground);font-size:.68rem;font-weight:600;position:absolute;top:18px;left:20px}.reference-decking-decktiles .deck-image-more{color:var(--lime-ink);font-size:1.4rem;position:absolute;bottom:13px;right:17px}.reference-decking-decktiles .deck-collection-copy{flex-direction:column;flex:1;padding:25px 0 0;display:flex}.reference-decking-decktiles .deck-card-tag{font-weight:500;color:var(--lime-ink)!important;margin-bottom:12px!important;font-size:.75rem!important}.reference-decking-decktiles .deck-collection h3{margin-bottom:16px;font-size:2.15rem;line-height:1.12}.reference-decking-decktiles .deck-collection-copy>p:not(.deck-card-tag){color:currentColor;max-width:48ch;margin-bottom:19px;font-size:.96rem;line-height:1.65}.reference-decking-decktiles .deck-card-facts{flex-wrap:wrap;gap:8px;margin-top:auto;margin-bottom:20px;display:flex}.reference-decking-decktiles .deck-card-facts span{border:1px solid var(--secondary);padding:4px 9px;font-size:.73rem}.reference-decking-decktiles .deck-card-actions{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;padding-top:13px;display:flex}.reference-decking-decktiles .deck-card-actions .text-link{color:var(--ink);text-align:left;background:0 0;border:0;padding:9px 0;font-weight:600}.reference-decking-decktiles .deck-card-actions .text-link span{color:var(--lime-ink);margin-left:8px}.reference-decking-decktiles .deck-plain-link{text-align:left;color:var(--lime-ink);text-underline-offset:4px;background:0 0;padding:8px 0;font-size:.85rem;font-weight:500}.reference-decking-decktiles .deck-plain-link:hover,.reference-decking-decktiles .deck-card-actions .text-link:hover{text-decoration:underline}.reference-decking-decktiles .deck-compare{border-top:1px solid var(--secondary);border-bottom:1px solid var(--secondary);margin-top:48px}.reference-decking-decktiles .deck-compare>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-size:1.05rem;list-style:none;display:flex}.reference-decking-decktiles .deck-compare>summary::-webkit-details-marker{display:none}.reference-decking-decktiles .deck-compare>summary>span{color:var(--lime-ink);font-size:1.5rem;font-weight:300;transition:transform .2s}.reference-decking-decktiles .deck-compare[open]>summary>span{transform:rotate(45deg)}.reference-decking-decktiles .deck-table-scroll{overflow-x:auto}.reference-decking-decktiles .deck-compare table{border-collapse:collapse;text-align:left;width:100%;min-width:870px;font-size:.84rem}.reference-decking-decktiles .deck-compare th,.reference-decking-decktiles .deck-compare td{border-top:1px solid var(--border);vertical-align:top;padding:16px 15px;line-height:1.55}.reference-decking-decktiles .deck-compare thead{background:var(--secondary)}.reference-decking-decktiles .deck-compare th{font-weight:600}.reference-decking-decktiles .deck-compare tbody th{min-width:135px}.reference-decking-decktiles .deck-compare tbody td{color:currentColor}.reference-decking-decktiles .deck-compare .deck-fineprint{margin:20px 0}.reference-decking-decktiles .deck-tile-section{background:var(--card)}.reference-decking-decktiles .deck-tile-feature{background:var(--secondary);grid-template-columns:minmax(0,1.12fr) minmax(380px,.88fr);min-height:500px;display:grid}.reference-decking-decktiles .deck-tile-photo{background:var(--card);border:1px solid var(--border);min-width:0;color:var(--ink);justify-content:center;align-items:center;padding:70px 50px 45px;display:flex;position:relative;overflow:hidden}.reference-decking-decktiles .deck-tile-photo img{object-fit:contain;width:100%;height:100%;max-height:430px;transition:transform .4s}.reference-decking-decktiles .deck-tile-photo:hover img{transform:scale(1.035)}.reference-decking-decktiles .deck-tile-copy{flex-direction:column;justify-content:center;padding:55px 50px;display:flex}.reference-decking-decktiles .deck-tile-copy h3{margin-bottom:22px;font-size:4.1rem;line-height:1.05}.reference-decking-decktiles .deck-tile-copy>p:not(.deck-card-tag){color:currentColor;margin-bottom:31px;line-height:1.7}.reference-decking-decktiles .deck-tile-facts{border-top:1px solid var(--border);border-left:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:32px;display:grid}.reference-decking-decktiles .deck-tile-facts>div{border-right:1px solid var(--border);border-bottom:1px solid var(--border);padding:16px}.reference-decking-decktiles .deck-tile-facts span,.reference-decking-decktiles .deck-tile-facts strong{display:block}.reference-decking-decktiles .deck-tile-facts span{letter-spacing:0;color:var(--lime-ink);margin-bottom:6px;font-size:.66rem;font-weight:700}.reference-decking-decktiles .deck-tile-facts strong{font-size:.88rem;font-weight:500}.reference-decking-decktiles .deck-tile-copy .actions{align-items:center;gap:20px}.reference-decking-decktiles .deck-colour-layout{grid-template-columns:minmax(0,1.13fr) minmax(0,1fr);align-items:start;gap:65px;display:grid}.reference-decking-decktiles .deck-colour-preview{aspect-ratio:1.17;background:var(--card);border:1px solid var(--border);justify-content:center;align-items:center;padding:65px 25px 45px;display:flex;position:relative}.reference-decking-decktiles .deck-colour-preview img{object-fit:contain;width:100%;height:100%}.reference-decking-decktiles .deck-preview-label{font-size:.8rem;font-weight:500;position:absolute;top:21px;left:25px}.reference-decking-decktiles .deck-preview-foot{letter-spacing:0;color:currentColor;font-size:.67rem;position:absolute;bottom:19px;left:25px}.reference-decking-decktiles .deck-colour-caption{color:currentColor;justify-content:space-between;gap:15px;padding-top:16px;font-size:.79rem;display:flex}.reference-decking-decktiles .deck-field-label{letter-spacing:0;margin-bottom:10px;font-size:.78rem;font-weight:600;display:block}.reference-decking-decktiles .deck-colour-controls>select{background:var(--card);width:100%;color:var(--ink);border:1px solid var(--border);border-radius:0;min-height:48px;padding:13px 15px}.reference-decking-decktiles .deck-selection-title{margin:30px 0 21px}.reference-decking-decktiles .deck-selection-title .eyebrow{margin-bottom:11px;font-size:.68rem;font-weight:500}.reference-decking-decktiles .deck-selection-title h3{font-size:2.4rem;line-height:1.12}.reference-decking-decktiles .deck-colour-swatches{grid-template-columns:repeat(3,minmax(0,1fr));gap:21px 15px;margin-bottom:30px;display:grid}.reference-decking-decktiles .deck-swatch{text-align:left;color:var(--ink);background:0 0;padding:0}.reference-decking-decktiles .deck-swatch>span:first-child{border:1px solid var(--border);background:var(--card);height:76px;padding:7px;display:block;position:relative}.reference-decking-decktiles .deck-swatch img{object-fit:contain;width:100%;height:100%}.reference-decking-decktiles .deck-swatch>span:last-child{margin-top:9px;font-size:.77rem;line-height:1.3;display:block}.reference-decking-decktiles .deck-swatch[aria-pressed=true]>span:first-child{outline:2px solid var(--lime-ink);outline-offset:3px}.reference-decking-decktiles .deck-swatch[aria-pressed=true]>span:first-child:after{content:"✓";background:var(--lime-ink);color:var(--card);text-align:center;width:17px;height:17px;font-size:10px;line-height:17px;display:block;position:absolute;bottom:3px;right:3px}.reference-decking-decktiles .deck-colour-controls .actions{align-items:center;gap:20px}.reference-decking-decktiles .deck-fineprint{color:currentColor;max-width:70ch;margin-top:22px;font-size:.77rem;line-height:1.6}.reference-decking-decktiles .deck-system-layout{grid-template-columns:minmax(0,1.16fr) minmax(0,1fr);align-items:start;gap:65px;display:grid}.reference-decking-decktiles .deck-system-photo{background:var(--card);padding:25px 20px 17px}.reference-decking-decktiles .deck-system-photo>img{object-fit:contain;width:100%;height:355px}.reference-decking-decktiles .deck-system-photo figcaption{color:currentColor;padding:10px 7px 0;font-size:.73rem}.reference-decking-decktiles .deck-system-steps article{border-top:1px solid var(--border);grid-template-columns:30px minmax(0,1fr);gap:19px;padding:24px 0;display:grid}.reference-decking-decktiles .deck-system-steps article>span{color:var(--lime-ink);padding-top:3px;font-size:.78rem}.reference-decking-decktiles .deck-system-steps h3{margin-bottom:11px;font-size:1.55rem;line-height:1.2}.reference-decking-decktiles .deck-system-steps p{color:currentColor;font-size:.95rem;line-height:1.6}.reference-decking-decktiles .deck-system-steps .text-link{margin-top:4px;margin-left:49px;font-weight:500}.reference-decking-decktiles .deck-system-footer{border-top:1px solid var(--border);grid-template-columns:1fr 1.3fr auto;align-items:start;gap:28px;margin-top:44px;padding-top:26px;display:grid}.reference-decking-decktiles .deck-system-footer strong{max-width:24ch;font-size:.98rem;font-weight:500}.reference-decking-decktiles .deck-system-footer p{color:currentColor;max-width:45ch;font-size:.86rem}.reference-decking-decktiles .deck-system-footer a{white-space:nowrap;padding:0}.reference-decking-decktiles .deck-filter-bar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:25px;margin-bottom:32px;display:flex}.reference-decking-decktiles .deck-filter-bar>.small{color:currentColor;flex-shrink:0;font-size:.76rem}.reference-decking-decktiles .deck-filter-buttons{scrollbar-width:thin;gap:28px;display:flex;overflow-x:auto}.reference-decking-decktiles .deck-filter-buttons button{color:currentColor;white-space:nowrap;background:0 0;border-bottom:2px solid #0000;min-height:52px;padding:14px 0;font-size:.88rem}.reference-decking-decktiles .deck-filter-buttons button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--lime-ink);font-weight:600}.reference-decking-decktiles .deck-component-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 25px;display:grid}.reference-decking-decktiles .deck-component-card{color:inherit;text-align:left;background:0 0;align-self:start;min-width:0;padding:0}.reference-decking-decktiles .deck-component-photo{background:var(--card);border:1px solid var(--secondary);aspect-ratio:1.2;padding:21px;display:block;position:relative}.reference-decking-decktiles .deck-component-photo img{object-fit:contain;width:100%;height:100%;transition:transform .4s}.reference-decking-decktiles .deck-component-card:hover img{transform:scale(1.035)}.reference-decking-decktiles .deck-component-photo>span{color:var(--lime-ink);font-size:1.2rem;position:absolute;bottom:8px;right:13px}.reference-decking-decktiles .deck-component-name{letter-spacing:0;margin-top:16px;font-size:1.04rem;font-weight:500;line-height:1.3;display:block}.reference-decking-decktiles .deck-component-note{color:currentColor;margin-top:7px;font-size:.76rem;line-height:1.5;display:block}.reference-decking-decktiles .deck-project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;display:grid}.reference-decking-decktiles .deck-project-card{text-align:left;color:inherit;background:0 0;min-width:0;padding:0}.reference-decking-decktiles .deck-project-cover{aspect-ratio:1.17;display:block;position:relative;overflow:hidden}.reference-decking-decktiles .deck-project-cover>img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.reference-decking-decktiles .deck-project-card:hover .deck-project-cover>img{transform:scale(1.035)}.reference-decking-decktiles .deck-project-cover>span{background:var(--fencing-overlay);align-items:center;gap:20px;padding:7px 11px;font-size:.7rem;display:flex;position:absolute;bottom:14px;right:14px}.reference-decking-decktiles .deck-project-label{color:var(--lime-ink);margin:22px 0 9px;font-size:.74rem;display:block}.reference-decking-decktiles .deck-project-name{letter-spacing:0;font-size:1.9rem;font-weight:500;line-height:1.15;display:block}.reference-decking-decktiles .deck-project-link{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:22px;padding-top:17px;font-size:.82rem;font-weight:500;display:flex}.reference-decking-decktiles .deck-project-link>span{color:var(--lime-ink);font-size:1.1rem}.reference-decking-decktiles .deck-case-study-card{min-width:0}.reference-decking-decktiles .deck-case-study-card>.deck-project-card{width:100%}.reference-decking-decktiles .deck-case-study-card>p{color:currentColor;margin:18px 0 8px;font-size:.92rem;line-height:1.65}.reference-decking-decktiles .deck-case-study-card>.text-link{font-size:.82rem;font-weight:500}.reference-decking-decktiles .deck-project-case-study{margin-top:22px}.reference-decking-decktiles .deck-project-case-study[hidden]{display:none}.reference-decking-decktiles .deck-resource-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;display:grid}.reference-decking-decktiles .deck-resource{background:var(--secondary);text-align:left;color:var(--ink);border:1px solid #0000;flex-direction:column;padding:30px;display:flex}.reference-decking-decktiles .deck-resource:hover{border-color:var(--lime-ink)}.reference-decking-decktiles .deck-resource h3{margin-bottom:17px;font-size:1.6rem;line-height:1.2}.reference-decking-decktiles .deck-resource p{color:currentColor;margin-bottom:28px;font-size:.94rem;line-height:1.65}.reference-decking-decktiles .deck-resource-link{border-top:1px solid var(--border);width:100%;color:var(--lime-ink);justify-content:space-between;align-items:center;gap:15px;margin-top:auto;padding-top:18px;font-size:.83rem;font-weight:600;display:flex}.reference-decking-decktiles .deck-faqs{max-width:880px;margin-left:auto}.reference-decking-decktiles .deck-faqs summary{font-size:1rem}.reference-decking-decktiles .deck-faqs details p{font-size:.94rem}.reference-decking-decktiles .deck-buy-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.reference-decking-decktiles .deck-buy-card{border:1px solid var(--border);flex-direction:column;padding:36px;display:flex}.reference-decking-decktiles .deck-buy-card:hover{border-color:var(--lime-ink)}.reference-decking-decktiles .deck-buy-card h3{margin-bottom:18px;font-size:1.9rem;line-height:1.17}.reference-decking-decktiles .deck-buy-card p{color:currentColor;max-width:45ch;margin-bottom:29px;font-size:.96rem}.reference-decking-decktiles .deck-professionals{background:var(--foreground);color:#fff}.reference-decking-decktiles .deck-professionals .eyebrow,.reference-decking-decktiles .deck-newsletter .eyebrow{color:var(--accent)}.reference-decking-decktiles .deck-professionals .lead,.reference-decking-decktiles .deck-newsletter .lead{color:var(--ink-foreground)}.reference-decking-decktiles .deck-professional-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;display:grid}.reference-decking-decktiles .deck-professional-links>a{border-top:1px solid var(--fencing-overlay);justify-content:space-between;align-items:center;gap:20px;padding:22px 0 0;font-size:.92rem;display:flex}.reference-decking-decktiles .deck-professional-links>a span{color:var(--accent);font-size:1.3rem}.reference-decking-decktiles .deck-newsletter{background:var(--foreground);color:var(--card);border-bottom:1px solid var(--fencing-overlay);padding:72px 0}.reference-decking-decktiles .final-cta .lead{color:var(--foreground)}.reference-decking-decktiles .final-cta .btn.outline:hover{background:var(--secondary)}.reference-decking-decktiles dialog{background:var(--card)}.reference-decking-decktiles.decking-page:has(dialog[open]){overflow:hidden}.reference-decking-decktiles #deck-detail-dialog{max-width:min(1020px,94vw)}.reference-decking-decktiles #detail-content{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.reference-decking-decktiles .deck-detail-image{background:var(--card);justify-content:center;align-items:center;padding:45px 30px;display:flex}.reference-decking-decktiles .deck-detail-image img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:380px}.reference-decking-decktiles .deck-detail-copy{padding:48px 38px 38px}.reference-decking-decktiles .deck-detail-copy>.eyebrow{margin-bottom:14px;font-size:.68rem}.reference-decking-decktiles .deck-detail-copy h2{margin-bottom:19px;font-size:2.55rem;line-height:1.1}.reference-decking-decktiles .deck-detail-copy>p:not(.eyebrow){color:currentColor;font-size:.94rem;line-height:1.65}.reference-decking-decktiles .deck-detail-specs{margin:27px 0}.reference-decking-decktiles .deck-detail-specs>div{border-top:1px solid var(--border);grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:20px;padding:12px 0;font-size:.82rem;line-height:1.5;display:grid}.reference-decking-decktiles .deck-detail-specs>div:last-child{border-bottom:1px solid var(--border)}.reference-decking-decktiles .deck-detail-specs dt{font-weight:500}.reference-decking-decktiles .deck-detail-specs dd{color:currentColor;margin:0}.reference-decking-decktiles .deck-detail-copy .actions{align-items:center;gap:20px}.reference-decking-decktiles .deck-detail-copy .text-link{font-size:.79rem;font-weight:500}.reference-decking-decktiles .deck-project-stage{background:var(--foreground);position:relative}.reference-decking-decktiles .deck-project-stage>img{object-fit:contain;width:100%;height:58dvh}.reference-decking-decktiles .deck-photo-prev,.reference-decking-decktiles .deck-photo-next{background:var(--fencing-overlay);min-width:44px;min-height:48px;color:var(--ink);font-size:1.35rem;position:absolute;top:50%;transform:translateY(-50%)}.reference-decking-decktiles .deck-photo-prev{left:15px}.reference-decking-decktiles .deck-photo-next{right:15px}.reference-decking-decktiles .deck-photo-count{background:var(--fencing-overlay);color:var(--card);padding:4px 10px;font-size:.76rem;position:absolute;bottom:15px;right:19px}.reference-decking-decktiles .deck-project-.reference-decking-decktiles{padding:30px 36px 35px}.reference-decking-decktiles .deck-project-.reference-decking-decktiles>.eyebrow{margin-bottom:13px;font-size:.7rem}.reference-decking-decktiles .deck-project-.reference-decking-decktiles h2{margin-bottom:18px;font-size:2.3rem}.reference-decking-decktiles .deck-project-.reference-decking-decktiles>p:not(.eyebrow){color:currentColor;max-width:75ch;font-size:.95rem}.reference-decking-decktiles .deck-project-thumbnails{gap:12px;margin:22px -4px 16px;padding:7px 4px;display:flex;overflow-x:auto}.reference-decking-decktiles .deck-project-thumbnails button{background:var(--secondary);flex:0 0 90px;height:70px;padding:0}.reference-decking-decktiles .deck-project-thumbnails img{object-fit:cover;width:100%;height:100%}.reference-decking-decktiles .deck-project-thumbnails button[aria-pressed=true]{outline:2px solid var(--lime-ink);outline-offset:3px}.reference-decking-decktiles .deck-project-.reference-decking-decktiles>.text-link{font-size:.79rem;font-weight:500}.reference-decking-decktiles #deck-enquiry-dialog{max-width:570px;padding:45px 40px}.reference-decking-decktiles #deck-enquiry-dialog>.eyebrow{margin-bottom:15px;font-size:.7rem}.reference-decking-decktiles #deck-enquiry-dialog h2{margin-bottom:18px;font-size:2.6rem;line-height:1.13}.reference-decking-decktiles #deck-enquiry-dialog>p:not(.eyebrow){color:currentColor;font-size:.93rem}.reference-decking-decktiles #deck-enquiry-form{margin-top:25px}.reference-decking-decktiles #deck-enquiry-form label{margin-bottom:8px;font-size:.83rem;font-weight:500;display:block}.reference-decking-decktiles #deck-enquiry-form label>span{color:currentColor;font-size:.76rem;font-weight:400}.reference-decking-decktiles #deck-enquiry-form input,.reference-decking-decktiles #deck-enquiry-form select,.reference-decking-decktiles #deck-enquiry-form textarea{border:1px solid var(--secondary);background:var(--card);width:100%;color:var(--ink);border-radius:0;margin-bottom:18px;padding:12px;display:block}.reference-decking-decktiles #deck-enquiry-form textarea{resize:vertical}.reference-decking-decktiles #deck-enquiry-form .btn{width:100%;margin-top:4px}.reference-decking-decktiles #deck-enquiry-form .deck-fineprint{margin-top:15px}.reference-decking-decktiles input:focus-visible,.reference-decking-decktiles textarea:focus-visible,.reference-decking-decktiles .deck-table-scroll:focus-visible{outline:3px solid var(--lime-ink);outline-offset:3px}.reference-decking-decktiles .deck-integrated{background:var(--card)}.reference-decking-decktiles .deck-system-statement{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);align-items:end;gap:50px;padding:42px 0;display:grid}.reference-decking-decktiles .deck-system-statement .eyebrow{margin-bottom:14px}.reference-decking-decktiles .deck-system-statement h3{letter-spacing:0;max-width:680px;margin-bottom:18px;font-size:3rem;line-height:1.08}.reference-decking-decktiles .deck-system-statement p:not(.eyebrow){color:currentColor;max-width:700px;line-height:1.7}.reference-decking-decktiles .deck-system-equation{grid-template-columns:1fr auto;align-items:center;gap:10px 14px;display:grid}.reference-decking-decktiles .deck-system-equation a{background:var(--ink);min-height:48px;color:var(--card);letter-spacing:0;justify-content:space-between;align-items:center;gap:24px;padding:14px 16px;font-size:.72rem;font-weight:700;transition:background .2s;display:flex}.reference-decking-decktiles .deck-system-equation a:hover{background:var(--lime-ink);text-underline-offset:4px;text-decoration:underline}.reference-decking-decktiles .deck-system-equation a:focus-visible{outline:3px solid var(--lime-ink);outline-offset:3px}.reference-decking-decktiles .deck-system-equation a span{letter-spacing:0;font-size:1rem;line-height:1}.reference-decking-decktiles .deck-system-equation b{color:var(--lime-ink);font-size:1.25rem;font-weight:400}.reference-decking-decktiles .deck-layer-grid{background:var(--border);border:1px solid var(--border);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:44px;display:grid}.reference-decking-decktiles .deck-layer-grid article{background:var(--secondary);min-height:290px;padding:31px 25px 29px;position:relative}.reference-decking-decktiles .deck-layer-index{color:var(--lime-ink);letter-spacing:0;margin-bottom:42px;font-size:.72rem;font-weight:700;display:block}.reference-decking-decktiles .deck-layer-label{letter-spacing:0;margin-bottom:13px;font-weight:700;color:var(--lime-ink)!important;font-size:.68rem!important}.reference-decking-decktiles .deck-layer-grid h3{letter-spacing:0;margin-bottom:15px;font-size:1.45rem;line-height:1.2}.reference-decking-decktiles .deck-layer-grid article>p:last-child{color:currentColor;font-size:.9rem;line-height:1.65}.reference-decking-decktiles .deck-quote-strip{background:var(--accent);justify-content:space-between;align-items:center;gap:35px;margin-top:28px;padding:28px 32px;display:flex}.reference-decking-decktiles .deck-quote-strip strong{margin-bottom:6px;font-size:1.2rem;display:block}.reference-decking-decktiles .deck-quote-strip p{max-width:680px;font-size:.9rem}.reference-decking-decktiles .deck-quote-strip .btn{flex-shrink:0}.reference-decking-decktiles .deck-integrated-benefits{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-bottom:20px;display:grid}.reference-decking-decktiles .deck-integrated-benefits article{background:var(--card);border-top:4px solid var(--accent);min-height:245px;padding:28px 24px}.reference-decking-decktiles .deck-integrated-benefits article>span{color:var(--lime-ink);letter-spacing:0;margin-bottom:40px;font-size:.72rem;font-weight:700;display:block}.reference-decking-decktiles .deck-integrated-benefits h3{margin-bottom:14px;font-size:1.45rem;line-height:1.2}.reference-decking-decktiles .deck-integrated-benefits p{color:currentColor;font-size:.9rem;line-height:1.65}.reference-decking-decktiles .deck-warranty-note{color:currentColor;max-width:850px;margin-bottom:48px;font-size:.75rem}.reference-decking-decktiles .deck-breakdown-layout{border-top:1px solid var(--border);grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:start;gap:50px;padding-top:48px;display:grid}.reference-decking-decktiles .deck-breakdown-copy>.eyebrow{margin-bottom:14px}.reference-decking-decktiles .deck-breakdown-copy>h3{letter-spacing:0;margin-bottom:15px;font-size:2.35rem;line-height:1.1}.reference-decking-decktiles .deck-breakdown-copy>p:not(.eyebrow){color:currentColor;margin-bottom:25px}.reference-decking-decktiles .deck-breakdown-scroll{overflow-x:auto}.reference-decking-decktiles .deck-breakdown-table{border-collapse:collapse;text-align:left;width:100%;min-width:650px;font-size:.82rem}.reference-decking-decktiles .deck-breakdown-table th,.reference-decking-decktiles .deck-breakdown-table td{border-top:1px solid var(--border);vertical-align:top;padding:14px 13px;line-height:1.5}.reference-decking-decktiles .deck-breakdown-table thead{background:var(--ink);color:#fff}.reference-decking-decktiles .deck-breakdown-table thead th{letter-spacing:0;text-transform:uppercase;font-size:.68rem}.reference-decking-decktiles .deck-breakdown-table tbody th{color:var(--lime-ink);width:18%;font-weight:700}.reference-decking-decktiles .deck-breakdown-table tbody td:last-child{color:currentColor}.reference-decking-decktiles .deck-sales-link{align-self:center;font-weight:700}.reference-decking-decktiles .footer-action{color:inherit;text-align:left;font:inherit;background:0 0;padding:0}.reference-decking-decktiles .footer-action:hover{text-decoration:underline}.reference-decking-decktiles .deck-buy-card[type=button]{color:inherit;text-align:left;background:0 0;width:100%}@media (width>=1700px){.reference-decking-decktiles .deck-hero{min-height:820px}}@media (width<=1100px){.reference-decking-decktiles .deck-hero-control{left:5%}.reference-decking-decktiles .deck-page-nav>.wrap{display:block}.reference-decking-decktiles .deck-nav-label{display:none}.reference-decking-decktiles .deck-page-links{justify-content:space-between;gap:22px}.reference-decking-decktiles .deck-colour-layout,.reference-decking-decktiles .deck-system-layout{gap:35px}.reference-decking-decktiles .deck-benefits{gap:25px}.reference-decking-decktiles .deck-collections{gap:34px 23px}.reference-decking-decktiles .deck-product-photo{height:240px;padding:47px 15px 22px}.reference-decking-decktiles .deck-card-actions{flex-direction:column;align-items:flex-start;gap:0}.reference-decking-decktiles .deck-system-footer{grid-template-columns:1fr 1.4fr}.reference-decking-decktiles .deck-system-footer a{grid-column:2}.reference-decking-decktiles .deck-resource{padding:26px}.reference-decking-decktiles .deck-resource h3{font-size:1.4rem}.reference-decking-decktiles .deck-component-grid{gap:30px 20px}.reference-decking-decktiles .deck-professional-links{gap:25px}.reference-decking-decktiles .deck-professional-links>a{font-size:.85rem}.reference-decking-decktiles .deck-layer-grid,.reference-decking-decktiles .deck-integrated-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-decking-decktiles .deck-system-statement{gap:30px}.reference-decking-decktiles .deck-board-collections{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-decking-decktiles .deck-tile-feature{grid-template-columns:minmax(0,1fr) minmax(340px,.85fr)}.reference-decking-decktiles .deck-tile-copy{padding:44px 35px}.reference-decking-decktiles .deck-tile-photo{padding:60px 35px 40px}}@media (width<=800px){.reference-decking-decktiles .deck-hero{min-height:675px}.reference-decking-decktiles .deck-hero .hero-img{object-position:65% center}.reference-decking-decktiles .deck-page-links{justify-content:flex-start;gap:23px}.reference-decking-decktiles .deck-page-links a{padding:18px 0;font-size:.8rem}.reference-decking-decktiles .deck-benefits{grid-template-columns:1fr;gap:27px;margin-top:40px}.reference-decking-decktiles .deck-benefits article{padding-top:22px}.reference-decking-decktiles .deck-benefits h3{font-size:1.5rem}.reference-decking-decktiles .deck-benefits p{max-width:58ch}.reference-decking-decktiles .deck-number{margin-bottom:16px}.reference-decking-decktiles .deck-collections{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px}.reference-decking-decktiles .deck-collection h3{font-size:1.95rem}.reference-decking-decktiles .deck-card-actions{flex-flow:wrap;align-items:center;gap:8px}.reference-decking-decktiles .deck-colour-layout,.reference-decking-decktiles .deck-system-layout{grid-template-columns:1fr;gap:33px}.reference-decking-decktiles .deck-colour-preview{aspect-ratio:1.6}.reference-decking-decktiles .deck-colour-controls{max-width:650px}.reference-decking-decktiles .deck-colour-swatches{grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.reference-decking-decktiles .deck-swatch>span:first-child{height:103px}.reference-decking-decktiles .deck-system-photo>img{height:340px}.reference-decking-decktiles .deck-system-footer{grid-template-columns:1fr;gap:15px}.reference-decking-decktiles .deck-system-footer strong{max-width:none}.reference-decking-decktiles .deck-system-footer a{grid-column:auto}.reference-decking-decktiles .deck-component-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 18px}.reference-decking-decktiles .deck-component-photo{padding:14px}.reference-decking-decktiles .deck-component-name{font-size:.95rem}.reference-decking-decktiles .deck-filter-bar{gap:20px}.reference-decking-decktiles .deck-filter-buttons{gap:22px}.reference-decking-decktiles .deck-filter-buttons button{font-size:.8rem}.reference-decking-decktiles .deck-filter-bar>.small{display:none}.reference-decking-decktiles .deck-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.reference-decking-decktiles .deck-project-name{font-size:1.75rem}.reference-decking-decktiles .deck-resource-grid{grid-template-columns:1fr}.reference-decking-decktiles .deck-resource{padding:30px}.reference-decking-decktiles .deck-resource h3{font-size:1.6rem}.reference-decking-decktiles .deck-resource p{max-width:60ch}.reference-decking-decktiles .deck-buy-card{padding:27px}.reference-decking-decktiles .deck-buy-card h3{font-size:1.6rem}.reference-decking-decktiles .deck-professional-links{grid-template-columns:1fr;gap:23px}.reference-decking-decktiles .deck-professional-links>a{font-size:.96rem}.reference-decking-decktiles .deck-system-statement,.reference-decking-decktiles .deck-breakdown-layout{grid-template-columns:1fr}.reference-decking-decktiles .deck-system-statement{align-items:start}.reference-decking-decktiles .deck-breakdown-layout{gap:34px}.reference-decking-decktiles .deck-quote-strip{flex-direction:column;align-items:flex-start}.reference-decking-decktiles .deck-quote-strip .btn{width:100%}.reference-decking-decktiles .deck-tile-feature{grid-template-columns:1fr}.reference-decking-decktiles .deck-tile-photo{min-height:390px}.reference-decking-decktiles .deck-tile-copy{padding:40px 34px}.reference-decking-decktiles #detail-content{grid-template-columns:1fr}.reference-decking-decktiles .deck-detail-image{padding:28px}.reference-decking-decktiles .deck-detail-image img{height:250px}.reference-decking-decktiles .deck-detail-copy{padding:30px}.reference-decking-decktiles .deck-detail-copy h2{font-size:2.2rem}.reference-decking-decktiles .deck-project-stage>img{height:48dvh}}@media (width<=520px){.reference-decking-decktiles .deck-hero{min-height:650px}.reference-decking-decktiles .hero h1{font-size:3.1rem}.reference-decking-decktiles .hero .lead{max-width:34ch;font-size:16px}.reference-decking-decktiles .deck-hero .hero-content{padding-top:135px;padding-bottom:104px}.reference-decking-decktiles .deck-hero .actions{gap:10px}.reference-decking-decktiles .deck-hero .btn{min-height:47px;padding:13px 15px;font-size:.74rem}.reference-decking-decktiles .deck-collections{grid-template-columns:1fr;gap:38px}.reference-decking-decktiles .deck-product-photo{height:260px;min-height:0}.reference-decking-decktiles .deck-card-actions{flex-wrap:nowrap;gap:14px}.reference-decking-decktiles .deck-collection h3{font-size:2rem}.reference-decking-decktiles .deck-compare{margin-top:35px}.reference-decking-decktiles .deck-colour-preview{aspect-ratio:1.2;padding:58px 18px 35px}.reference-decking-decktiles .deck-preview-label{left:20px}.reference-decking-decktiles .deck-colour-caption{gap:12px;font-size:.73rem}.reference-decking-decktiles .deck-colour-swatches{gap:22px 13px}.reference-decking-decktiles .deck-swatch>span:first-child{height:78px}.reference-decking-decktiles .deck-selection-title h3{font-size:2.15rem}.reference-decking-decktiles .deck-colour-controls .actions{flex-direction:column;align-items:flex-start;gap:15px}.reference-decking-decktiles .deck-colour-controls .btn{width:100%}.reference-decking-decktiles .deck-system-photo{padding:16px 10px}.reference-decking-decktiles .deck-system-photo>img{height:255px}.reference-decking-decktiles .deck-system-photo figcaption{font-size:.66rem}.reference-decking-decktiles .deck-system-steps h3{font-size:1.4rem}.reference-decking-decktiles .deck-system-steps .text-link{font-size:.82rem}.reference-decking-decktiles .deck-component-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 17px}.reference-decking-decktiles .deck-component-photo{aspect-ratio:1;padding:14px}.reference-decking-decktiles .deck-component-name{font-size:.94rem}.reference-decking-decktiles .deck-component-note{font-size:.71rem}.reference-decking-decktiles .deck-component-photo>span{bottom:5px;right:9px}.reference-decking-decktiles .deck-filter-buttons{gap:22px}.reference-decking-decktiles .deck-project-grid,.reference-decking-decktiles .deck-buy-grid{grid-template-columns:1fr;gap:34px}.reference-decking-decktiles .deck-project-cover{aspect-ratio:1.3}.reference-decking-decktiles .deck-project-label,.reference-decking-decktiles .deck-project-link{margin-top:19px}.reference-decking-decktiles .deck-resource{padding:27px}.reference-decking-decktiles .deck-buy-card{padding:28px}.reference-decking-decktiles .deck-newsletter{padding:60px 0}.reference-decking-decktiles .deck-project-.reference-decking-decktiles{padding:26px 23px}.reference-decking-decktiles .deck-project-.reference-decking-decktiles h2{font-size:2rem}.reference-decking-decktiles .deck-photo-prev{left:8px}.reference-decking-decktiles .deck-photo-next{right:8px}.reference-decking-decktiles .deck-project-stage>img{height:40dvh}.reference-decking-decktiles .deck-project-thumbnails button{flex-basis:75px;height:58px}.reference-decking-decktiles .deck-detail-image{padding:22px}.reference-decking-decktiles .deck-detail-image img{height:210px}.reference-decking-decktiles .deck-detail-copy{padding:26px}.reference-decking-decktiles .deck-detail-copy h2{font-size:2rem}.reference-decking-decktiles .deck-detail-specs>div{gap:14px}.reference-decking-decktiles .deck-detail-copy .actions{gap:17px}.reference-decking-decktiles #deck-enquiry-dialog{padding:44px 25px 28px}.reference-decking-decktiles #deck-enquiry-dialog h2{font-size:2.15rem}.reference-decking-decktiles .deck-layer-grid,.reference-decking-decktiles .deck-integrated-benefits{grid-template-columns:1fr}.reference-decking-decktiles .deck-layer-grid article,.reference-decking-decktiles .deck-integrated-benefits article{min-height:0}.reference-decking-decktiles .deck-layer-index,.reference-decking-decktiles .deck-integrated-benefits article>span{margin-bottom:25px}.reference-decking-decktiles .deck-quote-strip{padding:25px 22px}.reference-decking-decktiles .deck-breakdown-copy>h3{font-size:2rem}.reference-decking-decktiles .deck-sales-link{text-align:center;width:100%}.reference-decking-decktiles .deck-board-collections{grid-template-columns:1fr}.reference-decking-decktiles .deck-tile-photo{min-height:310px;padding:52px 22px 30px}.reference-decking-decktiles .deck-tile-copy{padding:34px 24px}.reference-decking-decktiles .deck-tile-copy h3{font-size:2.6rem}.reference-decking-decktiles .deck-tile-facts{grid-template-columns:1fr}.reference-decking-decktiles .deck-tile-copy .actions{flex-direction:column;align-items:flex-start}.reference-decking-decktiles .deck-tile-copy .btn{width:100%}}@media (prefers-reduced-motion:reduce){.reference-decking-decktiles{scroll-behavior:auto}.reference-decking-decktiles *,.reference-decking-decktiles :before,.reference-decking-decktiles :after{scroll-behavior:auto!important;transition:none!important}}.reference-decking-decktiles{background:var(--card)}.reference-decking-decktiles [hidden]{display:none!important}.reference-decking-decktiles section[id]{scroll-margin-top:96px}.reference-decking-decktiles .btn{text-transform:none;letter-spacing:0;gap:12px;font-size:.86rem;font-weight:600}.reference-decking-decktiles .header .btn{font-size:.79rem}.reference-decking-decktiles .tiles-hero{min-height:760px}.reference-decking-decktiles .tiles-hero .hero-img{object-position:center 58%}.reference-decking-decktiles .tiles-hero:after{background:linear-gradient(90deg,var(--fencing-overlay),var(--fencing-overlay) 58%,var(--fencing-overlay)),linear-gradient(0deg,var(--fencing-overlay),transparent 42%),linear-gradient(180deg,var(--fencing-overlay),transparent 30%)}.reference-decking-decktiles .tiles-hero .hero-content{padding-top:154px;padding-bottom:98px}.reference-decking-decktiles .tiles-breadcrumb{color:var(--ink-foreground);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:38px;font-size:.74rem;display:flex}.reference-decking-decktiles .tiles-breadcrumb a:hover{text-underline-offset:4px;text-decoration:underline}.reference-decking-decktiles .tiles-hero h1{letter-spacing:0;max-width:900px;font-size:5.1rem;line-height:1.03}.reference-decking-decktiles .tiles-hero p.lead{color:var(--ink-foreground);max-width:50ch;margin:27px 0 32px;font-size:16px;font-weight:300;line-height:1.65}.reference-decking-decktiles .tiles-hero p.tiles-hero-note{color:var(--ink-foreground);max-width:66ch;margin:19px 0 0;font-size:.75rem;line-height:1.6}.reference-decking-decktiles .tiles-page-nav .deck-page-links{gap:27px}.reference-decking-decktiles .tiles-overview-strip{background:var(--border);border:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}.reference-decking-decktiles .tiles-overview-strip article{background:var(--card);min-height:250px;padding:34px 30px}.reference-decking-decktiles .tiles-overview-strip article>span,.reference-decking-decktiles .tiles-app-grid article>span{color:var(--lime-ink);letter-spacing:0;margin-bottom:44px;font-size:.68rem;font-weight:700;display:block}.reference-decking-decktiles .tiles-overview-strip h3{margin-bottom:17px;font-size:1.65rem;line-height:1.18}.reference-decking-decktiles .tiles-overview-strip p{color:currentColor;font-size:.92rem;line-height:1.7}.reference-decking-decktiles .tiles-diy{background:var(--tiles-dark);color:var(--ink-foreground)}.reference-decking-decktiles .tiles-diy>.wrap{grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);align-items:start;gap:100px;display:grid}.reference-decking-decktiles .tiles-diy .eyebrow{color:var(--accent)}.reference-decking-decktiles .tiles-diy-intro h2{max-width:630px;font-size:4rem;line-height:1.04}.reference-decking-decktiles .tiles-diy-intro>p:not(.eyebrow){color:var(--ink-foreground);margin:26px 0 23px;line-height:1.75}.reference-decking-decktiles .tiles-diy-intro .text-link{color:var(--accent);background:0 0;font-weight:500}.reference-decking-decktiles .tiles-steps{border-top:1px solid var(--fencing-overlay);margin:0;padding:0;list-style:none}.reference-decking-decktiles .tiles-steps li{border-bottom:1px solid var(--fencing-overlay);grid-template-columns:42px minmax(0,1fr);gap:25px;padding:29px 0;display:grid}.reference-decking-decktiles .tiles-steps li>span{color:var(--accent);letter-spacing:0;padding-top:4px;font-size:.74rem}.reference-decking-decktiles .tiles-steps h3{letter-spacing:0;margin-bottom:12px;font-size:1.65rem}.reference-decking-decktiles .tiles-steps p{color:var(--ink-foreground);font-size:.91rem;line-height:1.7}.reference-decking-decktiles .tiles-spec-layout{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:start;gap:50px;display:grid}.reference-decking-decktiles .tiles-spec-image{background:var(--card);border:1px solid var(--border);padding:40px 25px 20px;position:sticky;top:95px}.reference-decking-decktiles .tiles-spec-image img{object-fit:contain;width:100%;height:430px}.reference-decking-decktiles .tiles-spec-image figcaption{color:currentColor;padding-top:15px;font-size:.7rem}.reference-decking-decktiles .tiles-spec-card{background:var(--card);border-top:4px solid var(--accent);padding:15px 31px 28px}.reference-decking-decktiles .tiles-spec-card table{border-collapse:collapse;width:100%}.reference-decking-decktiles .tiles-spec-card th,.reference-decking-decktiles .tiles-spec-card td{text-align:left;vertical-align:top;border-bottom:1px solid var(--border);padding:16px 0;font-size:.84rem;line-height:1.5}.reference-decking-decktiles .tiles-spec-card th{width:34%;padding-right:24px;font-weight:500}.reference-decking-decktiles .tiles-spec-card td strong,.reference-decking-decktiles .tiles-spec-card td span{display:block}.reference-decking-decktiles .tiles-spec-card td strong{color:var(--ink);font-weight:600}.reference-decking-decktiles .tiles-spec-card td span{color:currentColor;margin-top:3px;font-size:.78rem}.reference-decking-decktiles .tiles-spec-actions{flex-wrap:wrap;align-items:center;gap:23px;margin-top:27px;display:flex}.reference-decking-decktiles .tiles-spec-actions .text-link{color:var(--lime-ink);background:0 0;font-weight:500}.reference-decking-decktiles .tiles-fineprint{color:currentColor!important;margin-top:19px!important;font-size:.72rem!important;line-height:1.6!important}.reference-decking-decktiles .tiles-benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.reference-decking-decktiles .tiles-benefit-grid article{background:var(--secondary);border-top:4px solid #0000;min-height:285px;padding:28px 25px 31px}.reference-decking-decktiles .tiles-benefit-grid article:hover{border-top-color:var(--accent)}.reference-decking-decktiles .tiles-benefit-grid article>span{color:var(--lime-ink);letter-spacing:0;margin-bottom:48px;font-size:.7rem;font-weight:700;display:block}.reference-decking-decktiles .tiles-benefit-grid h3{margin-bottom:16px;font-size:1.55rem;line-height:1.18}.reference-decking-decktiles .tiles-benefit-grid p{color:currentColor;font-size:.9rem;line-height:1.68}.reference-decking-decktiles .tiles-benefit-grid .tiles-benefit-lead{background:var(--accent);border-top-color:var(--accent);grid-column:span 2}.reference-decking-decktiles .tiles-benefit-grid .tiles-benefit-lead h3{max-width:16ch;font-size:2.1rem}.reference-decking-decktiles .tiles-benefit-grid .tiles-benefit-lead p{color:var(--foreground);max-width:65ch}.reference-decking-decktiles .tiles-app-grid{background:var(--border);border:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.reference-decking-decktiles .tiles-app-grid article{background:var(--card);min-height:280px;padding:34px 32px}.reference-decking-decktiles .tiles-app-grid h3{max-width:24ch;margin-bottom:18px;font-size:1.85rem;line-height:1.15}.reference-decking-decktiles .tiles-app-grid p{color:currentColor;font-size:.92rem;line-height:1.7}.reference-decking-decktiles .tiles-colours{background:var(--card)}.reference-decking-decktiles .tiles-colour-layout{grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr);align-items:start;gap:65px;display:grid}.reference-decking-decktiles .tiles-colour-stage{aspect-ratio:1.2;background:var(--secondary);border:1px solid var(--border);justify-content:center;align-items:center;padding:66px 35px 45px;display:flex;position:relative}.reference-decking-decktiles .tiles-colour-stage img{object-fit:contain;width:100%;height:100%;transition:opacity .18s}.reference-decking-decktiles .tiles-colour-stage[aria-busy=true] img{opacity:.5}.reference-decking-decktiles .tiles-stage-label,.reference-decking-decktiles .tiles-stage-foot{letter-spacing:0;color:currentColor;font-size:.66rem;position:absolute;left:24px}.reference-decking-decktiles .tiles-stage-label{font-weight:700;top:20px}.reference-decking-decktiles .tiles-stage-foot{bottom:17px}.reference-decking-decktiles .tiles-colour-controls>.eyebrow{margin:4px 0 13px;font-size:.68rem}.reference-decking-decktiles .tiles-colour-controls h3{font-size:3rem;line-height:1.05}.reference-decking-decktiles .tiles-colour-controls>p:not(.eyebrow):not(.tiles-fineprint){color:currentColor;min-height:3.4em;margin:15px 0 28px;font-size:.96rem;line-height:1.7}.reference-decking-decktiles .tiles-swatches{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 14px;margin-bottom:31px;display:grid}.reference-decking-decktiles .tiles-swatches button{color:var(--ink);text-align:left;background:0 0;padding:0}.reference-decking-decktiles .tiles-swatches button>span{background:var(--secondary);border:1px solid var(--border);height:82px;padding:7px;display:block;position:relative}.reference-decking-decktiles .tiles-swatches img{object-fit:contain;width:100%;height:100%}.reference-decking-decktiles .tiles-swatches strong{margin-top:8px;font-size:.75rem;font-weight:500;line-height:1.3;display:block}.reference-decking-decktiles .tiles-swatches button[aria-pressed=true]>span{outline:2px solid var(--lime-ink);outline-offset:3px}.reference-decking-decktiles .tiles-swatches button[aria-pressed=true]>span:after{content:"✓";background:var(--lime-ink);width:18px;height:18px;color:var(--card);text-align:center;font-size:.68rem;line-height:18px;position:absolute;bottom:3px;right:3px}.reference-decking-decktiles .tiles-colour-controls>.btn{margin-top:1px}.reference-decking-decktiles .faq-followup button{color:var(--ink);background:0 0}.reference-decking-decktiles .tiles-final-cta .wrap{justify-content:space-between;align-items:center;gap:60px;display:flex}.reference-decking-decktiles .tiles-final-cta .actions{flex-shrink:0;max-width:260px}.reference-decking-decktiles .tiles-final-cta .actions>*{text-align:center;width:100%}.reference-decking-decktiles .tiles-final-cta .text-link{color:var(--foreground);border:0}.reference-decking-decktiles .tiles-footer-action{color:inherit;text-align:left;font:inherit;background:0 0;padding:0}.reference-decking-decktiles .tiles-footer-action:hover{text-decoration:underline}.reference-decking-decktiles #tiles-enquiry-dialog{width:min(580px,94vw);max-width:580px;padding:43px 39px}.reference-decking-decktiles #tiles-enquiry-dialog::backdrop{background:var(--fencing-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.reference-decking-decktiles #tiles-enquiry-dialog>.eyebrow{margin-bottom:16px;font-size:.7rem}.reference-decking-decktiles #tiles-enquiry-dialog h2{margin-bottom:18px;font-size:2.7rem}.reference-decking-decktiles #tiles-enquiry-dialog>.lead{font-size:.92rem}.reference-decking-decktiles #tiles-enquiry-form{margin-top:25px}.reference-decking-decktiles #tiles-enquiry-form label{margin-bottom:8px;font-size:.81rem;font-weight:500;display:block}.reference-decking-decktiles #tiles-enquiry-form label>span{color:currentColor;font-weight:300}.reference-decking-decktiles #tiles-enquiry-form input,.reference-decking-decktiles #tiles-enquiry-form select,.reference-decking-decktiles #tiles-enquiry-form textarea{border:1px solid var(--secondary);background:var(--card);width:100%;color:var(--ink);border-radius:0;min-height:46px;margin-bottom:17px;padding:11px 12px;font-size:.85rem;display:block}.reference-decking-decktiles #tiles-enquiry-form textarea{resize:vertical}.reference-decking-decktiles #tiles-enquiry-form .btn{width:100%}@media (width>=1650px){.reference-decking-decktiles .tiles-hero{min-height:820px}}@media (width<=1100px){.reference-decking-decktiles .tiles-diy>.wrap{gap:55px}.reference-decking-decktiles .tiles-spec-layout{gap:34px}.reference-decking-decktiles .tiles-colour-layout{gap:38px}.reference-decking-decktiles .tiles-benefit-grid{gap:18px}.reference-decking-decktiles .tiles-page-nav .deck-page-links{gap:23px}}@media (width<=800px){.reference-decking-decktiles .section{padding:72px 0}.reference-decking-decktiles .tiles-hero{min-height:730px}.reference-decking-decktiles .tiles-hero .hero-content{padding-top:139px;padding-bottom:85px}.reference-decking-decktiles .tiles-hero h1{font-size:4.1rem}.reference-decking-decktiles .tiles-breadcrumb{margin-bottom:30px}.reference-decking-decktiles .tiles-diy>.wrap,.reference-decking-decktiles .tiles-spec-layout,.reference-decking-decktiles .tiles-colour-layout{grid-template-columns:1fr}.reference-decking-decktiles .tiles-diy>.wrap{gap:43px}.reference-decking-decktiles .tiles-spec-image{position:static}.reference-decking-decktiles .tiles-spec-image img{height:350px}.reference-decking-decktiles .tiles-overview-strip{grid-template-columns:1fr}.reference-decking-decktiles .tiles-overview-strip article{min-height:0}.reference-decking-decktiles .tiles-overview-strip article>span{margin-bottom:24px}.reference-decking-decktiles .tiles-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-decking-decktiles .tiles-benefit-grid .tiles-benefit-lead{grid-column:span 2}.reference-decking-decktiles .tiles-colour-stage{aspect-ratio:1.55}.reference-decking-decktiles .tiles-colour-controls{max-width:660px}.reference-decking-decktiles .tiles-swatches button>span{height:105px}.reference-decking-decktiles .tiles-final-cta .wrap{flex-direction:column;align-items:flex-start}.reference-decking-decktiles .tiles-final-cta .actions{max-width:none}}@media (width<=520px){.reference-decking-decktiles .section{padding:58px 0}.reference-decking-decktiles .tiles-hero{min-height:690px}.reference-decking-decktiles .tiles-hero .hero-content{padding-top:117px;padding-bottom:81px}.reference-decking-decktiles .tiles-hero:after{background:linear-gradient(90deg,var(--fencing-overlay),var(--fencing-overlay)),linear-gradient(0deg,var(--fencing-overlay),transparent 55%)}.reference-decking-decktiles .tiles-breadcrumb{gap:9px;margin-bottom:25px;font-size:.68rem}.reference-decking-decktiles .tiles-hero h1{font-size:2.6rem}.reference-decking-decktiles .tiles-hero .eyebrow{letter-spacing:0;font-size:.7rem}.reference-decking-decktiles .tiles-hero .lead{max-width:39ch}.reference-decking-decktiles .tiles-hero .actions{gap:11px}.reference-decking-decktiles .tiles-hero .btn{min-height:47px;padding:13px 17px;font-size:.78rem}.reference-decking-decktiles .tiles-overview-strip article{padding:27px 23px}.reference-decking-decktiles .tiles-diy-intro h2{font-size:2.5rem}.reference-decking-decktiles .tiles-steps li{grid-template-columns:30px 1fr;gap:15px}.reference-decking-decktiles .tiles-steps h3{font-size:1.45rem}.reference-decking-decktiles .tiles-spec-image{padding:25px 14px 17px}.reference-decking-decktiles .tiles-spec-image img{height:280px}.reference-decking-decktiles .tiles-spec-card{padding:13px 21px 25px}.reference-decking-decktiles .tiles-spec-card th{width:38%;padding-right:14px}.reference-decking-decktiles .tiles-spec-card th,.reference-decking-decktiles .tiles-spec-card td{font-size:.78rem}.reference-decking-decktiles .tiles-spec-actions{flex-direction:column;align-items:flex-start}.reference-decking-decktiles .tiles-spec-actions .btn{width:100%}.reference-decking-decktiles .tiles-benefit-grid{grid-template-columns:1fr}.reference-decking-decktiles .tiles-benefit-grid .tiles-benefit-lead{grid-column:auto}.reference-decking-decktiles .tiles-benefit-grid article{min-height:0}.reference-decking-decktiles .tiles-benefit-grid article>span{margin-bottom:28px}.reference-decking-decktiles .tiles-benefit-grid .tiles-benefit-lead h3{font-size:1.8rem}.reference-decking-decktiles .tiles-app-grid{grid-template-columns:1fr}.reference-decking-decktiles .tiles-app-grid article{min-height:0;padding:28px 23px}.reference-decking-decktiles .tiles-app-grid article>span{margin-bottom:26px}.reference-decking-decktiles .tiles-colour-stage{aspect-ratio:1.15;padding:57px 18px 38px}.reference-decking-decktiles .tiles-colour-controls h3{font-size:2.5rem}.reference-decking-decktiles .tiles-swatches{gap:21px 12px}.reference-decking-decktiles .tiles-swatches button>span{height:80px}.reference-decking-decktiles .tiles-stage-label,.reference-decking-decktiles .tiles-stage-foot{left:18px}.reference-decking-decktiles #tiles-enquiry-dialog{padding:38px 24px 28px}.reference-decking-decktiles #tiles-enquiry-dialog h2{font-size:2.2rem}}@media (prefers-reduced-motion:reduce){.reference-decking-decktiles *{scroll-behavior:auto!important;transition:none!important}}.reference-decking-decktiles .section-head.split-section-heading{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:0 clamp(40px,6vw,88px);margin:0 0 44px;display:grid}.reference-decking-decktiles .section-head.split-section-heading>.eyebrow{letter-spacing:0;grid-area:1/1/auto/-1;max-width:none;margin:0 0 18px;padding:0;font-size:.75rem;font-weight:600;line-height:1.5}.reference-decking-decktiles .section-head.split-section-heading>:is(h1,.reference-decking-decktiles h2,.reference-decking-decktiles h3){letter-spacing:0;overflow-wrap:break-word;grid-area:2/1;max-width:100%;margin:0;font-size:3rem;font-weight:500;line-height:1.08}.reference-decking-decktiles .section-head.split-section-heading>p.lead{width:100%;max-width:52ch;font-family:var(--font-sans);font-synthesis:none;grid-area:2/2;align-self:start;margin:0;padding:0;font-size:16px;font-weight:300;line-height:1.65}.reference-decking-decktiles .split-section-heading+.material-layout,.reference-decking-decktiles .split-section-heading+.fence-intro-stats,.reference-decking-decktiles .split-section-heading+.fence-system-grid,.reference-decking-decktiles .split-section-heading+.product-design .feature-list{margin-top:0}.reference-decking-decktiles .advantages>.wrap>.advantage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.reference-decking-decktiles .professionals-section .split-section-heading .eyebrow{color:var(--accent)}.reference-decking-decktiles .professionals-section .split-section-heading .lead{color:var(--ink-foreground)}.reference-decking-decktiles .professionals-layout .professional-links{margin-top:0}.reference-decking-decktiles .newsletter-section .newsletter-layout{max-width:680px;margin-left:auto;display:block}.reference-decking-decktiles .final-cta .wrap,.reference-decking-decktiles .fence-newsletter .wrap{display:block}.reference-decking-decktiles .final-cta .actions{flex-wrap:wrap;max-width:none}.reference-decking-decktiles .final-cta .actions .btn{width:auto}.reference-decking-decktiles .section-followup{margin-top:24px}.reference-decking-decktiles .fence-slatted-family>.split-section-heading{grid-column:1/-1;margin-bottom:0}.reference-decking-decktiles .fence-slatted-family{row-gap:44px}.reference-decking-decktiles .fence-slatted-copy .fence-design-specs{margin-top:0}.reference-decking-decktiles .fence-comparison .split-section-heading>h3{font-size:2.4rem}@media (width<=1000px){.reference-decking-decktiles .advantages>.wrap>.advantage-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=800px){.reference-decking-decktiles .section-head.split-section-heading{grid-template-columns:minmax(0,1fr);margin-bottom:32px}.reference-decking-decktiles .section-head.split-section-heading>.eyebrow{grid-column:1;margin-bottom:14px}.reference-decking-decktiles .section-head.split-section-heading>:is(h1,.reference-decking-decktiles h2,.reference-decking-decktiles h3){font-size:2.25rem}.reference-decking-decktiles .section-head.split-section-heading>p.lead{grid-area:3/1;max-width:56ch;margin-top:20px}.reference-decking-decktiles .newsletter-section .newsletter-layout{max-width:none;margin-left:0}.reference-decking-decktiles .fence-slatted-family{row-gap:32px}}@media (width<=520px){.reference-decking-decktiles .section-head.split-section-heading>:is(h1,.reference-decking-decktiles h2,.reference-decking-decktiles h3){font-size:2rem}.reference-decking-decktiles .section-head.split-section-heading>.eyebrow{font-size:.7rem}.reference-decking-decktiles .final-cta .actions{align-items:flex-start;max-width:100%}}.reference-decking-decktiles .product-faqs{scroll-margin-top:110px}.reference-decking-decktiles .product-faqs .faqs{max-width:880px;margin-left:auto}.reference-decking-decktiles .product-faqs .faqs summary{padding:22px 44px 22px 0;font-size:16px;font-weight:400;line-height:1.5}.reference-decking-decktiles .product-faqs .faqs details p{font-family:var(--font-sans);padding:0 38px 24px 0;font-size:16px;font-weight:300;line-height:1.65}.reference-decking-decktiles .product-faqs .faqs a{color:var(--lime-ink);text-underline-offset:3px;text-decoration:underline}.reference-decking-decktiles .faq-followup{justify-content:space-between;align-items:center;gap:24px;max-width:880px;margin:28px 0 0 auto;display:flex}.reference-decking-decktiles .faq-followup p{font-family:var(--font-sans);color:currentColor;font-size:16px;font-weight:300;line-height:1.65}.reference-decking-decktiles .faq-followup .text-link{flex-shrink:0;font-size:.85rem}.reference-decking-decktiles .gate-faqs{background:var(--secondary)}@media (width<=600px){.reference-decking-decktiles .product-faqs .faqs summary{padding-right:32px}.reference-decking-decktiles .product-faqs .faqs details p{padding-right:12px}.reference-decking-decktiles .faq-followup{flex-direction:column;align-items:flex-start;gap:14px}}.reference-decking *{box-sizing:border-box}.reference-decking{scroll-behavior:smooth;background:var(--background);color:var(--ink);font-family:var(--font-sans);margin:0;scroll-padding-top:90px;font-size:16px;line-height:1.6}.reference-decking button,.reference-decking input,.reference-decking select,.reference-decking textarea{font:inherit}.reference-decking button,.reference-decking a,.reference-decking select{touch-action:manipulation}.reference-decking button{cursor:pointer}.reference-decking a{color:inherit;text-decoration:none}.reference-decking button:focus-visible,.reference-decking a:focus-visible,.reference-decking select:focus-visible,.reference-decking summary:focus-visible{outline:3px solid var(--border);outline-offset:5px}.reference-decking img{max-width:100%;display:block}.reference-decking h1,.reference-decking h2,.reference-decking h3,.reference-decking p,.reference-decking figure{margin:0}.reference-decking h1,.reference-decking h2,.reference-decking h3{letter-spacing:0;font-weight:500;line-height:1.06}.reference-decking h1{max-width:1000px;font-size:6rem}.reference-decking h2{font-size:3.7rem}.reference-decking h3{font-size:2rem}.reference-decking p{max-width:68ch}.reference-decking button{border:0}.reference-decking button:disabled{cursor:not-allowed;opacity:.4}.reference-decking .wrap{width:min(1280px,88%);margin:auto}.reference-decking .section{padding:100px 0}.reference-decking .eyebrow{letter-spacing:0;text-transform:uppercase;color:var(--lime-ink);margin-bottom:22px;font-size:.8rem;font-weight:700}.reference-decking .lead{font-family:var(--font-sans);font-synthesis:none;color:currentColor;font-size:16px;font-weight:300;line-height:1.65}.reference-decking .muted{color:currentColor}.reference-decking .small{font-size:.85rem;line-height:1.55}.reference-decking .btn{letter-spacing:0;background:var(--accent);min-height:48px;color:var(--foreground);border:1px solid var(--accent);text-transform:uppercase;justify-content:center;align-items:center;padding:14px 23px;font-size:.85rem;font-weight:700;line-height:1.2;transition:background .2s;display:inline-flex}.reference-decking .btn:hover{background:var(--secondary);border-color:var(--secondary)}.reference-decking .btn.outline{color:inherit;background:0 0;border-color:currentColor}.reference-decking .btn.outline:hover{background:var(--fencing-overlay)}.reference-decking .btn.dark{background:var(--ink);color:var(--card);border-color:var(--ink)}.reference-decking .actions{flex-wrap:wrap;gap:12px;display:flex}.reference-decking .text-link{border-bottom:1px solid;padding:7px 0;font-size:.88rem;font-weight:700;display:inline-block}.reference-decking .skip{position:absolute;left:-999px}.reference-decking .skip:focus{z-index:999;background:var(--card);padding:16px;top:20px;left:20px}.reference-decking .utility{background:var(--accent);letter-spacing:0;height:34px;font-size:.73rem;font-weight:700}.reference-decking .utility .wrap{justify-content:space-between;align-items:center;height:100%;display:flex}.reference-decking .utility-links{gap:28px;display:flex}.reference-decking .header{z-index:10;color:var(--card);border-bottom:0;position:absolute;left:0;right:0}.reference-decking .header-inner{justify-content:space-between;align-items:center;gap:35px;height:96px;display:flex}.reference-decking .logo{object-fit:contain;object-position:left;width:178px;height:auto;max-height:40px}.reference-decking .wordmark{letter-spacing:0;color:var(--card);font-size:1.85rem;font-weight:700;display:none}.reference-decking .wordmark span{color:var(--accent)}.reference-decking .primary-nav{align-items:center;gap:36px;font-size:.82rem;font-weight:600;display:flex}.reference-decking .primary-nav>a{padding:12px 0}.reference-decking .primary-nav>a.active{border-bottom:2px solid var(--accent)}.reference-decking .header .btn{background:var(--background);border-color:var(--background);color:var(--ink);font-size:.75rem}.reference-decking .menu-toggle{color:var(--card);background:0 0;min-height:44px;padding:10px;font-size:1rem;display:none}.reference-decking .hero{min-height:720px;color:var(--ink-foreground);background:var(--foreground);align-items:center;display:flex;position:relative;overflow:hidden}.reference-decking .hero-img{object-fit:cover;object-position:center 52%;width:100%;height:100%;position:absolute;inset:0}.reference-decking .hero:after{content:"";background:linear-gradient(90deg,var(--fencing-hero-overlay),var(--fencing-hero-overlay) 70%,var(--fencing-hero-overlay)),linear-gradient(0deg,var(--fencing-hero-overlay),transparent 65%);position:absolute;inset:0}.reference-decking .hero-content{z-index:1;padding-top:150px;padding-bottom:80px;position:relative}.reference-decking .hero .eyebrow{color:var(--accent)}.reference-decking .hero p:not(.eyebrow){max-width:620px;color:var(--ink-foreground);margin:25px 0 32px;font-size:1.13rem}.reference-decking .hero .hero-caption{z-index:1;letter-spacing:0;color:var(--ink-foreground);font-size:.75rem;position:absolute;bottom:28px;right:6%}.reference-decking .hero .breadcrumb{align-items:center;gap:14px;display:flex}.reference-decking .hero .breadcrumb span{color:var(--ink-foreground)}.reference-decking .hero.product{min-height:675px}.reference-decking .hero.product h1{max-width:750px}.reference-decking .hero.product .hero-img{object-position:50% 55%}.reference-decking .page-nav{z-index:20;background:var(--fencing-overlay);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0}.reference-decking .page-nav .wrap{justify-content:space-between;align-items:center;gap:24px;min-height:64px;display:flex}.reference-decking .page-tabs,.reference-decking .jump-links{align-items:center;gap:28px;font-size:.88rem;display:flex}.reference-decking .page-tabs a{white-space:nowrap;padding:20px 0}.reference-decking .page-tabs a[aria-current=page]{border-bottom:2px solid var(--lime-ink);font-weight:700}.reference-decking .jump-links{color:currentColor;gap:25px}.reference-decking .jump-links a:hover{color:var(--ink)}.reference-decking .intro-grid{grid-template-columns:1fr 1fr;align-items:start;gap:11%;display:grid}.reference-decking .intro-grid h2{max-width:560px}.reference-decking .intro-grid .lead{padding-top:37px}.reference-decking .benefit-strip{border-top:1px solid var(--border);grid-template-columns:repeat(4,1fr);margin-top:62px;display:grid}.reference-decking .benefit{padding:28px 32px 4px 0}.reference-decking .benefit:not(:first-child){border-left:1px solid var(--border);padding-left:30px}.reference-decking .benefit strong{margin:12px 0;font-size:1.15rem;font-weight:600;line-height:1.3;display:block}.reference-decking .benefit .symbol{color:var(--lime-ink);font-size:1.7rem;line-height:1}.reference-decking .benefit p{color:currentColor;font-size:.95rem}.reference-decking .section-head{justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:45px;display:flex}.reference-decking .section-head p{max-width:440px}.reference-decking .section-head .eyebrow{margin-bottom:18px}.reference-decking .profiles{grid-template-columns:1fr 1fr;gap:28px;display:grid}.reference-decking .profile-card{display:block}.reference-decking .profile-image{height:380px;position:relative;overflow:hidden}.reference-decking .profile-image img{object-fit:cover;width:100%;height:100%;transition:transform .7s}.reference-decking .profile-card:hover img{transform:scale(1.035)}.reference-decking .profile-image .number{background:var(--background);padding:5px 12px;font-size:.85rem;position:absolute;top:20px;left:20px}.reference-decking .profile-info{padding:28px 0 5px}.reference-decking .profile-info h3{margin-bottom:15px;font-size:2.4rem}.reference-decking .profile-info p{color:currentColor;max-width:480px;margin-bottom:15px}.reference-decking .tags{flex-wrap:wrap;gap:7px;margin:20px 0;display:flex}.reference-decking .tag{border:1px solid var(--border);padding:5px 10px;font-size:.77rem;line-height:1.3}.reference-decking .explorer-grid{grid-template-columns:minmax(0,1.4fr) minmax(350px,1fr);align-items:start;gap:56px;display:grid}.reference-decking .explorer-photo{background:var(--secondary);aspect-ratio:1.25;position:relative;overflow:hidden}.reference-decking .explorer-photo>img{object-fit:cover;width:100%;height:100%}.reference-decking .image-note{background:var(--fencing-overlay);color:var(--ink);padding:5px 10px;font-size:.75rem;position:absolute;bottom:20px;left:20px}.reference-decking .photo-expand{color:var(--ink);background:var(--card);min-height:42px;padding:8px 12px;font-size:.8rem;position:absolute;top:17px;right:17px}.reference-decking .photo-caption{justify-content:space-between;align-items:start;gap:12px;margin-top:16px;font-size:.9rem;display:flex}.reference-decking .photo-caption small{color:currentColor;font-size:.78rem}.reference-decking .explorer-controls{padding-top:1px}.reference-decking .segmented{border:1px solid var(--border);gap:0;width:fit-content;margin-bottom:28px;display:flex}.reference-decking .segmented button{color:currentColor;background:0 0;min-height:42px;padding:10px 20px;font-size:.88rem}.reference-decking .segmented button[aria-pressed=true]{background:var(--ink);color:var(--card)}.reference-decking .explorer-controls h3{font-size:2.6rem}.reference-decking .finish-story{color:currentColor;min-height:76px;margin-top:12px;font-size:1rem}.reference-decking .swatches{grid-template-columns:repeat(5,1fr);gap:18px 13px;margin:28px 0;display:grid}.reference-decking .swatch{text-align:left;color:var(--ink);background:0 0;padding:0}.reference-decking .swatch-chip{border:1px solid var(--fencing-overlay);width:100%;height:46px;margin-bottom:7px;display:block;position:relative}.reference-decking .swatch[aria-pressed=true] .swatch-chip{outline:2px solid var(--lime-ink);outline-offset:4px}.reference-decking .swatch[aria-pressed=true] .swatch-chip:after{content:"✓";background:var(--background);color:var(--lime-ink);text-align:center;border-radius:50%;width:20px;height:20px;font-size:14px;font-weight:700;line-height:20px;position:absolute;bottom:4px;right:5px}.reference-decking .swatch-label{min-height:28px;font-size:.77rem;line-height:1.15;display:block}.reference-decking .orientation{margin-top:25px}.reference-decking .orientation .small{margin-bottom:9px}.reference-decking .orientation .segmented{margin-bottom:12px}.reference-decking .sample-action{flex-wrap:wrap;align-items:center;gap:22px;margin-top:24px;display:flex}.reference-decking .colour-note{color:currentColor;margin-top:22px;font-size:.77rem}.reference-decking .no-preview{text-align:center;background:var(--secondary);flex-direction:column;justify-content:center;align-items:center;gap:15px;height:100%;padding:35px;display:flex}.reference-decking .colour-block{border:1px solid var(--fencing-overlay);width:140px;height:100px;display:block}.reference-decking .gallery-tools{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;margin:30px 0;display:flex}.reference-decking .filter-buttons{gap:24px;display:flex}.reference-decking .filter-buttons button{color:currentColor;background:0 0;border-bottom:2px solid #0000;padding:14px 0;font-size:.92rem}.reference-decking .filter-buttons button[aria-pressed=true]{border-color:var(--ink);color:var(--ink);font-weight:600}.reference-decking .gallery-tools select{color:var(--ink);background:0 0;border:0;max-width:180px;padding:9px 24px 9px 9px;font-size:.88rem}.reference-decking .gallery-grid{grid-template-columns:repeat(3,1fr);gap:40px 24px;display:grid}.reference-decking .gallery-card{text-align:left;color:inherit;background:0 0;padding:0}.reference-decking .gallery-card .gallery-img{aspect-ratio:1.35;overflow:hidden}.reference-decking .gallery-card img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.reference-decking .gallery-card:hover img{transform:scale(1.035)}.reference-decking .gallery-card h3{letter-spacing:0;margin:15px 0 6px;font-size:1.3rem;line-height:1.3}.reference-decking .gallery-card p{color:currentColor;font-size:.86rem}.reference-decking .gallery-bottom{justify-content:space-between;align-items:center;gap:30px;margin-top:38px;display:flex}.reference-decking .empty-gallery{color:currentColor;grid-column:1/-1;padding:50px 0}.reference-decking .construction{background:var(--foreground);color:var(--ink-foreground)}.reference-decking .construction .eyebrow{color:var(--accent)}.reference-decking .construction-grid{grid-template-columns:1fr 1fr;align-items:start;gap:85px;display:grid}.reference-decking .construction h2{max-width:450px;margin-bottom:25px}.reference-decking .construction .lead{color:var(--ink-foreground);max-width:455px}.reference-decking .construction-steps{border-top:1px solid var(--fencing-overlay)}.reference-decking .construction-step{border-bottom:1px solid var(--fencing-overlay);grid-template-columns:45px 1fr;gap:15px;padding:25px 0;display:grid}.reference-decking .construction-step>span{color:var(--accent);font-size:.85rem}.reference-decking .construction-step h3{letter-spacing:0;margin-bottom:10px;font-size:1.4rem}.reference-decking .construction-step p{color:var(--ink-foreground);font-size:.96rem}.reference-decking .construction .actions{margin-top:35px}.reference-decking .product-design{grid-template-columns:1.05fr 1fr;align-items:center;gap:75px;display:grid}.reference-decking .product-design img{aspect-ratio:1.12;object-fit:cover;width:100%}.reference-decking .product-design h2{margin-bottom:23px}.reference-decking .product-design p{margin-bottom:22px}.reference-decking .feature-list{border-top:1px solid var(--border);margin:30px 0 0;padding:0;list-style:none}.reference-decking .feature-list li{border-bottom:1px solid var(--border);gap:18px;padding:15px 0;font-size:.97rem;display:flex}.reference-decking .feature-list li>span{color:var(--lime-ink);padding-top:3px;font-size:.78rem}.reference-decking .spec-grid{grid-template-columns:.9fr 1.1fr;gap:100px;display:grid}.reference-decking .spec-grid h2{margin-bottom:24px}.reference-decking .spec-table{margin:0}.reference-decking .spec-table>div{border-top:1px solid var(--border);grid-template-columns:1fr 1.2fr;gap:25px;padding:18px 0;font-size:.97rem;display:grid}.reference-decking .spec-table dt{font-weight:600}.reference-decking .spec-table dd{color:currentColor;margin:0}.reference-decking .spec-table>div:last-child{border-bottom:1px solid var(--border)}.reference-decking .faq-grid{grid-template-columns:.85fr 1.15fr;gap:90px;display:grid}.reference-decking .faq-grid h2{max-width:380px;margin-bottom:25px}.reference-decking .faq-grid .lead{max-width:335px}.reference-decking .faqs details{border-top:1px solid var(--border)}.reference-decking .faqs details:last-child{border-bottom:1px solid var(--border)}.reference-decking .faqs summary{cursor:pointer;padding:23px 45px 23px 0;font-size:1.08rem;line-height:1.4;list-style:none;position:relative}.reference-decking .faqs summary::-webkit-details-marker{display:none}.reference-decking .faqs summary:after{content:"+";color:var(--lime-ink);font-size:1.6rem;font-weight:400;position:absolute;top:19px;right:4px}.reference-decking .faqs details[open] summary:after{content:"−"}.reference-decking .faqs details p{color:currentColor;padding:0 30px 25px 0;font-size:1rem;line-height:1.7}.reference-decking .crosslink{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:40px;margin-top:70px;padding:35px 0;display:flex}.reference-decking .crosslink h3{font-size:1.9rem}.reference-decking .final-cta{background:var(--accent);padding:75px 0}.reference-decking .final-cta .wrap{justify-content:space-between;align-items:center;gap:60px;display:flex}.reference-decking .final-cta h2{max-width:640px;font-size:3.6rem}.reference-decking .final-cta .eyebrow{color:var(--foreground)}.reference-decking .final-cta p{max-width:580px;color:var(--foreground);margin-top:20px}.reference-decking .final-cta .actions{flex-shrink:0;max-width:220px}.reference-decking .final-cta .btn{width:100%}.reference-decking .footer{background:var(--foreground);color:var(--ink-foreground);padding:65px 0 25px}.reference-decking .footer-top{grid-template-columns:repeat(4,minmax(0,1fr));gap:65px;display:grid}.reference-decking .footer .logo{width:175px}.reference-decking .footer p{color:var(--ink-foreground);max-width:330px;margin-top:22px;font-size:.9rem}.reference-decking .footer-title{letter-spacing:0;color:var(--accent);margin-bottom:20px;font-size:.76rem}.reference-decking .footer-links{flex-direction:column;gap:11px;font-size:.9rem;display:flex}.reference-decking .footer-bottom{border-top:1px solid var(--fencing-overlay);color:var(--foreground);justify-content:space-between;gap:20px;margin-top:50px;padding-top:25px;font-size:.76rem;display:flex}.reference-decking dialog{background:var(--background);color:var(--ink);width:100%;max-width:min(1050px,94vw);max-height:92dvh;box-shadow:0 20px 100px var(--fencing-overlay);border:0;padding:0;overflow:auto}.reference-decking dialog::backdrop{background:var(--fencing-overlay)}.reference-decking .dialog-close{z-index:2;background:var(--background);width:44px;height:44px;color:var(--ink);justify-content:center;align-items:center;font-size:1.6rem;display:flex;position:absolute;top:15px;right:15px}.reference-decking .lightbox-image{object-fit:contain;background:var(--foreground);width:100%;max-height:65dvh}.reference-decking .lightbox-.reference-decking{justify-content:space-between;align-items:center;gap:30px;padding:28px 35px;display:flex}.reference-decking .lightbox-.reference-decking h3{margin-bottom:8px;font-size:1.8rem}.reference-decking #sample-dialog{max-width:580px;padding:45px}.reference-decking #sample-dialog h2{margin-bottom:18px;font-size:2.7rem}.reference-decking #sample-dialog p{color:currentColor}.reference-decking .sample-fields{gap:20px;margin:26px 0;display:grid}.reference-decking .sample-fields label{font-size:.87rem;font-weight:600}.reference-decking .sample-fields select{border:1px solid var(--border);background:var(--card);border-radius:0;width:100%;margin-top:8px;padding:12px;display:block}.reference-decking .sample-summary{background:var(--secondary);margin:20px 0;padding:18px}.reference-decking .sample-summary strong{display:block}.reference-decking .sample-note{margin-top:18px;font-size:.83rem}.reference-decking .sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.reference-decking [hidden]{display:none!important}@media (width>=1700px){.reference-decking .hero{min-height:800px}}@media (width<=1100px){.reference-decking .wrap{width:90%}.reference-decking .primary-nav{gap:24px}.reference-decking .explorer-grid{grid-template-columns:1.15fr 1fr;gap:35px}.reference-decking .section{padding:80px 0}.reference-decking .construction-grid,.reference-decking .faq-grid,.reference-decking .spec-grid{gap:55px}.reference-decking .footer-top{gap:30px}.reference-decking .profile-image{height:320px}.reference-decking .jump-links{gap:17px}.reference-decking .swatches{gap:16px 12px}.reference-decking .product-design{gap:45px}}@media (width<=800px){.reference-decking .utility .wrap>span{display:none}.reference-decking .utility .wrap{justify-content:flex-end}.reference-decking .utility-links{gap:20px}.reference-decking .header-inner{height:82px}.reference-decking .logo{width:160px}.reference-decking .menu-toggle{display:block}.reference-decking .primary-nav{background:var(--foreground);flex-direction:column;align-items:stretch;gap:7px;padding:25px 5%;display:none;position:absolute;top:82px;left:0;right:0}.reference-decking .primary-nav.open{display:flex}.reference-decking .hero{min-height:650px}.reference-decking .hero-content{padding-top:160px;padding-bottom:80px}.reference-decking .hero h1{max-width:630px;font-size:4.7rem}.reference-decking .hero:after{background:linear-gradient(90deg,var(--fencing-hero-overlay),var(--fencing-hero-overlay)),linear-gradient(0deg,var(--fencing-hero-overlay),transparent)}.reference-decking .hero p:not(.eyebrow){font-size:1.05rem}.reference-decking .hero-caption{display:none}.reference-decking .page-nav .wrap{min-height:0;display:block}.reference-decking .page-tabs{justify-content:space-between;gap:15px}.reference-decking .page-tabs a{padding:17px 0;font-size:.85rem}.reference-decking .jump-links{display:none}.reference-decking .intro-grid{grid-template-columns:1fr;gap:15px}.reference-decking .intro-grid .lead{padding-top:0}.reference-decking .benefit-strip{grid-template-columns:1fr 1fr;gap:0;margin-top:40px}.reference-decking .benefit{padding:25px 15px 20px 0}.reference-decking .benefit:not(:first-child){padding-left:20px}.reference-decking .benefit:nth-child(3){border-left:0;border-top:1px solid var(--border);padding-left:0}.reference-decking .benefit:nth-child(4){border-top:1px solid var(--border)}.reference-decking .section-head{flex-direction:column;align-items:start;gap:22px;margin-bottom:32px}.reference-decking .section-head p{max-width:620px}.reference-decking .profile-image{height:300px}.reference-decking .profile-info h3{font-size:2rem}.reference-decking .explorer-grid{grid-template-columns:1fr;gap:30px}.reference-decking .explorer-photo{aspect-ratio:1.5}.reference-decking .explorer-controls h3{font-size:2.5rem}.reference-decking .finish-story{min-height:0}.reference-decking .swatches{grid-template-columns:repeat(5,1fr);gap:22px}.reference-decking .swatch-chip{height:60px}.reference-decking .swatch-label{min-height:0;font-size:.82rem}.reference-decking .gallery-grid{grid-template-columns:1fr 1fr}.reference-decking .construction-grid,.reference-decking .faq-grid,.reference-decking .spec-grid,.reference-decking .product-design{grid-template-columns:1fr;gap:40px}.reference-decking .construction h2{max-width:600px}.reference-decking .product-design img{aspect-ratio:1.5}.reference-decking .faq-grid h2{max-width:580px}.reference-decking .faq-grid .lead{max-width:500px}.reference-decking .final-cta .wrap{flex-direction:column;align-items:flex-start;gap:32px}.reference-decking .final-cta .actions{max-width:none}.reference-decking .final-cta .btn{width:auto}.reference-decking .footer-top{grid-template-columns:1.5fr 1fr;gap:42px}.reference-decking .footer-bottom{flex-direction:column}.reference-decking .lightbox-.reference-decking{flex-direction:column;align-items:start;gap:18px}}@media (width<=520px){.reference-decking{font-size:16px}.reference-decking .wrap{width:89%}.reference-decking .utility{height:30px}.reference-decking .utility-links{gap:22px;font-size:.65rem}.reference-decking .hero{min-height:690px}.reference-decking .hero.product{min-height:650px}.reference-decking .hero-content{padding-top:140px;padding-bottom:64px}.reference-decking .hero h1{letter-spacing:0;font-size:3.25rem}.reference-decking .hero .eyebrow{font-size:.72rem}.reference-decking .hero .actions{flex-direction:column;align-items:stretch;max-width:270px}.reference-decking .section{padding:62px 0}.reference-decking .eyebrow{margin-bottom:16px}.reference-decking h2{font-size:2.55rem}.reference-decking .benefit strong{font-size:1.05rem}.reference-decking .benefit p{font-size:.88rem}.reference-decking .benefit:not(:first-child){padding-left:16px}.reference-decking .benefit:nth-child(3){padding-left:0}.reference-decking .profiles{grid-template-columns:1fr;gap:38px}.reference-decking .profile-image{height:285px}.reference-decking .profile-info{padding-top:22px}.reference-decking .profile-info p{font-size:.98rem}.reference-decking .explorer-photo{aspect-ratio:1.15}.reference-decking .image-note{font-size:.7rem;bottom:12px;left:12px}.reference-decking .photo-caption{flex-direction:column;gap:2px}.reference-decking .swatches{grid-template-columns:repeat(3,1fr);gap:20px 12px}.reference-decking .swatch-chip{height:49px}.reference-decking .swatch-label{font-size:.82rem}.reference-decking .sample-action{gap:17px}.reference-decking .gallery-tools{align-items:flex-start}.reference-decking .filter-buttons{gap:19px}.reference-decking .filter-buttons button{font-size:.86rem}.reference-decking .gallery-tools select{max-width:115px;padding-top:15px;font-size:.8rem}.reference-decking .gallery-grid{grid-template-columns:1fr;gap:30px}.reference-decking .gallery-card .gallery-img{aspect-ratio:1.4}.reference-decking .gallery-bottom{flex-direction:column;align-items:start;gap:20px}.reference-decking .spec-table>div{grid-template-columns:1fr 1.2fr;gap:20px;font-size:.9rem}.reference-decking .construction-step{grid-template-columns:27px 1fr;gap:12px}.reference-decking .faqs summary{font-size:1rem}.reference-decking .crosslink{flex-direction:column;align-items:start;margin-top:45px}.reference-decking .final-cta{padding:60px 0}.reference-decking .final-cta .actions{flex-direction:column;width:100%;max-width:270px}.reference-decking .footer-top{grid-template-columns:1fr 1fr;gap:35px 24px}.reference-decking .footer-top>div:first-child,.reference-decking .footer-top>div:last-child{grid-column:1/-1}.reference-decking .footer-title{margin-bottom:16px}.reference-decking #sample-dialog{padding:35px 25px}.reference-decking .lightbox-.reference-decking{padding:23px}.reference-decking .page-tabs{gap:10px}.reference-decking .page-tabs a{font-size:.79rem}.reference-decking .segmented button{padding:10px 16px}}@media (prefers-reduced-motion:reduce){.reference-decking{scroll-behavior:auto}.reference-decking *{transition:none!important}}.reference-decking .preview-switch{width:100%;margin-bottom:18px}.reference-decking .preview-switch button{flex:1;min-height:46px}.reference-decking .explorer-photo.board-preview{background:var(--card);border:1px solid var(--border)}.reference-decking .explorer-photo.board-preview>img{object-fit:contain;width:100%;height:100%;padding:18px 20px 35px}.reference-decking .board-colour-label{margin:25px 0 13px;font-size:.85rem;font-weight:600}.reference-decking .swatches.board-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:21px 15px;margin:0 0 22px}.reference-decking .board-options .swatch-chip{aspect-ratio:.84;background:var(--card);border:1px solid var(--border);height:auto;margin-bottom:10px;overflow:visible}.reference-decking .board-options .swatch-chip img{object-fit:contain;width:100%;height:100%;transition:transform .25s}.reference-decking .board-options .swatch:hover img{transform:scale(1.06)}.reference-decking .board-options .swatch-label{min-height:1.25em;font-size:.85rem;line-height:1.25}.reference-decking .board-options .swatch[aria-pressed=true] .swatch-chip{outline-offset:3px}.reference-decking .additional-finish{color:currentColor;flex-wrap:wrap;align-items:center;gap:5px 10px;margin-top:8px;font-size:.8rem;display:flex}.reference-decking .additional-finish button{color:var(--ink);background:0 0;padding:5px 0;font-size:.8rem}.reference-decking .additional-finish button[aria-pressed=true]{color:var(--lime-ink);border-bottom-width:2px}.reference-decking .board-unavailable{background:var(--card)}.reference-decking .board-unavailable p{max-width:35ch}.reference-decking .board-unavailable .eyebrow{margin-bottom:0}.reference-decking .board-unavailable .btn{margin-top:12px}.reference-decking .board-dialog-image{background:var(--card);justify-content:center;align-items:center;padding:35px 30px 15px;display:flex}.reference-decking .board-dialog-image img{object-fit:contain;max-width:100%;height:62dvh;max-height:760px}.reference-decking #board-dialog{max-width:min(900px,94vw)}.reference-decking #board-dialog .lightbox-.reference-decking{border-top:1px solid var(--border)}@media (width<=1100px){.reference-decking .swatches.board-options{gap:20px 12px}.reference-decking .board-options .swatch-label{font-size:.8rem}.reference-decking .board-options .swatch-chip{aspect-ratio:.75}}@media (width<=800px){.reference-decking .explorer-photo.board-preview{aspect-ratio:1.3}.reference-decking .swatches.board-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px}.reference-decking .board-options .swatch-chip{aspect-ratio:1}.reference-decking .board-options .swatch-label{font-size:.88rem}.reference-decking .preview-switch{margin-bottom:15px}}@media (width<=520px){.reference-decking .explorer-photo.board-preview{aspect-ratio:1.04}.reference-decking .explorer-photo.board-preview>img{padding:10px 14px 30px}.reference-decking .swatches.board-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:21px 12px}.reference-decking .board-options .swatch-chip{aspect-ratio:.65}.reference-decking .board-options .swatch-label{min-height:2.5em;font-size:.82rem}.reference-decking .preview-switch button{padding:12px 10px;font-size:.85rem}.reference-decking .board-dialog-image{padding:45px 15px 15px}.reference-decking .board-dialog-image img{height:52dvh}.reference-decking .additional-finish{font-size:.8rem}}.reference-decking .header .logo,.reference-decking .footer .logo{mix-blend-mode:normal;object-fit:contain;width:240px;height:auto;max-height:none;display:block}.reference-decking .header-inner>a:first-child{flex-shrink:0;display:block}@media (width<=1000px){.reference-decking .header .logo{width:210px}}@media (width<=480px){.reference-decking .header .logo{width:188px}.reference-decking .footer .logo{width:220px}}.reference-decking .advantages{position:relative}.reference-decking .advantages .section-anchor{position:absolute;top:0;left:0}.reference-decking .advantage-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:70px;display:grid}.reference-decking .advantages .advantage-intro .eyebrow{letter-spacing:0;max-width:390px;font-size:.8rem;line-height:1.6}.reference-decking .advantages h2{letter-spacing:0;max-width:530px;margin-bottom:25px;font-size:4.2rem;line-height:1.08}.reference-decking .advantages h2 span{color:var(--accent)}.reference-decking .advantages .lead{max-width:390px;margin-bottom:32px;line-height:1.65}.reference-decking .advantage-intro>.btn{border-color:var(--secondary);color:var(--ink-foreground);min-height:48px}.reference-decking .advantage-grid{gap:22px;display:grid}.reference-decking .advantage-card{background:var(--background);color:var(--ink);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);min-width:0;min-height:235px;display:grid;overflow:hidden}.reference-decking .advantage-image{background:var(--card);justify-content:center;align-items:center;min-width:0;padding:34px 14px 25px;display:flex;position:relative}.reference-decking .advantage-number{color:var(--lime-ink);letter-spacing:0;font-size:.8rem;font-weight:600;position:absolute;top:18px;left:20px}.reference-decking .advantage-drawing{width:100%;max-width:240px;height:auto;display:block;overflow:hidden}.reference-decking .advantage-copy{flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;padding:31px 30px 29px 24px;display:flex}.reference-decking .advantage-copy h3{letter-spacing:0;margin-bottom:13px;font-size:1.55rem;line-height:1.2}.reference-decking .advantage-copy p{color:currentColor;margin-bottom:21px;font-size:1rem;line-height:1.65}.reference-decking .advantage-result{border-top:2px solid var(--secondary);max-width:100%;color:var(--lime-ink);padding-top:13px;font-size:.875rem;font-weight:600;line-height:1.45;display:block}.reference-decking .jump-links a{white-space:nowrap}@media (width<=1180px){.reference-decking .page-nav .jump-links{display:none}.reference-decking .advantage-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:42px}.reference-decking .advantage-copy{padding:28px 24px 26px 20px}.reference-decking .advantages h2{font-size:3.25rem}}@media (width<=1000px){.reference-decking .advantage-layout{grid-template-columns:1fr;gap:38px}.reference-decking .advantage-intro,.reference-decking .advantages h2{max-width:600px}.reference-decking .advantages .lead{max-width:570px}.reference-decking .advantage-card{grid-template-columns:minmax(180px,.65fr) minmax(0,1.35fr);min-height:220px}.reference-decking .advantage-copy{padding:30px}.reference-decking .advantage-image{padding:35px 20px 25px}.reference-decking .advantage-drawing{max-width:235px}}@media (width<=520px){.reference-decking .advantages h2{font-size:2.75rem}.reference-decking .advantages .advantage-intro .eyebrow{max-width:290px;font-size:.8rem}.reference-decking .advantage-layout{gap:32px}.reference-decking .advantage-grid{gap:22px}.reference-decking .advantage-card{grid-template-columns:1fr}.reference-decking .advantage-image{height:175px;padding:30px 45px 18px}.reference-decking .advantage-drawing{width:auto;max-width:100%;height:100%}.reference-decking .advantage-number{top:17px;left:24px}.reference-decking .advantage-copy{padding:25px}.reference-decking .advantage-copy h3{font-size:1.55rem}.reference-decking .advantage-copy p{margin-bottom:19px}.reference-decking .advantage-result{font-size:.875rem}.reference-decking .advantage-intro>.btn{font-size:.8rem}}.reference-decking .trims-section{border-top:1px solid var(--border);background:var(--background)}.reference-decking .trim-section-meta{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.reference-decking .trim-finish{color:currentColor;align-items:center;gap:10px;font-size:.88rem;display:inline-flex}.reference-decking .trim-finish>span{background:var(--border);border:1px solid var(--fencing-overlay);width:24px;height:24px;display:block}.reference-decking .trim-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.reference-decking .trim-card{text-align:left;color:inherit;border:1px solid var(--border);background:0 0;flex-direction:column;padding:0;transition:border-color .2s;display:flex}.reference-decking .trim-card:hover{border-color:var(--lime-ink)}.reference-decking .trim-card-image{background:var(--card);aspect-ratio:1.35;width:100%;position:relative;overflow:hidden}.reference-decking .trim-card-image img{object-fit:contain;width:100%;height:100%;transition:transform .4s}.reference-decking .trim-card:hover img{transform:scale(1.035)}.reference-decking .trim-card-number{color:currentColor;font-size:.75rem;position:absolute;top:14px;left:16px}.reference-decking .trim-card-.reference-decking{flex-direction:column;flex:1;align-items:flex-start;padding:22px 20px;display:flex}.reference-decking .trim-card h3{letter-spacing:0;margin-bottom:8px;font-size:1.2rem;line-height:1.25}.reference-decking .trim-card p{color:currentColor;margin-bottom:22px;font-size:.85rem}.reference-decking .trim-view{border-bottom:1px solid;margin-top:auto;padding-bottom:3px;font-size:.82rem;font-weight:600;display:inline-block}.reference-decking .trim-section-bottom{justify-content:space-between;align-items:center;gap:50px;margin-top:35px;display:flex}.reference-decking .trim-section-bottom p{max-width:650px}.reference-decking .trim-section-bottom .btn{flex-shrink:0}.reference-decking #trim-dialog{max-width:min(1100px,94vw)}.reference-decking .trim-dialog-grid{grid-template-columns:1.2fr 1fr;min-height:480px;display:grid}.reference-decking .trim-dialog-image{background:var(--card);justify-content:center;align-items:center;min-width:0;padding:25px;display:flex}.reference-decking .trim-dialog-image img{object-fit:contain;width:100%;max-height:65dvh}.reference-decking .trim-dialog-.reference-decking{flex-direction:column;align-items:flex-start;padding:62px 40px 45px;display:flex}.reference-decking .trim-dialog-.reference-decking h2{margin-bottom:24px;font-size:2.5rem}.reference-decking .trim-dialog-.reference-decking>.trim-finish{margin-bottom:25px}.reference-decking .trim-dialog-.reference-decking #trim-dialog-description{margin-bottom:22px;font-size:1.02rem}.reference-decking .trim-dialog-.reference-decking>.btn{margin-top:30px}.reference-decking .trim-dialog-.reference-decking>.eyebrow{margin-bottom:17px}@media (width<=1100px){.reference-decking .trim-grid{gap:18px}.reference-decking .trim-card-.reference-decking{padding:20px 15px}.reference-decking .trim-card h3{font-size:1.08rem}}@media (width<=950px){.reference-decking .page-nav .jump-links{display:none}.reference-decking .trim-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-decking .trim-dialog-grid{grid-template-columns:1fr}.reference-decking .trim-dialog-image{padding:10px 35px}.reference-decking .trim-dialog-image img{height:38dvh}.reference-decking .trim-dialog-.reference-decking{padding:30px 35px 40px}.reference-decking .trim-dialog-.reference-decking h2{margin-bottom:20px}.reference-decking .trim-section-bottom{gap:25px}}@media (width<=520px){.reference-decking .trim-grid{gap:18px 12px}.reference-decking .trim-card-.reference-decking{padding:16px 13px}.reference-decking .trim-card h3{font-size:1rem;line-height:1.3}.reference-decking .trim-card p{margin-bottom:18px;font-size:.8rem}.reference-decking .trim-card-image{aspect-ratio:1.05}.reference-decking .trim-card-number{top:10px;left:10px}.reference-decking .trim-card-image img{transform:scale(1.12)}.reference-decking .trim-card:hover img{transform:scale(1.16)}.reference-decking .trim-section-meta{align-items:flex-start;gap:20px}.reference-decking .trim-section-meta>p{text-align:right;max-width:150px;font-size:.8rem}.reference-decking .trim-section-bottom{flex-direction:column;align-items:flex-start;gap:23px}.reference-decking .trim-dialog-.reference-decking{padding:25px}.reference-decking .trim-dialog-.reference-decking h2{font-size:2.15rem}.reference-decking .trim-dialog-image{padding:20px}.reference-decking .trim-dialog-image img{height:31dvh}.reference-decking .trim-dialog-.reference-decking>.btn{width:100%}}.reference-decking .material-story .intro-grid{grid-template-columns:1.25fr 1fr;align-items:center;gap:70px}.reference-decking .material-story .intro-grid h2{max-width:690px;font-size:3.7rem;line-height:1.1}.reference-decking .material-story .intro-grid h2 span{color:var(--lime-ink)}.reference-decking .material-story .intro-grid .lead{max-width:440px;padding-top:22px}.reference-decking .material-story .lead strong{font-weight:inherit;color:var(--ink)}.reference-decking .material-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);align-items:stretch;gap:60px;margin-top:48px;display:grid}.reference-decking .core-card{background:var(--secondary);border-top:3px solid var(--lime-ink);padding:34px 36px 30px}.reference-decking .core-card .eyebrow{letter-spacing:0;margin-bottom:18px;font-size:.8rem}.reference-decking .core-card h3{letter-spacing:0;font-size:1.95rem;line-height:1.15}.reference-decking .core-composition{margin:25px 0 23px}.reference-decking .core-composition>div{border-bottom:1px solid var(--secondary);grid-template-columns:96px minmax(0,1fr);align-items:center;gap:15px;padding:14px 0;display:grid}.reference-decking .core-composition>div:first-child{border-top:1px solid var(--secondary)}.reference-decking .core-composition dt{color:var(--foreground);grid-area:1/2;font-size:.95rem;line-height:1.45}.reference-decking .core-composition dd{letter-spacing:0;color:var(--foreground);font-variant-numeric:tabular-nums;grid-area:1/1;margin:0;font-size:2.55rem;font-weight:500;line-height:1}.reference-decking .core-composition dd span{letter-spacing:0;margin-left:3px;font-size:1.2rem}.reference-decking .core-note{color:var(--foreground);font-size:1rem;line-height:1.6}.reference-decking .material-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 42px;display:grid}.reference-decking .material-benefit{border-bottom:1px solid var(--border);padding:12px 0 30px}.reference-decking .material-benefit:nth-child(n+3){border-bottom:0;padding-top:28px;padding-bottom:4px}.reference-decking .material-icon{width:42px;height:42px;color:var(--lime-ink);justify-content:center;align-items:center;margin-bottom:20px;display:flex}.reference-decking .material-icon svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:34px;height:34px}.reference-decking .material-benefit h3{letter-spacing:0;margin-bottom:13px;font-size:1.45rem;line-height:1.2}.reference-decking .material-benefit p{color:currentColor;font-size:1rem;line-height:1.65}@media (width<=1100px){.reference-decking .material-story .intro-grid{gap:40px}.reference-decking .material-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:35px}.reference-decking .core-card{padding:30px 26px}.reference-decking .core-composition>div{grid-template-columns:80px minmax(0,1fr);gap:10px}.reference-decking .material-benefits{gap:0 28px}.reference-decking .material-benefit h3{font-size:1.3rem}}@media (width<=800px){.reference-decking .material-story .intro-grid{grid-template-columns:1fr;gap:22px}.reference-decking .material-story .intro-grid .lead{max-width:600px;padding-top:0}.reference-decking .material-layout{grid-template-columns:1fr;gap:30px;margin-top:35px}.reference-decking .core-card{padding:30px}.reference-decking .core-composition{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:25px 0 20px;display:grid}.reference-decking .core-composition>div{border-top:1px solid var(--secondary);flex-direction:column;align-items:flex-start;gap:12px;padding:18px 0;display:flex}.reference-decking .core-composition dd{order:-1}.reference-decking .core-composition dt{font-size:.95rem}.reference-decking .core-note{max-width:550px}.reference-decking .material-benefits{gap:0 35px}.reference-decking .material-benefit{padding-top:15px}.reference-decking .material-benefit h3{font-size:1.45rem}}@media (width<=520px){.reference-decking .material-story .intro-grid h2{font-size:2.55rem}.reference-decking .core-card{padding:27px 25px}.reference-decking .core-card h3{font-size:1.85rem}.reference-decking .core-composition{margin:23px 0 20px;display:block}.reference-decking .core-composition>div{border-top:0;grid-template-columns:82px minmax(0,1fr);gap:14px;padding:15px 0;display:grid}.reference-decking .core-composition dd{font-size:2.4rem}.reference-decking .core-composition dt{font-size:1rem}.reference-decking .material-benefits{grid-template-columns:1fr;gap:0}.reference-decking .material-benefit,.reference-decking .material-benefit:nth-child(n+3){border-bottom:1px solid var(--border);grid-template-columns:36px minmax(0,1fr);column-gap:18px;padding:25px 0;display:grid}.reference-decking .material-benefit:last-child{border-bottom:0;padding-bottom:0}.reference-decking .material-icon{grid-area:1/1;width:36px;height:32px;margin:0}.reference-decking .material-icon svg{width:30px;height:30px}.reference-decking .material-benefit h3{grid-area:1/2;margin:2px 0 12px;font-size:1.4rem}.reference-decking .material-benefit p{grid-column:2;font-size:1rem}}.reference-decking .buying-section{background:var(--secondary);border-top:1px solid var(--border)}.reference-decking .buying-section .section-head{align-items:center}.reference-decking .buying-section .section-head .lead{max-width:430px}.reference-decking .buying-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.reference-decking .buying-option{background:var(--background);border:1px solid var(--border);grid-template-columns:54px minmax(0,1fr);gap:24px;padding:36px;transition:border-color .2s,background .2s;display:grid}.reference-decking .buying-option:hover{border-color:var(--lime-ink);background:var(--card)}.reference-decking .buying-icon{color:var(--lime-ink);background:var(--secondary);justify-content:center;align-items:center;width:54px;height:54px;display:flex}.reference-decking .buying-icon svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:38px;height:38px}.reference-decking .buying-option h3{letter-spacing:0;margin:2px 0 14px;font-size:1.7rem;line-height:1.2}.reference-decking .buying-option p{color:currentColor;max-width:370px;font-size:1rem;line-height:1.65}.reference-decking .buying-link{border-top:1px solid var(--border);color:var(--lime-ink);justify-content:space-between;align-items:center;gap:20px;margin-top:27px;padding-top:18px;font-size:.95rem;font-weight:600;display:flex}.reference-decking .buying-link>span{font-size:1.3rem;line-height:1}.reference-decking .buying-help{justify-content:space-between;align-items:center;gap:35px;margin-top:32px;display:flex}.reference-decking .buying-help h3{letter-spacing:0;margin-bottom:5px;font-size:1.15rem;line-height:1.35}.reference-decking .buying-help p{color:currentColor;font-size:1rem}.reference-decking .buying-help .btn{flex-shrink:0}.reference-decking .professionals-section{background:var(--foreground);color:var(--background)}.reference-decking .professionals-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:80px;display:grid}.reference-decking .professionals-copy .eyebrow{color:var(--accent)}.reference-decking .professionals-copy h2{max-width:530px;margin-bottom:24px}.reference-decking .professionals-copy .lead{color:var(--ink-foreground);max-width:460px}.reference-decking .professional-links{border-top:1px solid var(--fencing-overlay);margin-top:31px}.reference-decking .professional-links>a{border-bottom:1px solid var(--fencing-overlay);justify-content:space-between;align-items:center;gap:20px;padding:23px 0;display:flex}.reference-decking .professional-links h3{letter-spacing:0;margin-bottom:8px;font-size:1.35rem;line-height:1.25}.reference-decking .professional-links p{color:var(--ink-foreground);max-width:380px;font-size:1rem;line-height:1.55}.reference-decking .professional-links>a>span{color:var(--accent);flex-shrink:0;font-size:1.6rem;line-height:1}.reference-decking .professional-links>a:hover h3{color:var(--accent)}.reference-decking .professional-inspiration{border-bottom:1px solid var(--secondary);align-items:center;gap:20px;margin-top:25px;padding:7px 0;font-size:.95rem;font-weight:600;display:inline-flex}.reference-decking .professional-inspiration>span{color:var(--accent)}.reference-decking .professionals-image{min-width:0;position:relative}.reference-decking .professionals-image>img{object-fit:cover;object-position:center;width:100%;height:510px}.reference-decking .professionals-image figcaption{color:var(--ink-foreground);flex-wrap:wrap;justify-content:space-between;gap:5px 15px;margin-top:14px;font-size:.875rem;line-height:1.45;display:flex}.reference-decking .professionals-image small{color:var(--ink-foreground);font-size:.8rem}@media (width<=1100px){.reference-decking .buying-option{grid-template-columns:46px minmax(0,1fr);gap:20px;padding:30px}.reference-decking .buying-icon{width:46px;height:46px}.reference-decking .buying-icon svg{width:32px;height:32px}.reference-decking .buying-option h3{font-size:1.5rem}.reference-decking .professionals-layout{gap:45px}.reference-decking .professionals-image>img{height:520px}}@media (width<=800px){.reference-decking .buying-section .section-head{align-items:flex-start}.reference-decking .buying-section .section-head .lead{max-width:600px}.reference-decking .buying-options{grid-template-columns:1fr;gap:20px}.reference-decking .buying-option{grid-template-columns:54px minmax(0,1fr);gap:25px}.reference-decking .buying-option p{max-width:550px}.reference-decking .buying-icon{width:54px;height:54px}.reference-decking .buying-icon svg{width:38px;height:38px}.reference-decking .buying-option h3{font-size:1.7rem}.reference-decking .professionals-layout{grid-template-columns:1fr;gap:38px}.reference-decking .professionals-copy h2{max-width:620px}.reference-decking .professionals-copy .lead,.reference-decking .professional-links p{max-width:600px}.reference-decking .professionals-image>img{aspect-ratio:1.5;height:auto}.reference-decking .professionals-image figcaption{margin-top:12px}}@media (width<=520px){.reference-decking .buying-option{grid-template-columns:1fr;gap:21px;padding:26px}.reference-decking .buying-option h3{font-size:1.55rem}.reference-decking .buying-option p{font-size:1rem}.reference-decking .buying-link{margin-top:23px;padding-top:17px}.reference-decking .buying-help{flex-direction:column;align-items:flex-start;gap:22px;margin-top:28px}.reference-decking .buying-help h3{font-size:1.1rem}.reference-decking .buying-help p{font-size:1rem}.reference-decking .professionals-copy h2{font-size:2.65rem}.reference-decking .professional-links{margin-top:26px}.reference-decking .professional-links>a{padding:22px 0}.reference-decking .professional-links h3{font-size:1.3rem}.reference-decking .professional-links p{font-size:1rem}.reference-decking .professional-inspiration{font-size:.9rem}.reference-decking .professionals-image>img{aspect-ratio:1.15}.reference-decking .professionals-image figcaption{flex-direction:column;font-size:.875rem}}.reference-decking .journal-section{background:var(--background)}.reference-decking .journal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;display:grid}.reference-decking .journal-card{color:var(--ink);text-align:left;background:0 0;flex-direction:column;min-width:0;padding:0;display:flex}.reference-decking .journal-card-image{aspect-ratio:1.4;background:var(--secondary);width:100%;position:relative;overflow:hidden}.reference-decking .journal-card-image>img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.reference-decking .journal-card:hover .journal-card-image>img{transform:scale(1.035)}.reference-decking .journal-image-note{background:var(--fencing-overlay);color:var(--foreground);padding:4px 8px;font-size:.75rem;line-height:1.35;position:absolute;bottom:12px;left:14px}.reference-decking .journal-card-copy{flex-direction:column;flex:1;align-items:flex-start;width:100%;padding:25px 0 0;display:flex}.reference-decking .journal-category{text-transform:uppercase;letter-spacing:0;color:var(--lime-ink);font-size:.8rem;font-weight:600;line-height:1.5}.reference-decking .journal-card h3{letter-spacing:0;margin:12px 0 14px;font-size:1.65rem;line-height:1.18}.reference-decking .journal-card p{color:currentColor;margin-bottom:24px;font-size:1rem;line-height:1.6}.reference-decking .journal-read{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;width:100%;margin-top:auto;padding-top:17px;font-size:.9rem;font-weight:600;display:flex}.reference-decking .journal-read>span{color:var(--lime-ink);font-size:1.35rem}.reference-decking .journal-card:hover .journal-read{color:var(--lime-ink)}.reference-decking #article-dialog{max-width:min(900px,94vw)}.reference-decking .article-image{object-fit:cover;width:100%;height:310px;max-height:40dvh}.reference-decking .article-.reference-decking{padding:38px 55px 45px}.reference-decking .article-.reference-decking h2{max-width:680px;margin:12px 0 15px;font-size:3rem;line-height:1.13}.reference-decking .article-image-caption{color:currentColor;margin-bottom:30px;font-size:.8rem}.reference-decking .article-content{max-width:680px}.reference-decking .article-content p{color:var(--foreground);margin-bottom:20px;font-size:1.05rem;line-height:1.8}.reference-decking .article-content h3{letter-spacing:0;margin:27px 0 12px;font-size:1.4rem;line-height:1.3}.reference-decking .article-.reference-decking>.btn{margin-top:14px}.reference-decking .newsletter-section{background:var(--foreground);color:var(--background);border-bottom:1px solid var(--fencing-overlay);padding:76px 0}.reference-decking .newsletter-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:85px;display:grid}.reference-decking .newsletter-section .eyebrow{color:var(--accent)}.reference-decking .newsletter-section h2{margin-bottom:22px;font-size:3.4rem;line-height:1.1}.reference-decking .newsletter-section .lead{color:var(--ink-foreground);max-width:430px}.reference-decking .newsletter-email-label{margin-bottom:12px;font-size:1rem;font-weight:500;display:block}.reference-decking .newsletter-entry{align-items:stretch;gap:0;display:flex}.reference-decking .newsletter-entry input{border:1px solid var(--secondary);background:var(--card);width:100%;min-width:0;color:var(--ink);border-radius:0;min-height:56px;padding:16px 18px;font-size:1rem}.reference-decking .newsletter-entry input::placeholder{color:var(--foreground)}.reference-decking .newsletter-entry .btn{white-space:nowrap;flex-shrink:0;gap:14px;padding:16px 20px}.reference-decking .newsletter-entry .btn>span{font-size:1.2rem;line-height:1}.reference-decking .newsletter-consent{color:var(--ink-foreground);cursor:pointer;align-items:flex-start;gap:12px;margin-top:20px;font-size:.9rem;line-height:1.6;display:flex}.reference-decking .newsletter-consent input{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0;margin:3px 0 0}.reference-decking .newsletter-form input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.reference-decking .newsletter-note{color:var(--ink-foreground);max-width:520px;margin-top:15px;font-size:.875rem;line-height:1.6}.reference-decking .newsletter-status{color:var(--ink-foreground);border-left:3px solid var(--accent);background:var(--fencing-overlay);margin-top:20px;padding:16px 18px;font-size:.95rem;line-height:1.6}.reference-decking .newsletter-status a{color:var(--accent);text-underline-offset:3px;margin-top:5px;text-decoration:underline;display:inline-block}@media (width<=1100px){.reference-decking .journal-grid{gap:24px}.reference-decking .journal-card h3{font-size:1.5rem}.reference-decking .newsletter-layout{gap:48px}.reference-decking .newsletter-entry .btn{gap:10px;padding:16px 15px;font-size:.8rem}}@media (width<=800px){.reference-decking .journal-grid{grid-template-columns:1fr;gap:32px}.reference-decking .journal-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;display:grid}.reference-decking .journal-card-image{aspect-ratio:1.2;height:100%;min-height:245px}.reference-decking .journal-card-copy{padding:0}.reference-decking .journal-card h3{font-size:1.6rem}.reference-decking .newsletter-layout{grid-template-columns:1fr;gap:32px}.reference-decking .newsletter-section .lead{max-width:550px}.reference-decking .newsletter-entry .btn{padding:16px 23px;font-size:.85rem}.reference-decking .article-.reference-decking{padding:32px 35px 40px}}@media (width<=520px){.reference-decking .journal-grid{gap:36px}.reference-decking .journal-card{gap:0;display:flex}.reference-decking .journal-card-image{aspect-ratio:1.4;height:auto;min-height:0}.reference-decking .journal-card-copy{padding-top:22px}.reference-decking .journal-card h3{font-size:1.6rem}.reference-decking .journal-card p{margin-bottom:20px}.reference-decking .article-image{height:210px;max-height:30dvh}.reference-decking .article-.reference-decking{padding:28px 25px 32px}.reference-decking .article-.reference-decking h2{font-size:2rem}.reference-decking .article-content p{font-size:1rem;line-height:1.75}.reference-decking .article-content h3{font-size:1.3rem}.reference-decking .newsletter-section{padding:60px 0}.reference-decking .newsletter-section h2{font-size:2.6rem}.reference-decking .newsletter-entry{flex-direction:column;gap:12px}.reference-decking .newsletter-entry .btn{width:100%;min-height:52px}.reference-decking .newsletter-consent{font-size:.9rem}.reference-decking .newsletter-note{font-size:.875rem}}.reference-decking .siding-download-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.reference-decking .siding-download-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-decking .siding-download-card{background:var(--secondary);border:1px solid var(--border);flex-direction:column;align-items:flex-start;min-width:0;padding:32px;display:flex}.reference-decking .siding-download-type{letter-spacing:0;color:var(--lime-ink);margin-bottom:24px;font-size:.72rem;font-weight:700}.reference-decking .siding-download-card h3{margin-bottom:18px;font-size:1.8rem;line-height:1.15}.reference-decking .siding-download-card p{color:currentColor;margin-bottom:26px;font-size:.95rem}.reference-decking .siding-download-meta{color:currentColor;margin-top:auto;margin-bottom:16px;font-size:.8rem}.reference-decking .siding-download-card .btn{gap:18px}.reference-decking .siding-spec-downloads{flex-direction:column;align-items:flex-start;gap:14px;margin-top:25px;display:flex}@media (width<=1100px) and (width>=801px){.reference-decking .siding-page-nav .wrap{flex-wrap:wrap;gap:0}.reference-decking .siding-page-nav .page-tabs,.reference-decking .siding-page-nav .jump-links{justify-content:center;width:100%}.reference-decking .siding-page-nav .jump-links{flex-wrap:wrap;padding:0 0 14px}.reference-decking .siding-download-card{padding:25px}}@media (width<=800px){.reference-decking .siding-download-grid,.reference-decking .siding-download-grid-four{grid-template-columns:1fr}.reference-decking .siding-download-card{padding:28px}.reference-decking .siding-download-card h3{font-size:1.7rem}}.reference-decking{background:var(--card)}.reference-decking .tone{background:var(--secondary)}.reference-decking .hero .lead{max-width:530px;font-size:16px;font-weight:300;line-height:1.65}.reference-decking .deck-hero{min-height:740px}.reference-decking .deck-hero .hero-img{object-position:center 56%}.reference-decking .deck-hero:after{background:linear-gradient(90deg,var(--deck-hero-overlay) 0%,var(--deck-hero-overlay) 46%,var(--deck-hero-overlay) 100%),linear-gradient(180deg,var(--deck-hero-overlay),transparent 50%)}.reference-decking .deck-hero-video{pointer-events:none}.reference-decking .deck-hero-control{z-index:2;border:1px solid var(--fencing-overlay);background:var(--fencing-overlay);min-height:44px;color:var(--card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:center;gap:10px;padding:9px 14px;font-size:.75rem;font-weight:400;line-height:1.3;display:inline-flex;position:absolute;bottom:22px;left:6%}.reference-decking .deck-hero-control:hover{background:var(--fencing-overlay)}.reference-decking .deck-hero-control>span:first-child{text-align:center;min-width:12px;font-size:.85rem}.reference-decking .deck-hero-control[hidden],.reference-decking .deck-hero-video[hidden]{display:none}.reference-decking .deck-page-nav{background:var(--fencing-overlay)}.reference-decking .deck-nav-label{letter-spacing:0;flex-shrink:0;font-size:.72rem;font-weight:700}.reference-decking .deck-page-links{scrollbar-width:thin;align-items:center;gap:24px;display:flex;overflow-x:auto}.reference-decking .deck-page-links a{white-space:nowrap;color:currentColor;padding:21px 0;font-size:.82rem}.reference-decking .deck-page-links a:hover{color:var(--lime-ink)}.reference-decking .deck-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;margin-top:54px;display:grid}.reference-decking .deck-benefits article{border-top:1px solid var(--border);padding-top:25px}.reference-decking .deck-number{letter-spacing:0;color:var(--lime-ink);margin-bottom:23px;font-size:.7rem;font-weight:600;line-height:1.5;display:block}.reference-decking .deck-benefits h3{letter-spacing:0;margin-bottom:16px;font-size:1.6rem;line-height:1.2}.reference-decking .deck-benefits p{color:currentColor;font-size:.96rem;line-height:1.65}.reference-decking .deck-collections{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 32px;display:grid}.reference-decking .deck-board-collections{grid-template-columns:repeat(3,minmax(0,1fr))}.reference-decking .deck-collection{flex-direction:column;min-width:0;display:flex}.reference-decking .deck-product-photo{background:var(--card);width:100%;height:270px;color:var(--ink);justify-content:center;align-items:center;padding:48px 22px 24px;display:flex;position:relative;overflow:hidden}.reference-decking .deck-product-photo img{object-fit:contain;width:100%;height:100%;transition:transform .4s}.reference-decking .deck-product-photo:hover img{transform:scale(1.035)}.reference-decking .deck-card-index{letter-spacing:0;color:var(--foreground);font-size:.68rem;font-weight:600;position:absolute;top:18px;left:20px}.reference-decking .deck-image-more{color:var(--lime-ink);font-size:1.4rem;position:absolute;bottom:13px;right:17px}.reference-decking .deck-collection-copy{flex-direction:column;flex:1;padding:25px 0 0;display:flex}.reference-decking .deck-card-tag{font-weight:500;color:var(--lime-ink)!important;margin-bottom:12px!important;font-size:.75rem!important}.reference-decking .deck-collection h3{margin-bottom:16px;font-size:2.15rem;line-height:1.12}.reference-decking .deck-collection-copy>p:not(.deck-card-tag){color:currentColor;max-width:48ch;margin-bottom:19px;font-size:.96rem;line-height:1.65}.reference-decking .deck-card-facts{flex-wrap:wrap;gap:8px;margin-top:auto;margin-bottom:20px;display:flex}.reference-decking .deck-card-facts span{border:1px solid var(--secondary);padding:4px 9px;font-size:.73rem}.reference-decking .deck-card-actions{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;padding-top:13px;display:flex}.reference-decking .deck-card-actions .text-link{color:var(--ink);text-align:left;background:0 0;border:0;padding:9px 0;font-weight:600}.reference-decking .deck-card-actions .text-link span{color:var(--lime-ink);margin-left:8px}.reference-decking .deck-plain-link{text-align:left;color:var(--lime-ink);text-underline-offset:4px;background:0 0;padding:8px 0;font-size:.85rem;font-weight:500}.reference-decking .deck-plain-link:hover,.reference-decking .deck-card-actions .text-link:hover{text-decoration:underline}.reference-decking .deck-compare{border-top:1px solid var(--secondary);border-bottom:1px solid var(--secondary);margin-top:48px}.reference-decking .deck-compare>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-size:1.05rem;list-style:none;display:flex}.reference-decking .deck-compare>summary::-webkit-details-marker{display:none}.reference-decking .deck-compare>summary>span{color:var(--lime-ink);font-size:1.5rem;font-weight:300;transition:transform .2s}.reference-decking .deck-compare[open]>summary>span{transform:rotate(45deg)}.reference-decking .deck-table-scroll{overflow-x:auto}.reference-decking .deck-compare table{border-collapse:collapse;text-align:left;width:100%;min-width:870px;font-size:.84rem}.reference-decking .deck-compare th,.reference-decking .deck-compare td{border-top:1px solid var(--border);vertical-align:top;padding:16px 15px;line-height:1.55}.reference-decking .deck-compare thead{background:var(--secondary)}.reference-decking .deck-compare th{font-weight:600}.reference-decking .deck-compare tbody th{min-width:135px}.reference-decking .deck-compare tbody td{color:currentColor}.reference-decking .deck-compare .deck-fineprint{margin:20px 0}.reference-decking .deck-tile-section{background:var(--card)}.reference-decking .deck-tile-feature{background:var(--secondary);grid-template-columns:minmax(0,1.12fr) minmax(380px,.88fr);min-height:500px;display:grid}.reference-decking .deck-tile-photo{background:var(--card);border:1px solid var(--border);min-width:0;color:var(--ink);justify-content:center;align-items:center;padding:70px 50px 45px;display:flex;position:relative;overflow:hidden}.reference-decking .deck-tile-photo img{object-fit:contain;width:100%;height:100%;max-height:430px;transition:transform .4s}.reference-decking .deck-tile-photo:hover img{transform:scale(1.035)}.reference-decking .deck-tile-copy{flex-direction:column;justify-content:center;padding:55px 50px;display:flex}.reference-decking .deck-tile-copy h3{margin-bottom:22px;font-size:4.1rem;line-height:1.05}.reference-decking .deck-tile-copy>p:not(.deck-card-tag){color:currentColor;margin-bottom:31px;line-height:1.7}.reference-decking .deck-tile-facts{border-top:1px solid var(--border);border-left:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:32px;display:grid}.reference-decking .deck-tile-facts>div{border-right:1px solid var(--border);border-bottom:1px solid var(--border);padding:16px}.reference-decking .deck-tile-facts span,.reference-decking .deck-tile-facts strong{display:block}.reference-decking .deck-tile-facts span{letter-spacing:0;color:var(--lime-ink);margin-bottom:6px;font-size:.66rem;font-weight:700}.reference-decking .deck-tile-facts strong{font-size:.88rem;font-weight:500}.reference-decking .deck-tile-copy .actions{align-items:center;gap:20px}.reference-decking .deck-colour-layout{grid-template-columns:minmax(0,1.13fr) minmax(0,1fr);align-items:start;gap:65px;display:grid}.reference-decking .deck-colour-preview{aspect-ratio:1.17;background:var(--card);border:1px solid var(--border);justify-content:center;align-items:center;padding:65px 25px 45px;display:flex;position:relative}.reference-decking .deck-colour-preview img{object-fit:contain;width:100%;height:100%}.reference-decking .deck-preview-label{font-size:.8rem;font-weight:500;position:absolute;top:21px;left:25px}.reference-decking .deck-preview-foot{letter-spacing:0;color:currentColor;font-size:.67rem;position:absolute;bottom:19px;left:25px}.reference-decking .deck-colour-caption{color:currentColor;justify-content:space-between;gap:15px;padding-top:16px;font-size:.79rem;display:flex}.reference-decking .deck-field-label{letter-spacing:0;margin-bottom:10px;font-size:.78rem;font-weight:600;display:block}.reference-decking .deck-colour-controls>select{background:var(--card);width:100%;color:var(--ink);border:1px solid var(--border);border-radius:0;min-height:48px;padding:13px 15px}.reference-decking .deck-selection-title{margin:30px 0 21px}.reference-decking .deck-selection-title .eyebrow{margin-bottom:11px;font-size:.68rem;font-weight:500}.reference-decking .deck-selection-title h3{font-size:2.4rem;line-height:1.12}.reference-decking .deck-colour-swatches{grid-template-columns:repeat(3,minmax(0,1fr));gap:21px 15px;margin-bottom:30px;display:grid}.reference-decking .deck-swatch{text-align:left;color:var(--ink);background:0 0;padding:0}.reference-decking .deck-swatch>span:first-child{border:1px solid var(--border);background:var(--card);height:76px;padding:7px;display:block;position:relative}.reference-decking .deck-swatch img{object-fit:contain;width:100%;height:100%}.reference-decking .deck-swatch>span:last-child{margin-top:9px;font-size:.77rem;line-height:1.3;display:block}.reference-decking .deck-swatch[aria-pressed=true]>span:first-child{outline:2px solid var(--lime-ink);outline-offset:3px}.reference-decking .deck-swatch[aria-pressed=true]>span:first-child:after{content:"✓";background:var(--lime-ink);color:var(--card);text-align:center;width:17px;height:17px;font-size:10px;line-height:17px;display:block;position:absolute;bottom:3px;right:3px}.reference-decking .deck-colour-controls .actions{align-items:center;gap:20px}.reference-decking .deck-fineprint{color:currentColor;max-width:70ch;margin-top:22px;font-size:.77rem;line-height:1.6}.reference-decking .deck-system-layout{grid-template-columns:minmax(0,1.16fr) minmax(0,1fr);align-items:start;gap:65px;display:grid}.reference-decking .deck-system-photo{background:var(--card);padding:25px 20px 17px}.reference-decking .deck-system-photo>img{object-fit:contain;width:100%;height:355px}.reference-decking .deck-system-photo figcaption{color:currentColor;padding:10px 7px 0;font-size:.73rem}.reference-decking .deck-system-steps article{border-top:1px solid var(--border);grid-template-columns:30px minmax(0,1fr);gap:19px;padding:24px 0;display:grid}.reference-decking .deck-system-steps article>span{color:var(--lime-ink);padding-top:3px;font-size:.78rem}.reference-decking .deck-system-steps h3{margin-bottom:11px;font-size:1.55rem;line-height:1.2}.reference-decking .deck-system-steps p{color:currentColor;font-size:.95rem;line-height:1.6}.reference-decking .deck-system-steps .text-link{margin-top:4px;margin-left:49px;font-weight:500}.reference-decking .deck-system-footer{border-top:1px solid var(--border);grid-template-columns:1fr 1.3fr auto;align-items:start;gap:28px;margin-top:44px;padding-top:26px;display:grid}.reference-decking .deck-system-footer strong{max-width:24ch;font-size:.98rem;font-weight:500}.reference-decking .deck-system-footer p{color:currentColor;max-width:45ch;font-size:.86rem}.reference-decking .deck-system-footer a{white-space:nowrap;padding:0}.reference-decking .deck-filter-bar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:25px;margin-bottom:32px;display:flex}.reference-decking .deck-filter-bar>.small{color:currentColor;flex-shrink:0;font-size:.76rem}.reference-decking .deck-filter-buttons{scrollbar-width:thin;gap:28px;display:flex;overflow-x:auto}.reference-decking .deck-filter-buttons button{color:currentColor;white-space:nowrap;background:0 0;border-bottom:2px solid #0000;min-height:52px;padding:14px 0;font-size:.88rem}.reference-decking .deck-filter-buttons button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--lime-ink);font-weight:600}.reference-decking .deck-component-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 25px;display:grid}.reference-decking .deck-component-card{color:inherit;text-align:left;background:0 0;align-self:start;min-width:0;padding:0}.reference-decking .deck-component-photo{background:var(--card);border:1px solid var(--secondary);aspect-ratio:1.2;padding:21px;display:block;position:relative}.reference-decking .deck-component-photo img{object-fit:contain;width:100%;height:100%;transition:transform .4s}.reference-decking .deck-component-card:hover img{transform:scale(1.035)}.reference-decking .deck-component-photo>span{color:var(--lime-ink);font-size:1.2rem;position:absolute;bottom:8px;right:13px}.reference-decking .deck-component-name{letter-spacing:0;margin-top:16px;font-size:1.04rem;font-weight:500;line-height:1.3;display:block}.reference-decking .deck-component-note{color:currentColor;margin-top:7px;font-size:.76rem;line-height:1.5;display:block}.reference-decking .deck-project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;display:grid}.reference-decking .deck-project-card{text-align:left;color:inherit;background:0 0;min-width:0;padding:0}.reference-decking .deck-project-cover{aspect-ratio:1.17;display:block;position:relative;overflow:hidden}.reference-decking .deck-project-cover>img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.reference-decking .deck-project-card:hover .deck-project-cover>img{transform:scale(1.035)}.reference-decking .deck-project-cover>span{background:var(--fencing-overlay);align-items:center;gap:20px;padding:7px 11px;font-size:.7rem;display:flex;position:absolute;bottom:14px;right:14px}.reference-decking .deck-project-label{color:var(--lime-ink);margin:22px 0 9px;font-size:.74rem;display:block}.reference-decking .deck-project-name{letter-spacing:0;font-size:1.9rem;font-weight:500;line-height:1.15;display:block}.reference-decking .deck-project-link{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:22px;padding-top:17px;font-size:.82rem;font-weight:500;display:flex}.reference-decking .deck-project-link>span{color:var(--lime-ink);font-size:1.1rem}.reference-decking .deck-case-study-card{min-width:0}.reference-decking .deck-case-study-card>.deck-project-card{width:100%}.reference-decking .deck-case-study-card>p{color:currentColor;margin:18px 0 8px;font-size:.92rem;line-height:1.65}.reference-decking .deck-case-study-card>.text-link{font-size:.82rem;font-weight:500}.reference-decking .deck-project-case-study{margin-top:22px}.reference-decking .deck-project-case-study[hidden]{display:none}.reference-decking .deck-resource-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;display:grid}.reference-decking .deck-resource{background:var(--secondary);text-align:left;color:var(--ink);border:1px solid #0000;flex-direction:column;padding:30px;display:flex}.reference-decking .deck-resource:hover{border-color:var(--lime-ink)}.reference-decking .deck-resource h3{margin-bottom:17px;font-size:1.6rem;line-height:1.2}.reference-decking .deck-resource p{color:currentColor;margin-bottom:28px;font-size:.94rem;line-height:1.65}.reference-decking .deck-resource-link{border-top:1px solid var(--border);width:100%;color:var(--lime-ink);justify-content:space-between;align-items:center;gap:15px;margin-top:auto;padding-top:18px;font-size:.83rem;font-weight:600;display:flex}.reference-decking .deck-faqs{max-width:880px;margin-left:auto}.reference-decking .deck-faqs summary{font-size:1rem}.reference-decking .deck-faqs details p{font-size:.94rem}.reference-decking .deck-buy-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.reference-decking .deck-buy-card{border:1px solid var(--border);flex-direction:column;padding:36px;display:flex}.reference-decking .deck-buy-card:hover{border-color:var(--lime-ink)}.reference-decking .deck-buy-card h3{margin-bottom:18px;font-size:1.9rem;line-height:1.17}.reference-decking .deck-buy-card p{color:currentColor;max-width:45ch;margin-bottom:29px;font-size:.96rem}.reference-decking .deck-professionals{background:var(--foreground);color:#fff}.reference-decking .deck-professionals .eyebrow,.reference-decking .deck-newsletter .eyebrow{color:var(--accent)}.reference-decking .deck-professionals .lead,.reference-decking .deck-newsletter .lead{color:var(--ink-foreground)}.reference-decking .deck-professional-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;display:grid}.reference-decking .deck-professional-links>a{border-top:1px solid var(--fencing-overlay);justify-content:space-between;align-items:center;gap:20px;padding:22px 0 0;font-size:.92rem;display:flex}.reference-decking .deck-professional-links>a span{color:var(--accent);font-size:1.3rem}.reference-decking .deck-newsletter{background:var(--foreground);color:var(--card);border-bottom:1px solid var(--fencing-overlay);padding:72px 0}.reference-decking .final-cta .lead{color:var(--foreground)}.reference-decking .final-cta .btn.outline:hover{background:var(--secondary)}.reference-decking dialog{background:var(--card)}.reference-decking.decking-page:has(dialog[open]){overflow:hidden}.reference-decking #deck-detail-dialog{max-width:min(1020px,94vw)}.reference-decking #detail-content{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.reference-decking .deck-detail-image{background:var(--card);justify-content:center;align-items:center;padding:45px 30px;display:flex}.reference-decking .deck-detail-image img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:380px}.reference-decking .deck-detail-copy{padding:48px 38px 38px}.reference-decking .deck-detail-copy>.eyebrow{margin-bottom:14px;font-size:.68rem}.reference-decking .deck-detail-copy h2{margin-bottom:19px;font-size:2.55rem;line-height:1.1}.reference-decking .deck-detail-copy>p:not(.eyebrow){color:currentColor;font-size:.94rem;line-height:1.65}.reference-decking .deck-detail-specs{margin:27px 0}.reference-decking .deck-detail-specs>div{border-top:1px solid var(--border);grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:20px;padding:12px 0;font-size:.82rem;line-height:1.5;display:grid}.reference-decking .deck-detail-specs>div:last-child{border-bottom:1px solid var(--border)}.reference-decking .deck-detail-specs dt{font-weight:500}.reference-decking .deck-detail-specs dd{color:currentColor;margin:0}.reference-decking .deck-detail-copy .actions{align-items:center;gap:20px}.reference-decking .deck-detail-copy .text-link{font-size:.79rem;font-weight:500}.reference-decking .deck-project-stage{background:var(--foreground);position:relative}.reference-decking .deck-project-stage>img{object-fit:contain;width:100%;height:58dvh}.reference-decking .deck-photo-prev,.reference-decking .deck-photo-next{background:var(--fencing-overlay);min-width:44px;min-height:48px;color:var(--ink);font-size:1.35rem;position:absolute;top:50%;transform:translateY(-50%)}.reference-decking .deck-photo-prev{left:15px}.reference-decking .deck-photo-next{right:15px}.reference-decking .deck-photo-count{background:var(--fencing-overlay);color:var(--card);padding:4px 10px;font-size:.76rem;position:absolute;bottom:15px;right:19px}.reference-decking .deck-project-.reference-decking{padding:30px 36px 35px}.reference-decking .deck-project-.reference-decking>.eyebrow{margin-bottom:13px;font-size:.7rem}.reference-decking .deck-project-.reference-decking h2{margin-bottom:18px;font-size:2.3rem}.reference-decking .deck-project-.reference-decking>p:not(.eyebrow){color:currentColor;max-width:75ch;font-size:.95rem}.reference-decking .deck-project-thumbnails{gap:12px;margin:22px -4px 16px;padding:7px 4px;display:flex;overflow-x:auto}.reference-decking .deck-project-thumbnails button{background:var(--secondary);flex:0 0 90px;height:70px;padding:0}.reference-decking .deck-project-thumbnails img{object-fit:cover;width:100%;height:100%}.reference-decking .deck-project-thumbnails button[aria-pressed=true]{outline:2px solid var(--lime-ink);outline-offset:3px}.reference-decking .deck-project-.reference-decking>.text-link{font-size:.79rem;font-weight:500}.reference-decking #deck-enquiry-dialog{max-width:570px;padding:45px 40px}.reference-decking #deck-enquiry-dialog>.eyebrow{margin-bottom:15px;font-size:.7rem}.reference-decking #deck-enquiry-dialog h2{margin-bottom:18px;font-size:2.6rem;line-height:1.13}.reference-decking #deck-enquiry-dialog>p:not(.eyebrow){color:currentColor;font-size:.93rem}.reference-decking #deck-enquiry-form{margin-top:25px}.reference-decking #deck-enquiry-form label{margin-bottom:8px;font-size:.83rem;font-weight:500;display:block}.reference-decking #deck-enquiry-form label>span{color:currentColor;font-size:.76rem;font-weight:400}.reference-decking #deck-enquiry-form input,.reference-decking #deck-enquiry-form select,.reference-decking #deck-enquiry-form textarea{border:1px solid var(--secondary);background:var(--card);width:100%;color:var(--ink);border-radius:0;margin-bottom:18px;padding:12px;display:block}.reference-decking #deck-enquiry-form textarea{resize:vertical}.reference-decking #deck-enquiry-form .btn{width:100%;margin-top:4px}.reference-decking #deck-enquiry-form .deck-fineprint{margin-top:15px}.reference-decking input:focus-visible,.reference-decking textarea:focus-visible,.reference-decking .deck-table-scroll:focus-visible{outline:3px solid var(--lime-ink);outline-offset:3px}.reference-decking .deck-integrated{background:var(--card)}.reference-decking .deck-system-statement{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);align-items:end;gap:50px;padding:42px 0;display:grid}.reference-decking .deck-system-statement .eyebrow{margin-bottom:14px}.reference-decking .deck-system-statement h3{letter-spacing:0;max-width:680px;margin-bottom:18px;font-size:3rem;line-height:1.08}.reference-decking .deck-system-statement p:not(.eyebrow){color:currentColor;max-width:700px;line-height:1.7}.reference-decking .deck-system-equation{grid-template-columns:1fr auto;align-items:center;gap:10px 14px;display:grid}.reference-decking .deck-system-equation a{background:var(--ink);min-height:48px;color:var(--card);letter-spacing:0;justify-content:space-between;align-items:center;gap:24px;padding:14px 16px;font-size:.72rem;font-weight:700;transition:background .2s;display:flex}.reference-decking .deck-system-equation a:hover{background:var(--lime-ink);text-underline-offset:4px;text-decoration:underline}.reference-decking .deck-system-equation a:focus-visible{outline:3px solid var(--lime-ink);outline-offset:3px}.reference-decking .deck-system-equation a span{letter-spacing:0;font-size:1rem;line-height:1}.reference-decking .deck-system-equation b{color:var(--lime-ink);font-size:1.25rem;font-weight:400}.reference-decking .deck-layer-grid{background:var(--border);border:1px solid var(--border);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:44px;display:grid}.reference-decking .deck-layer-grid article{background:var(--secondary);min-height:290px;padding:31px 25px 29px;position:relative}.reference-decking .deck-layer-index{color:var(--lime-ink);letter-spacing:0;margin-bottom:42px;font-size:.72rem;font-weight:700;display:block}.reference-decking .deck-layer-label{letter-spacing:0;margin-bottom:13px;font-weight:700;color:var(--lime-ink)!important;font-size:.68rem!important}.reference-decking .deck-layer-grid h3{letter-spacing:0;margin-bottom:15px;font-size:1.45rem;line-height:1.2}.reference-decking .deck-layer-grid article>p:last-child{color:currentColor;font-size:.9rem;line-height:1.65}.reference-decking .deck-quote-strip{background:var(--accent);justify-content:space-between;align-items:center;gap:35px;margin-top:28px;padding:28px 32px;display:flex}.reference-decking .deck-quote-strip strong{margin-bottom:6px;font-size:1.2rem;display:block}.reference-decking .deck-quote-strip p{max-width:680px;font-size:.9rem}.reference-decking .deck-quote-strip .btn{flex-shrink:0}.reference-decking .deck-integrated-benefits{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-bottom:20px;display:grid}.reference-decking .deck-integrated-benefits article{background:var(--card);border-top:4px solid var(--accent);min-height:245px;padding:28px 24px}.reference-decking .deck-integrated-benefits article>span{color:var(--lime-ink);letter-spacing:0;margin-bottom:40px;font-size:.72rem;font-weight:700;display:block}.reference-decking .deck-integrated-benefits h3{margin-bottom:14px;font-size:1.45rem;line-height:1.2}.reference-decking .deck-integrated-benefits p{color:currentColor;font-size:.9rem;line-height:1.65}.reference-decking .deck-warranty-note{color:currentColor;max-width:850px;margin-bottom:48px;font-size:.75rem}.reference-decking .deck-breakdown-layout{border-top:1px solid var(--border);grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:start;gap:50px;padding-top:48px;display:grid}.reference-decking .deck-breakdown-copy>.eyebrow{margin-bottom:14px}.reference-decking .deck-breakdown-copy>h3{letter-spacing:0;margin-bottom:15px;font-size:2.35rem;line-height:1.1}.reference-decking .deck-breakdown-copy>p:not(.eyebrow){color:currentColor;margin-bottom:25px}.reference-decking .deck-breakdown-scroll{overflow-x:auto}.reference-decking .deck-breakdown-table{border-collapse:collapse;text-align:left;width:100%;min-width:650px;font-size:.82rem}.reference-decking .deck-breakdown-table th,.reference-decking .deck-breakdown-table td{border-top:1px solid var(--border);vertical-align:top;padding:14px 13px;line-height:1.5}.reference-decking .deck-breakdown-table thead{background:var(--ink);color:#fff}.reference-decking .deck-breakdown-table thead th{letter-spacing:0;text-transform:uppercase;font-size:.68rem}.reference-decking .deck-breakdown-table tbody th{color:var(--lime-ink);width:18%;font-weight:700}.reference-decking .deck-breakdown-table tbody td:last-child{color:currentColor}.reference-decking .deck-sales-link{align-self:center;font-weight:700}.reference-decking .footer-action{color:inherit;text-align:left;font:inherit;background:0 0;padding:0}.reference-decking .footer-action:hover{text-decoration:underline}.reference-decking .deck-buy-card[type=button]{color:inherit;text-align:left;background:0 0;width:100%}@media (width>=1700px){.reference-decking .deck-hero{min-height:820px}}@media (width<=1100px){.reference-decking .deck-hero-control{left:5%}.reference-decking .deck-page-nav>.wrap{display:block}.reference-decking .deck-nav-label{display:none}.reference-decking .deck-page-links{justify-content:space-between;gap:22px}.reference-decking .deck-colour-layout,.reference-decking .deck-system-layout{gap:35px}.reference-decking .deck-benefits{gap:25px}.reference-decking .deck-collections{gap:34px 23px}.reference-decking .deck-product-photo{height:240px;padding:47px 15px 22px}.reference-decking .deck-card-actions{flex-direction:column;align-items:flex-start;gap:0}.reference-decking .deck-system-footer{grid-template-columns:1fr 1.4fr}.reference-decking .deck-system-footer a{grid-column:2}.reference-decking .deck-resource{padding:26px}.reference-decking .deck-resource h3{font-size:1.4rem}.reference-decking .deck-component-grid{gap:30px 20px}.reference-decking .deck-professional-links{gap:25px}.reference-decking .deck-professional-links>a{font-size:.85rem}.reference-decking .deck-layer-grid,.reference-decking .deck-integrated-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-decking .deck-system-statement{gap:30px}.reference-decking .deck-board-collections{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-decking .deck-tile-feature{grid-template-columns:minmax(0,1fr) minmax(340px,.85fr)}.reference-decking .deck-tile-copy{padding:44px 35px}.reference-decking .deck-tile-photo{padding:60px 35px 40px}}@media (width<=800px){.reference-decking .deck-hero{min-height:675px}.reference-decking .deck-hero .hero-img{object-position:65% center}.reference-decking .deck-page-links{justify-content:flex-start;gap:23px}.reference-decking .deck-page-links a{padding:18px 0;font-size:.8rem}.reference-decking .deck-benefits{grid-template-columns:1fr;gap:27px;margin-top:40px}.reference-decking .deck-benefits article{padding-top:22px}.reference-decking .deck-benefits h3{font-size:1.5rem}.reference-decking .deck-benefits p{max-width:58ch}.reference-decking .deck-number{margin-bottom:16px}.reference-decking .deck-collections{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px}.reference-decking .deck-collection h3{font-size:1.95rem}.reference-decking .deck-card-actions{flex-flow:wrap;align-items:center;gap:8px}.reference-decking .deck-colour-layout,.reference-decking .deck-system-layout{grid-template-columns:1fr;gap:33px}.reference-decking .deck-colour-preview{aspect-ratio:1.6}.reference-decking .deck-colour-controls{max-width:650px}.reference-decking .deck-colour-swatches{grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.reference-decking .deck-swatch>span:first-child{height:103px}.reference-decking .deck-system-photo>img{height:340px}.reference-decking .deck-system-footer{grid-template-columns:1fr;gap:15px}.reference-decking .deck-system-footer strong{max-width:none}.reference-decking .deck-system-footer a{grid-column:auto}.reference-decking .deck-component-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 18px}.reference-decking .deck-component-photo{padding:14px}.reference-decking .deck-component-name{font-size:.95rem}.reference-decking .deck-filter-bar{gap:20px}.reference-decking .deck-filter-buttons{gap:22px}.reference-decking .deck-filter-buttons button{font-size:.8rem}.reference-decking .deck-filter-bar>.small{display:none}.reference-decking .deck-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.reference-decking .deck-project-name{font-size:1.75rem}.reference-decking .deck-resource-grid{grid-template-columns:1fr}.reference-decking .deck-resource{padding:30px}.reference-decking .deck-resource h3{font-size:1.6rem}.reference-decking .deck-resource p{max-width:60ch}.reference-decking .deck-buy-card{padding:27px}.reference-decking .deck-buy-card h3{font-size:1.6rem}.reference-decking .deck-professional-links{grid-template-columns:1fr;gap:23px}.reference-decking .deck-professional-links>a{font-size:.96rem}.reference-decking .deck-system-statement,.reference-decking .deck-breakdown-layout{grid-template-columns:1fr}.reference-decking .deck-system-statement{align-items:start}.reference-decking .deck-breakdown-layout{gap:34px}.reference-decking .deck-quote-strip{flex-direction:column;align-items:flex-start}.reference-decking .deck-quote-strip .btn{width:100%}.reference-decking .deck-tile-feature{grid-template-columns:1fr}.reference-decking .deck-tile-photo{min-height:390px}.reference-decking .deck-tile-copy{padding:40px 34px}.reference-decking #detail-content{grid-template-columns:1fr}.reference-decking .deck-detail-image{padding:28px}.reference-decking .deck-detail-image img{height:250px}.reference-decking .deck-detail-copy{padding:30px}.reference-decking .deck-detail-copy h2{font-size:2.2rem}.reference-decking .deck-project-stage>img{height:48dvh}}@media (width<=520px){.reference-decking .deck-hero{min-height:650px}.reference-decking .hero h1{font-size:3.1rem}.reference-decking .hero .lead{max-width:34ch;font-size:16px}.reference-decking .deck-hero .hero-content{padding-top:135px;padding-bottom:104px}.reference-decking .deck-hero .actions{gap:10px}.reference-decking .deck-hero .btn{min-height:47px;padding:13px 15px;font-size:.74rem}.reference-decking .deck-collections{grid-template-columns:1fr;gap:38px}.reference-decking .deck-product-photo{height:260px;min-height:0}.reference-decking .deck-card-actions{flex-wrap:nowrap;gap:14px}.reference-decking .deck-collection h3{font-size:2rem}.reference-decking .deck-compare{margin-top:35px}.reference-decking .deck-colour-preview{aspect-ratio:1.2;padding:58px 18px 35px}.reference-decking .deck-preview-label{left:20px}.reference-decking .deck-colour-caption{gap:12px;font-size:.73rem}.reference-decking .deck-colour-swatches{gap:22px 13px}.reference-decking .deck-swatch>span:first-child{height:78px}.reference-decking .deck-selection-title h3{font-size:2.15rem}.reference-decking .deck-colour-controls .actions{flex-direction:column;align-items:flex-start;gap:15px}.reference-decking .deck-colour-controls .btn{width:100%}.reference-decking .deck-system-photo{padding:16px 10px}.reference-decking .deck-system-photo>img{height:255px}.reference-decking .deck-system-photo figcaption{font-size:.66rem}.reference-decking .deck-system-steps h3{font-size:1.4rem}.reference-decking .deck-system-steps .text-link{font-size:.82rem}.reference-decking .deck-component-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 17px}.reference-decking .deck-component-photo{aspect-ratio:1;padding:14px}.reference-decking .deck-component-name{font-size:.94rem}.reference-decking .deck-component-note{font-size:.71rem}.reference-decking .deck-component-photo>span{bottom:5px;right:9px}.reference-decking .deck-filter-buttons{gap:22px}.reference-decking .deck-project-grid,.reference-decking .deck-buy-grid{grid-template-columns:1fr;gap:34px}.reference-decking .deck-project-cover{aspect-ratio:1.3}.reference-decking .deck-project-label,.reference-decking .deck-project-link{margin-top:19px}.reference-decking .deck-resource{padding:27px}.reference-decking .deck-buy-card{padding:28px}.reference-decking .deck-newsletter{padding:60px 0}.reference-decking .deck-project-.reference-decking{padding:26px 23px}.reference-decking .deck-project-.reference-decking h2{font-size:2rem}.reference-decking .deck-photo-prev{left:8px}.reference-decking .deck-photo-next{right:8px}.reference-decking .deck-project-stage>img{height:40dvh}.reference-decking .deck-project-thumbnails button{flex-basis:75px;height:58px}.reference-decking .deck-detail-image{padding:22px}.reference-decking .deck-detail-image img{height:210px}.reference-decking .deck-detail-copy{padding:26px}.reference-decking .deck-detail-copy h2{font-size:2rem}.reference-decking .deck-detail-specs>div{gap:14px}.reference-decking .deck-detail-copy .actions{gap:17px}.reference-decking #deck-enquiry-dialog{padding:44px 25px 28px}.reference-decking #deck-enquiry-dialog h2{font-size:2.15rem}.reference-decking .deck-layer-grid,.reference-decking .deck-integrated-benefits{grid-template-columns:1fr}.reference-decking .deck-layer-grid article,.reference-decking .deck-integrated-benefits article{min-height:0}.reference-decking .deck-layer-index,.reference-decking .deck-integrated-benefits article>span{margin-bottom:25px}.reference-decking .deck-quote-strip{padding:25px 22px}.reference-decking .deck-breakdown-copy>h3{font-size:2rem}.reference-decking .deck-sales-link{text-align:center;width:100%}.reference-decking .deck-board-collections{grid-template-columns:1fr}.reference-decking .deck-tile-photo{min-height:310px;padding:52px 22px 30px}.reference-decking .deck-tile-copy{padding:34px 24px}.reference-decking .deck-tile-copy h3{font-size:2.6rem}.reference-decking .deck-tile-facts{grid-template-columns:1fr}.reference-decking .deck-tile-copy .actions{flex-direction:column;align-items:flex-start}.reference-decking .deck-tile-copy .btn{width:100%}}@media (prefers-reduced-motion:reduce){.reference-decking{scroll-behavior:auto}.reference-decking *,.reference-decking :before,.reference-decking :after{scroll-behavior:auto!important;transition:none!important}}.reference-decking .section-head.split-section-heading{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:0 clamp(40px,6vw,88px);margin:0 0 44px;display:grid}.reference-decking .section-head.split-section-heading>.eyebrow{letter-spacing:0;grid-area:1/1/auto/-1;max-width:none;margin:0 0 18px;padding:0;font-size:.75rem;font-weight:600;line-height:1.5}.reference-decking .section-head.split-section-heading>:is(h1,.reference-decking h2,.reference-decking h3){letter-spacing:0;overflow-wrap:break-word;grid-area:2/1;max-width:100%;margin:0;font-size:3rem;font-weight:500;line-height:1.08}.reference-decking .section-head.split-section-heading>p.lead{width:100%;max-width:52ch;font-family:var(--font-sans);font-synthesis:none;grid-area:2/2;align-self:start;margin:0;padding:0;font-size:16px;font-weight:300;line-height:1.65}.reference-decking .split-section-heading+.material-layout,.reference-decking .split-section-heading+.fence-intro-stats,.reference-decking .split-section-heading+.fence-system-grid,.reference-decking .split-section-heading+.product-design .feature-list{margin-top:0}.reference-decking .advantages>.wrap>.advantage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.reference-decking .professionals-section .split-section-heading .eyebrow{color:var(--accent)}.reference-decking .professionals-section .split-section-heading .lead{color:var(--ink-foreground)}.reference-decking .professionals-layout .professional-links{margin-top:0}.reference-decking .newsletter-section .newsletter-layout{max-width:680px;margin-left:auto;display:block}.reference-decking .final-cta .wrap,.reference-decking .fence-newsletter .wrap{display:block}.reference-decking .final-cta .actions{flex-wrap:wrap;max-width:none}.reference-decking .final-cta .actions .btn{width:auto}.reference-decking .section-followup{margin-top:24px}.reference-decking .fence-slatted-family>.split-section-heading{grid-column:1/-1;margin-bottom:0}.reference-decking .fence-slatted-family{row-gap:44px}.reference-decking .fence-slatted-copy .fence-design-specs{margin-top:0}.reference-decking .fence-comparison .split-section-heading>h3{font-size:2.4rem}@media (width<=1000px){.reference-decking .advantages>.wrap>.advantage-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=800px){.reference-decking .section-head.split-section-heading{grid-template-columns:minmax(0,1fr);margin-bottom:32px}.reference-decking .section-head.split-section-heading>.eyebrow{grid-column:1;margin-bottom:14px}.reference-decking .section-head.split-section-heading>:is(h1,.reference-decking h2,.reference-decking h3){font-size:2.25rem}.reference-decking .section-head.split-section-heading>p.lead{grid-area:3/1;max-width:56ch;margin-top:20px}.reference-decking .newsletter-section .newsletter-layout{max-width:none;margin-left:0}.reference-decking .fence-slatted-family{row-gap:32px}}@media (width<=520px){.reference-decking .section-head.split-section-heading>:is(h1,.reference-decking h2,.reference-decking h3){font-size:2rem}.reference-decking .section-head.split-section-heading>.eyebrow{font-size:.7rem}.reference-decking .final-cta .actions{align-items:flex-start;max-width:100%}}.reference-decking .product-faqs{scroll-margin-top:110px}.reference-decking .product-faqs .faqs{max-width:880px;margin-left:auto}.reference-decking .product-faqs .faqs summary{padding:22px 44px 22px 0;font-size:16px;font-weight:400;line-height:1.5}.reference-decking .product-faqs .faqs details p{font-family:var(--font-sans);padding:0 38px 24px 0;font-size:16px;font-weight:300;line-height:1.65}.reference-decking .product-faqs .faqs a{color:var(--lime-ink);text-underline-offset:3px;text-decoration:underline}.reference-decking .faq-followup{justify-content:space-between;align-items:center;gap:24px;max-width:880px;margin:28px 0 0 auto;display:flex}.reference-decking .faq-followup p{font-family:var(--font-sans);color:currentColor;font-size:16px;font-weight:300;line-height:1.65}.reference-decking .faq-followup .text-link{flex-shrink:0;font-size:.85rem}.reference-decking .gate-faqs{background:var(--secondary)}@media (width<=600px){.reference-decking .product-faqs .faqs summary{padding-right:32px}.reference-decking .product-faqs .faqs details p{padding-right:12px}.reference-decking .faq-followup{flex-direction:column;align-items:flex-start;gap:14px}}.reference-decking-projects-noma *{box-sizing:border-box}.reference-decking-projects-noma{scroll-behavior:smooth;background:var(--background);color:var(--ink);font-family:var(--font-sans);margin:0;scroll-padding-top:90px;font-size:16px;line-height:1.6}.reference-decking-projects-noma button,.reference-decking-projects-noma input,.reference-decking-projects-noma select,.reference-decking-projects-noma textarea{font:inherit}.reference-decking-projects-noma button,.reference-decking-projects-noma a,.reference-decking-projects-noma select{touch-action:manipulation}.reference-decking-projects-noma button{cursor:pointer}.reference-decking-projects-noma a{color:inherit;text-decoration:none}.reference-decking-projects-noma button:focus-visible,.reference-decking-projects-noma a:focus-visible,.reference-decking-projects-noma select:focus-visible,.reference-decking-projects-noma summary:focus-visible{outline:3px solid var(--border);outline-offset:5px}.reference-decking-projects-noma img{max-width:100%;display:block}.reference-decking-projects-noma h1,.reference-decking-projects-noma h2,.reference-decking-projects-noma h3,.reference-decking-projects-noma p,.reference-decking-projects-noma figure{margin:0}.reference-decking-projects-noma h1,.reference-decking-projects-noma h2,.reference-decking-projects-noma h3{letter-spacing:0;font-weight:500;line-height:1.06}.reference-decking-projects-noma h1{max-width:1000px;font-size:6rem}.reference-decking-projects-noma h2{font-size:3.7rem}.reference-decking-projects-noma h3{font-size:2rem}.reference-decking-projects-noma p{max-width:68ch}.reference-decking-projects-noma button{border:0}.reference-decking-projects-noma button:disabled{cursor:not-allowed;opacity:.4}.reference-decking-projects-noma .wrap{width:min(1280px,88%);margin:auto}.reference-decking-projects-noma .eyebrow{letter-spacing:0;text-transform:uppercase;color:var(--lime-ink);margin-bottom:22px;font-size:.8rem;font-weight:700}.reference-decking-projects-noma .lead{font-family:var(--font-sans);font-synthesis:none;color:currentColor;font-size:16px;font-weight:300;line-height:1.65}.reference-decking-projects-noma .muted{color:currentColor}.reference-decking-projects-noma .small{font-size:.85rem;line-height:1.55}.reference-decking-projects-noma .btn{letter-spacing:0;background:var(--accent);min-height:48px;color:var(--foreground);border:1px solid var(--accent);text-transform:uppercase;justify-content:center;align-items:center;padding:14px 23px;font-size:.85rem;font-weight:700;line-height:1.2;transition:background .2s;display:inline-flex}.reference-decking-projects-noma .btn:hover{background:var(--secondary);border-color:var(--secondary)}.reference-decking-projects-noma .btn.outline{color:inherit;background:0 0;border-color:currentColor}.reference-decking-projects-noma .btn.outline:hover{background:var(--fencing-overlay)}.reference-decking-projects-noma .btn.dark{background:var(--ink);color:var(--card);border-color:var(--ink)}.reference-decking-projects-noma .actions{flex-wrap:wrap;gap:12px;display:flex}.reference-decking-projects-noma .text-link{border-bottom:1px solid;padding:7px 0;font-size:.88rem;font-weight:700;display:inline-block}.reference-decking-projects-noma .skip{position:absolute;left:-999px}.reference-decking-projects-noma .skip:focus{z-index:999;background:var(--card);padding:16px;top:20px;left:20px}.reference-decking-projects-noma .utility{background:var(--accent);letter-spacing:0;height:34px;font-size:.73rem;font-weight:700}.reference-decking-projects-noma .utility .wrap{justify-content:space-between;align-items:center;height:100%;display:flex}.reference-decking-projects-noma .utility-links{gap:28px;display:flex}.reference-decking-projects-noma .header{z-index:10;color:var(--card);border-bottom:0;position:absolute;left:0;right:0}.reference-decking-projects-noma .header-inner{justify-content:space-between;align-items:center;gap:35px;height:96px;display:flex}.reference-decking-projects-noma .logo{object-fit:contain;object-position:left;width:178px;height:auto;max-height:40px}.reference-decking-projects-noma .wordmark{letter-spacing:0;color:var(--card);font-size:1.85rem;font-weight:700;display:none}.reference-decking-projects-noma .wordmark span{color:var(--accent)}.reference-decking-projects-noma .primary-nav{align-items:center;gap:36px;font-size:.82rem;font-weight:600;display:flex}.reference-decking-projects-noma .primary-nav>a{padding:12px 0}.reference-decking-projects-noma .primary-nav>a.active{border-bottom:2px solid var(--accent)}.reference-decking-projects-noma .header .btn{background:var(--background);border-color:var(--background);color:var(--ink);font-size:.75rem}.reference-decking-projects-noma .menu-toggle{color:var(--card);background:0 0;min-height:44px;padding:10px;font-size:1rem;display:none}.reference-decking-projects-noma .hero{--noma-hero-overlay:color-mix(in srgb,var(--ink) 52%,transparent);min-height:720px;color:var(--ink-foreground);background:var(--foreground);align-items:center;display:flex;position:relative;overflow:hidden}.reference-decking-projects-noma .hero-img{object-fit:cover;object-position:center 52%;width:100%;height:100%;position:absolute;inset:0}.reference-decking-projects-noma .hero:after{content:"";background:linear-gradient(90deg,var(--noma-hero-overlay),var(--noma-hero-overlay) 70%,var(--noma-hero-overlay)),linear-gradient(0deg,var(--noma-hero-overlay),transparent 65%);position:absolute;inset:0}.reference-decking-projects-noma .hero-content{z-index:1;padding-top:150px;padding-bottom:80px;position:relative}.reference-decking-projects-noma .hero .eyebrow{color:var(--accent)}.reference-decking-projects-noma .hero p:not(.eyebrow){max-width:620px;color:var(--ink-foreground);margin:25px 0 32px;font-size:1.13rem}.reference-decking-projects-noma .hero .hero-caption{z-index:1;letter-spacing:0;color:var(--ink-foreground);font-size:.75rem;position:absolute;bottom:28px;right:6%}.reference-decking-projects-noma .hero .breadcrumb{align-items:center;gap:14px;display:flex}.reference-decking-projects-noma .hero .breadcrumb span{color:var(--ink-foreground)}.reference-decking-projects-noma .hero.product{min-height:675px}.reference-decking-projects-noma .hero.product h1{max-width:750px}.reference-decking-projects-noma .hero.product .hero-img{object-position:50% 55%}.reference-decking-projects-noma .page-nav{z-index:20;background:var(--fencing-overlay);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0}.reference-decking-projects-noma .page-nav .wrap{justify-content:space-between;align-items:center;gap:24px;min-height:64px;display:flex}.reference-decking-projects-noma .page-tabs,.reference-decking-projects-noma .jump-links{align-items:center;gap:28px;font-size:.88rem;display:flex}.reference-decking-projects-noma .page-tabs a{white-space:nowrap;padding:20px 0}.reference-decking-projects-noma .page-tabs a[aria-current=page]{border-bottom:2px solid var(--lime-ink);font-weight:700}.reference-decking-projects-noma .jump-links{color:currentColor;gap:25px}.reference-decking-projects-noma .jump-links a:hover{color:var(--ink)}.reference-decking-projects-noma .intro-grid{grid-template-columns:1fr 1fr;align-items:start;gap:11%;display:grid}.reference-decking-projects-noma .intro-grid h2{max-width:560px}.reference-decking-projects-noma .intro-grid .lead{padding-top:37px}.reference-decking-projects-noma .benefit-strip{border-top:1px solid var(--border);grid-template-columns:repeat(4,1fr);margin-top:62px;display:grid}.reference-decking-projects-noma .benefit{padding:28px 32px 4px 0}.reference-decking-projects-noma .benefit:not(:first-child){border-left:1px solid var(--border);padding-left:30px}.reference-decking-projects-noma .benefit strong{margin:12px 0;font-size:1.15rem;font-weight:600;line-height:1.3;display:block}.reference-decking-projects-noma .benefit .symbol{color:var(--lime-ink);font-size:1.7rem;line-height:1}.reference-decking-projects-noma .benefit p{color:currentColor;font-size:.95rem}.reference-decking-projects-noma .section-head{justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:45px;display:flex}.reference-decking-projects-noma .section-head p{max-width:440px}.reference-decking-projects-noma .section-head .eyebrow{margin-bottom:18px}.reference-decking-projects-noma .profiles{grid-template-columns:1fr 1fr;gap:28px;display:grid}.reference-decking-projects-noma .profile-card{display:block}.reference-decking-projects-noma .profile-image{height:380px;position:relative;overflow:hidden}.reference-decking-projects-noma .profile-image img{object-fit:cover;width:100%;height:100%;transition:transform .7s}.reference-decking-projects-noma .profile-card:hover img{transform:scale(1.035)}.reference-decking-projects-noma .profile-image .number{background:var(--background);padding:5px 12px;font-size:.85rem;position:absolute;top:20px;left:20px}.reference-decking-projects-noma .profile-info{padding:28px 0 5px}.reference-decking-projects-noma .profile-info h3{margin-bottom:15px;font-size:2.4rem}.reference-decking-projects-noma .profile-info p{color:currentColor;max-width:480px;margin-bottom:15px}.reference-decking-projects-noma .tags{flex-wrap:wrap;gap:7px;margin:20px 0;display:flex}.reference-decking-projects-noma .tag{border:1px solid var(--border);padding:5px 10px;font-size:.77rem;line-height:1.3}.reference-decking-projects-noma .explorer-grid{grid-template-columns:minmax(0,1.4fr) minmax(350px,1fr);align-items:start;gap:56px;display:grid}.reference-decking-projects-noma .explorer-photo{background:var(--secondary);aspect-ratio:1.25;position:relative;overflow:hidden}.reference-decking-projects-noma .explorer-photo>img{object-fit:cover;width:100%;height:100%}.reference-decking-projects-noma .image-note{background:var(--fencing-overlay);color:var(--ink);padding:5px 10px;font-size:.75rem;position:absolute;bottom:20px;left:20px}.reference-decking-projects-noma .photo-expand{color:var(--ink);background:var(--card);min-height:42px;padding:8px 12px;font-size:.8rem;position:absolute;top:17px;right:17px}.reference-decking-projects-noma .photo-caption{justify-content:space-between;align-items:start;gap:12px;margin-top:16px;font-size:.9rem;display:flex}.reference-decking-projects-noma .photo-caption small{color:currentColor;font-size:.78rem}.reference-decking-projects-noma .explorer-controls{padding-top:1px}.reference-decking-projects-noma .segmented{border:1px solid var(--border);gap:0;width:fit-content;margin-bottom:28px;display:flex}.reference-decking-projects-noma .segmented button{color:currentColor;background:0 0;min-height:42px;padding:10px 20px;font-size:.88rem}.reference-decking-projects-noma .segmented button[aria-pressed=true]{background:var(--ink);color:var(--card)}.reference-decking-projects-noma .explorer-controls h3{font-size:2.6rem}.reference-decking-projects-noma .finish-story{color:currentColor;min-height:76px;margin-top:12px;font-size:1rem}.reference-decking-projects-noma .swatches{grid-template-columns:repeat(5,1fr);gap:18px 13px;margin:28px 0;display:grid}.reference-decking-projects-noma .swatch{text-align:left;color:var(--ink);background:0 0;padding:0}.reference-decking-projects-noma .swatch-chip{border:1px solid var(--fencing-overlay);width:100%;height:46px;margin-bottom:7px;display:block;position:relative}.reference-decking-projects-noma .swatch[aria-pressed=true] .swatch-chip{outline:2px solid var(--lime-ink);outline-offset:4px}.reference-decking-projects-noma .swatch[aria-pressed=true] .swatch-chip:after{content:"✓";background:var(--background);color:var(--lime-ink);text-align:center;border-radius:50%;width:20px;height:20px;font-size:14px;font-weight:700;line-height:20px;position:absolute;bottom:4px;right:5px}.reference-decking-projects-noma .swatch-label{min-height:28px;font-size:.77rem;line-height:1.15;display:block}.reference-decking-projects-noma .orientation{margin-top:25px}.reference-decking-projects-noma .orientation .small{margin-bottom:9px}.reference-decking-projects-noma .orientation .segmented{margin-bottom:12px}.reference-decking-projects-noma .sample-action{flex-wrap:wrap;align-items:center;gap:22px;margin-top:24px;display:flex}.reference-decking-projects-noma .colour-note{color:currentColor;margin-top:22px;font-size:.77rem}.reference-decking-projects-noma .no-preview{text-align:center;background:var(--secondary);flex-direction:column;justify-content:center;align-items:center;gap:15px;height:100%;padding:35px;display:flex}.reference-decking-projects-noma .colour-block{border:1px solid var(--fencing-overlay);width:140px;height:100px;display:block}.reference-decking-projects-noma .gallery-tools{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;margin:30px 0;display:flex}.reference-decking-projects-noma .filter-buttons{gap:24px;display:flex}.reference-decking-projects-noma .filter-buttons button{color:currentColor;background:0 0;border-bottom:2px solid #0000;padding:14px 0;font-size:.92rem}.reference-decking-projects-noma .filter-buttons button[aria-pressed=true]{border-color:var(--ink);color:var(--ink);font-weight:600}.reference-decking-projects-noma .gallery-tools select{color:var(--ink);background:0 0;border:0;max-width:180px;padding:9px 24px 9px 9px;font-size:.88rem}.reference-decking-projects-noma .gallery-grid{grid-template-columns:repeat(3,1fr);gap:40px 24px;display:grid}.reference-decking-projects-noma .gallery-card{text-align:left;color:inherit;background:0 0;padding:0}.reference-decking-projects-noma .gallery-card .gallery-img{aspect-ratio:1.35;overflow:hidden}.reference-decking-projects-noma .gallery-card img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.reference-decking-projects-noma .gallery-card:hover img{transform:scale(1.035)}.reference-decking-projects-noma .gallery-card h3{letter-spacing:0;margin:15px 0 6px;font-size:1.3rem;line-height:1.3}.reference-decking-projects-noma .gallery-card p{color:currentColor;font-size:.86rem}.reference-decking-projects-noma .gallery-bottom{justify-content:space-between;align-items:center;gap:30px;margin-top:38px;display:flex}.reference-decking-projects-noma .empty-gallery{color:currentColor;grid-column:1/-1;padding:50px 0}.reference-decking-projects-noma .construction{background:var(--foreground);color:var(--ink-foreground)}.reference-decking-projects-noma .construction .eyebrow{color:var(--accent)}.reference-decking-projects-noma .construction-grid{grid-template-columns:1fr 1fr;align-items:start;gap:85px;display:grid}.reference-decking-projects-noma .construction h2{max-width:450px;margin-bottom:25px}.reference-decking-projects-noma .construction .lead{color:var(--ink-foreground);max-width:455px}.reference-decking-projects-noma .construction-steps{border-top:1px solid var(--fencing-overlay)}.reference-decking-projects-noma .construction-step{border-bottom:1px solid var(--fencing-overlay);grid-template-columns:45px 1fr;gap:15px;padding:25px 0;display:grid}.reference-decking-projects-noma .construction-step>span{color:var(--accent);font-size:.85rem}.reference-decking-projects-noma .construction-step h3{letter-spacing:0;margin-bottom:10px;font-size:1.4rem}.reference-decking-projects-noma .construction-step p{color:var(--ink-foreground);font-size:.96rem}.reference-decking-projects-noma .construction .actions{margin-top:35px}.reference-decking-projects-noma .product-design{grid-template-columns:1.05fr 1fr;align-items:center;gap:75px;display:grid}.reference-decking-projects-noma .product-design img{aspect-ratio:1.12;object-fit:cover;width:100%}.reference-decking-projects-noma .product-design h2{margin-bottom:23px}.reference-decking-projects-noma .product-design p{margin-bottom:22px}.reference-decking-projects-noma .feature-list{border-top:1px solid var(--border);margin:30px 0 0;padding:0;list-style:none}.reference-decking-projects-noma .feature-list li{border-bottom:1px solid var(--border);gap:18px;padding:15px 0;font-size:.97rem;display:flex}.reference-decking-projects-noma .feature-list li>span{color:var(--lime-ink);padding-top:3px;font-size:.78rem}.reference-decking-projects-noma .spec-grid{grid-template-columns:.9fr 1.1fr;gap:100px;display:grid}.reference-decking-projects-noma .spec-grid h2{margin-bottom:24px}.reference-decking-projects-noma .spec-table{margin:0}.reference-decking-projects-noma .spec-table>div{border-top:1px solid var(--border);grid-template-columns:1fr 1.2fr;gap:25px;padding:18px 0;font-size:.97rem;display:grid}.reference-decking-projects-noma .spec-table dt{font-weight:600}.reference-decking-projects-noma .spec-table dd{color:currentColor;margin:0}.reference-decking-projects-noma .spec-table>div:last-child{border-bottom:1px solid var(--border)}.reference-decking-projects-noma .faq-grid{grid-template-columns:.85fr 1.15fr;gap:90px;display:grid}.reference-decking-projects-noma .faq-grid h2{max-width:380px;margin-bottom:25px}.reference-decking-projects-noma .faq-grid .lead{max-width:335px}.reference-decking-projects-noma .faqs details{border-top:1px solid var(--border)}.reference-decking-projects-noma .faqs details:last-child{border-bottom:1px solid var(--border)}.reference-decking-projects-noma .faqs summary{cursor:pointer;padding:23px 45px 23px 0;font-size:1.08rem;line-height:1.4;list-style:none;position:relative}.reference-decking-projects-noma .faqs summary::-webkit-details-marker{display:none}.reference-decking-projects-noma .faqs summary:after{content:"+";color:var(--lime-ink);font-size:1.6rem;font-weight:400;position:absolute;top:19px;right:4px}.reference-decking-projects-noma .faqs details[open] summary:after{content:"−"}.reference-decking-projects-noma .faqs details p{color:currentColor;padding:0 30px 25px 0;font-size:1rem;line-height:1.7}.reference-decking-projects-noma .crosslink{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:40px;margin-top:70px;padding:35px 0;display:flex}.reference-decking-projects-noma .crosslink h3{font-size:1.9rem}.reference-decking-projects-noma .final-cta{background:var(--accent);padding:75px 0}.reference-decking-projects-noma .final-cta .wrap{justify-content:space-between;align-items:center;gap:60px;display:flex}.reference-decking-projects-noma .final-cta h2{max-width:640px;font-size:3.6rem}.reference-decking-projects-noma .final-cta .eyebrow{color:var(--foreground)}.reference-decking-projects-noma .final-cta p{max-width:580px;color:var(--foreground);margin-top:20px}.reference-decking-projects-noma .final-cta .actions{flex-shrink:0;max-width:220px}.reference-decking-projects-noma .final-cta .btn{width:100%}.reference-decking-projects-noma .footer{background:var(--foreground);color:var(--ink-foreground);padding:65px 0 25px}.reference-decking-projects-noma .footer-top{grid-template-columns:repeat(4,minmax(0,1fr));gap:65px;display:grid}.reference-decking-projects-noma .footer .logo{width:175px}.reference-decking-projects-noma .footer p{color:var(--ink-foreground);max-width:330px;margin-top:22px;font-size:.9rem}.reference-decking-projects-noma .footer-title{letter-spacing:0;color:var(--accent);margin-bottom:20px;font-size:.76rem}.reference-decking-projects-noma .footer-links{flex-direction:column;gap:11px;font-size:.9rem;display:flex}.reference-decking-projects-noma .footer-bottom{border-top:1px solid var(--fencing-overlay);color:var(--foreground);justify-content:space-between;gap:20px;margin-top:50px;padding-top:25px;font-size:.76rem;display:flex}.reference-decking-projects-noma dialog{background:var(--background);color:var(--ink);width:100%;max-width:min(1050px,94vw);max-height:92dvh;box-shadow:0 20px 100px var(--fencing-overlay);border:0;padding:0;overflow:auto}.reference-decking-projects-noma dialog::backdrop{background:var(--fencing-overlay)}.reference-decking-projects-noma .dialog-close{z-index:2;background:var(--background);width:44px;height:44px;color:var(--ink);justify-content:center;align-items:center;font-size:1.6rem;display:flex;position:absolute;top:15px;right:15px}.reference-decking-projects-noma .lightbox-image{object-fit:contain;background:var(--foreground);width:100%;max-height:65dvh}.reference-decking-projects-noma .lightbox-.reference-decking-projects-noma{justify-content:space-between;align-items:center;gap:30px;padding:28px 35px;display:flex}.reference-decking-projects-noma .lightbox-.reference-decking-projects-noma h3{margin-bottom:8px;font-size:1.8rem}.reference-decking-projects-noma #sample-dialog{max-width:580px;padding:45px}.reference-decking-projects-noma #sample-dialog h2{margin-bottom:18px;font-size:2.7rem}.reference-decking-projects-noma #sample-dialog p{color:currentColor}.reference-decking-projects-noma .sample-fields{gap:20px;margin:26px 0;display:grid}.reference-decking-projects-noma .sample-fields label{font-size:.87rem;font-weight:600}.reference-decking-projects-noma .sample-fields select{border:1px solid var(--border);background:var(--card);border-radius:0;width:100%;margin-top:8px;padding:12px;display:block}.reference-decking-projects-noma .sample-summary{background:var(--secondary);margin:20px 0;padding:18px}.reference-decking-projects-noma .sample-summary strong{display:block}.reference-decking-projects-noma .sample-note{margin-top:18px;font-size:.83rem}.reference-decking-projects-noma .sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.reference-decking-projects-noma [hidden]{display:none!important}@media (width>=1700px){.reference-decking-projects-noma .hero{min-height:800px}}@media (width<=1100px){.reference-decking-projects-noma .wrap{width:90%}.reference-decking-projects-noma .primary-nav{gap:24px}.reference-decking-projects-noma .explorer-grid{grid-template-columns:1.15fr 1fr;gap:35px}.reference-decking-projects-noma .section{padding:80px 0}.reference-decking-projects-noma .construction-grid,.reference-decking-projects-noma .faq-grid,.reference-decking-projects-noma .spec-grid{gap:55px}.reference-decking-projects-noma .footer-top{gap:30px}.reference-decking-projects-noma .profile-image{height:320px}.reference-decking-projects-noma .jump-links{gap:17px}.reference-decking-projects-noma .swatches{gap:16px 12px}.reference-decking-projects-noma .product-design{gap:45px}}@media (width<=800px){.reference-decking-projects-noma .utility .wrap>span{display:none}.reference-decking-projects-noma .utility .wrap{justify-content:flex-end}.reference-decking-projects-noma .utility-links{gap:20px}.reference-decking-projects-noma .header-inner{height:82px}.reference-decking-projects-noma .logo{width:160px}.reference-decking-projects-noma .menu-toggle{display:block}.reference-decking-projects-noma .primary-nav{background:var(--foreground);flex-direction:column;align-items:stretch;gap:7px;padding:25px 5%;display:none;position:absolute;top:82px;left:0;right:0}.reference-decking-projects-noma .primary-nav.open{display:flex}.reference-decking-projects-noma .hero{min-height:650px}.reference-decking-projects-noma .hero-content{padding-top:160px;padding-bottom:80px}.reference-decking-projects-noma .hero h1{max-width:630px;font-size:4.7rem}.reference-decking-projects-noma .hero:after{background:linear-gradient(90deg,var(--fencing-hero-overlay),var(--fencing-hero-overlay)),linear-gradient(0deg,var(--fencing-hero-overlay),transparent)}.reference-decking-projects-noma .hero p:not(.eyebrow){font-size:1.05rem}.reference-decking-projects-noma .hero-caption{display:none}.reference-decking-projects-noma .page-nav .wrap{min-height:0;display:block}.reference-decking-projects-noma .page-tabs{justify-content:space-between;gap:15px}.reference-decking-projects-noma .page-tabs a{padding:17px 0;font-size:.85rem}.reference-decking-projects-noma .jump-links{display:none}.reference-decking-projects-noma .intro-grid{grid-template-columns:1fr;gap:15px}.reference-decking-projects-noma .intro-grid .lead{padding-top:0}.reference-decking-projects-noma .benefit-strip{grid-template-columns:1fr 1fr;gap:0;margin-top:40px}.reference-decking-projects-noma .benefit{padding:25px 15px 20px 0}.reference-decking-projects-noma .benefit:not(:first-child){padding-left:20px}.reference-decking-projects-noma .benefit:nth-child(3){border-left:0;border-top:1px solid var(--border);padding-left:0}.reference-decking-projects-noma .benefit:nth-child(4){border-top:1px solid var(--border)}.reference-decking-projects-noma .section-head{flex-direction:column;align-items:start;gap:22px;margin-bottom:32px}.reference-decking-projects-noma .section-head p{max-width:620px}.reference-decking-projects-noma .profile-image{height:300px}.reference-decking-projects-noma .profile-info h3{font-size:2rem}.reference-decking-projects-noma .explorer-grid{grid-template-columns:1fr;gap:30px}.reference-decking-projects-noma .explorer-photo{aspect-ratio:1.5}.reference-decking-projects-noma .explorer-controls h3{font-size:2.5rem}.reference-decking-projects-noma .finish-story{min-height:0}.reference-decking-projects-noma .swatches{grid-template-columns:repeat(5,1fr);gap:22px}.reference-decking-projects-noma .swatch-chip{height:60px}.reference-decking-projects-noma .swatch-label{min-height:0;font-size:.82rem}.reference-decking-projects-noma .gallery-grid{grid-template-columns:1fr 1fr}.reference-decking-projects-noma .construction-grid,.reference-decking-projects-noma .faq-grid,.reference-decking-projects-noma .spec-grid,.reference-decking-projects-noma .product-design{grid-template-columns:1fr;gap:40px}.reference-decking-projects-noma .construction h2{max-width:600px}.reference-decking-projects-noma .product-design img{aspect-ratio:1.5}.reference-decking-projects-noma .faq-grid h2{max-width:580px}.reference-decking-projects-noma .faq-grid .lead{max-width:500px}.reference-decking-projects-noma .final-cta .wrap{flex-direction:column;align-items:flex-start;gap:32px}.reference-decking-projects-noma .final-cta .actions{max-width:none}.reference-decking-projects-noma .final-cta .btn{width:auto}.reference-decking-projects-noma .footer-top{grid-template-columns:1.5fr 1fr;gap:42px}.reference-decking-projects-noma .footer-bottom{flex-direction:column}.reference-decking-projects-noma .lightbox-.reference-decking-projects-noma{flex-direction:column;align-items:start;gap:18px}}@media (width<=520px){.reference-decking-projects-noma{font-size:16px}.reference-decking-projects-noma .wrap{width:89%}.reference-decking-projects-noma .utility{height:30px}.reference-decking-projects-noma .utility-links{gap:22px;font-size:.65rem}.reference-decking-projects-noma .hero{min-height:690px}.reference-decking-projects-noma .hero.product{min-height:650px}.reference-decking-projects-noma .hero-content{padding-top:140px;padding-bottom:64px}.reference-decking-projects-noma .hero h1{letter-spacing:0;font-size:3.25rem}.reference-decking-projects-noma .hero .eyebrow{font-size:.72rem}.reference-decking-projects-noma .hero .actions{flex-direction:column;align-items:stretch;max-width:270px}.reference-decking-projects-noma .section{padding:62px 0}.reference-decking-projects-noma .eyebrow{margin-bottom:16px}.reference-decking-projects-noma h2{font-size:2.55rem}.reference-decking-projects-noma .benefit strong{font-size:1.05rem}.reference-decking-projects-noma .benefit p{font-size:.88rem}.reference-decking-projects-noma .benefit:not(:first-child){padding-left:16px}.reference-decking-projects-noma .benefit:nth-child(3){padding-left:0}.reference-decking-projects-noma .profiles{grid-template-columns:1fr;gap:38px}.reference-decking-projects-noma .profile-image{height:285px}.reference-decking-projects-noma .profile-info{padding-top:22px}.reference-decking-projects-noma .profile-info p{font-size:.98rem}.reference-decking-projects-noma .explorer-photo{aspect-ratio:1.15}.reference-decking-projects-noma .image-note{font-size:.7rem;bottom:12px;left:12px}.reference-decking-projects-noma .photo-caption{flex-direction:column;gap:2px}.reference-decking-projects-noma .swatches{grid-template-columns:repeat(3,1fr);gap:20px 12px}.reference-decking-projects-noma .swatch-chip{height:49px}.reference-decking-projects-noma .swatch-label{font-size:.82rem}.reference-decking-projects-noma .sample-action{gap:17px}.reference-decking-projects-noma .gallery-tools{align-items:flex-start}.reference-decking-projects-noma .filter-buttons{gap:19px}.reference-decking-projects-noma .filter-buttons button{font-size:.86rem}.reference-decking-projects-noma .gallery-tools select{max-width:115px;padding-top:15px;font-size:.8rem}.reference-decking-projects-noma .gallery-grid{grid-template-columns:1fr;gap:30px}.reference-decking-projects-noma .gallery-card .gallery-img{aspect-ratio:1.4}.reference-decking-projects-noma .gallery-bottom{flex-direction:column;align-items:start;gap:20px}.reference-decking-projects-noma .spec-table>div{grid-template-columns:1fr 1.2fr;gap:20px;font-size:.9rem}.reference-decking-projects-noma .construction-step{grid-template-columns:27px 1fr;gap:12px}.reference-decking-projects-noma .faqs summary{font-size:1rem}.reference-decking-projects-noma .crosslink{flex-direction:column;align-items:start;margin-top:45px}.reference-decking-projects-noma .final-cta{padding:60px 0}.reference-decking-projects-noma .final-cta .actions{flex-direction:column;width:100%;max-width:270px}.reference-decking-projects-noma .footer-top{grid-template-columns:1fr 1fr;gap:35px 24px}.reference-decking-projects-noma .footer-top>div:first-child,.reference-decking-projects-noma .footer-top>div:last-child{grid-column:1/-1}.reference-decking-projects-noma .footer-title{margin-bottom:16px}.reference-decking-projects-noma #sample-dialog{padding:35px 25px}.reference-decking-projects-noma .lightbox-.reference-decking-projects-noma{padding:23px}.reference-decking-projects-noma .page-tabs{gap:10px}.reference-decking-projects-noma .page-tabs a{font-size:.79rem}.reference-decking-projects-noma .segmented button{padding:10px 16px}}@media (prefers-reduced-motion:reduce){.reference-decking-projects-noma{scroll-behavior:auto}.reference-decking-projects-noma *{transition:none!important}}.reference-decking-projects-noma .preview-switch{width:100%;margin-bottom:18px}.reference-decking-projects-noma .preview-switch button{flex:1;min-height:46px}.reference-decking-projects-noma .explorer-photo.board-preview{background:var(--card);border:1px solid var(--border)}.reference-decking-projects-noma .explorer-photo.board-preview>img{object-fit:contain;width:100%;height:100%;padding:18px 20px 35px}.reference-decking-projects-noma .board-colour-label{margin:25px 0 13px;font-size:.85rem;font-weight:600}.reference-decking-projects-noma .swatches.board-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:21px 15px;margin:0 0 22px}.reference-decking-projects-noma .board-options .swatch-chip{aspect-ratio:.84;background:var(--card);border:1px solid var(--border);height:auto;margin-bottom:10px;overflow:visible}.reference-decking-projects-noma .board-options .swatch-chip img{object-fit:contain;width:100%;height:100%;transition:transform .25s}.reference-decking-projects-noma .board-options .swatch:hover img{transform:scale(1.06)}.reference-decking-projects-noma .board-options .swatch-label{min-height:1.25em;font-size:.85rem;line-height:1.25}.reference-decking-projects-noma .board-options .swatch[aria-pressed=true] .swatch-chip{outline-offset:3px}.reference-decking-projects-noma .additional-finish{color:currentColor;flex-wrap:wrap;align-items:center;gap:5px 10px;margin-top:8px;font-size:.8rem;display:flex}.reference-decking-projects-noma .additional-finish button{color:var(--ink);background:0 0;padding:5px 0;font-size:.8rem}.reference-decking-projects-noma .additional-finish button[aria-pressed=true]{color:var(--lime-ink);border-bottom-width:2px}.reference-decking-projects-noma .board-unavailable{background:var(--card)}.reference-decking-projects-noma .board-unavailable p{max-width:35ch}.reference-decking-projects-noma .board-unavailable .eyebrow{margin-bottom:0}.reference-decking-projects-noma .board-unavailable .btn{margin-top:12px}.reference-decking-projects-noma .board-dialog-image{background:var(--card);justify-content:center;align-items:center;padding:35px 30px 15px;display:flex}.reference-decking-projects-noma .board-dialog-image img{object-fit:contain;max-width:100%;height:62dvh;max-height:760px}.reference-decking-projects-noma #board-dialog{max-width:min(900px,94vw)}.reference-decking-projects-noma #board-dialog .lightbox-.reference-decking-projects-noma{border-top:1px solid var(--border)}@media (width<=1100px){.reference-decking-projects-noma .swatches.board-options{gap:20px 12px}.reference-decking-projects-noma .board-options .swatch-label{font-size:.8rem}.reference-decking-projects-noma .board-options .swatch-chip{aspect-ratio:.75}}@media (width<=800px){.reference-decking-projects-noma .explorer-photo.board-preview{aspect-ratio:1.3}.reference-decking-projects-noma .swatches.board-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px}.reference-decking-projects-noma .board-options .swatch-chip{aspect-ratio:1}.reference-decking-projects-noma .board-options .swatch-label{font-size:.88rem}.reference-decking-projects-noma .preview-switch{margin-bottom:15px}}@media (width<=520px){.reference-decking-projects-noma .explorer-photo.board-preview{aspect-ratio:1.04}.reference-decking-projects-noma .explorer-photo.board-preview>img{padding:10px 14px 30px}.reference-decking-projects-noma .swatches.board-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:21px 12px}.reference-decking-projects-noma .board-options .swatch-chip{aspect-ratio:.65}.reference-decking-projects-noma .board-options .swatch-label{min-height:2.5em;font-size:.82rem}.reference-decking-projects-noma .preview-switch button{padding:12px 10px;font-size:.85rem}.reference-decking-projects-noma .board-dialog-image{padding:45px 15px 15px}.reference-decking-projects-noma .board-dialog-image img{height:52dvh}.reference-decking-projects-noma .additional-finish{font-size:.8rem}}.reference-decking-projects-noma .header .logo,.reference-decking-projects-noma .footer .logo{mix-blend-mode:normal;object-fit:contain;width:240px;height:auto;max-height:none;display:block}.reference-decking-projects-noma .header-inner>a:first-child{flex-shrink:0;display:block}@media (width<=1000px){.reference-decking-projects-noma .header .logo{width:210px}}@media (width<=480px){.reference-decking-projects-noma .header .logo{width:188px}.reference-decking-projects-noma .footer .logo{width:220px}}.reference-decking-projects-noma .advantages{position:relative}.reference-decking-projects-noma .advantages .section-anchor{position:absolute;top:0;left:0}.reference-decking-projects-noma .advantage-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:70px;display:grid}.reference-decking-projects-noma .advantages .advantage-intro .eyebrow{letter-spacing:0;max-width:390px;font-size:.8rem;line-height:1.6}.reference-decking-projects-noma .advantages h2{letter-spacing:0;max-width:530px;margin-bottom:25px;font-size:4.2rem;line-height:1.08}.reference-decking-projects-noma .advantages h2 span{color:var(--accent)}.reference-decking-projects-noma .advantages .lead{max-width:390px;margin-bottom:32px;line-height:1.65}.reference-decking-projects-noma .advantage-intro>.btn{border-color:var(--secondary);color:var(--ink-foreground);min-height:48px}.reference-decking-projects-noma .advantage-grid{gap:22px;display:grid}.reference-decking-projects-noma .advantage-card{background:var(--background);color:var(--ink);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);min-width:0;min-height:235px;display:grid;overflow:hidden}.reference-decking-projects-noma .advantage-image{background:var(--card);justify-content:center;align-items:center;min-width:0;padding:34px 14px 25px;display:flex;position:relative}.reference-decking-projects-noma .advantage-number{color:var(--lime-ink);letter-spacing:0;font-size:.8rem;font-weight:600;position:absolute;top:18px;left:20px}.reference-decking-projects-noma .advantage-drawing{width:100%;max-width:240px;height:auto;display:block;overflow:hidden}.reference-decking-projects-noma .advantage-copy{flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;padding:31px 30px 29px 24px;display:flex}.reference-decking-projects-noma .advantage-copy h3{letter-spacing:0;margin-bottom:13px;font-size:1.55rem;line-height:1.2}.reference-decking-projects-noma .advantage-copy p{color:currentColor;margin-bottom:21px;font-size:1rem;line-height:1.65}.reference-decking-projects-noma .advantage-result{border-top:2px solid var(--secondary);max-width:100%;color:var(--lime-ink);padding-top:13px;font-size:.875rem;font-weight:600;line-height:1.45;display:block}.reference-decking-projects-noma .jump-links a{white-space:nowrap}@media (width<=1180px){.reference-decking-projects-noma .page-nav .jump-links{display:none}.reference-decking-projects-noma .advantage-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:42px}.reference-decking-projects-noma .advantage-copy{padding:28px 24px 26px 20px}.reference-decking-projects-noma .advantages h2{font-size:3.25rem}}@media (width<=1000px){.reference-decking-projects-noma .advantage-layout{grid-template-columns:1fr;gap:38px}.reference-decking-projects-noma .advantage-intro,.reference-decking-projects-noma .advantages h2{max-width:600px}.reference-decking-projects-noma .advantages .lead{max-width:570px}.reference-decking-projects-noma .advantage-card{grid-template-columns:minmax(180px,.65fr) minmax(0,1.35fr);min-height:220px}.reference-decking-projects-noma .advantage-copy{padding:30px}.reference-decking-projects-noma .advantage-image{padding:35px 20px 25px}.reference-decking-projects-noma .advantage-drawing{max-width:235px}}@media (width<=520px){.reference-decking-projects-noma .advantages h2{font-size:2.75rem}.reference-decking-projects-noma .advantages .advantage-intro .eyebrow{max-width:290px;font-size:.8rem}.reference-decking-projects-noma .advantage-layout{gap:32px}.reference-decking-projects-noma .advantage-grid{gap:22px}.reference-decking-projects-noma .advantage-card{grid-template-columns:1fr}.reference-decking-projects-noma .advantage-image{height:175px;padding:30px 45px 18px}.reference-decking-projects-noma .advantage-drawing{width:auto;max-width:100%;height:100%}.reference-decking-projects-noma .advantage-number{top:17px;left:24px}.reference-decking-projects-noma .advantage-copy{padding:25px}.reference-decking-projects-noma .advantage-copy h3{font-size:1.55rem}.reference-decking-projects-noma .advantage-copy p{margin-bottom:19px}.reference-decking-projects-noma .advantage-result{font-size:.875rem}.reference-decking-projects-noma .advantage-intro>.btn{font-size:.8rem}}.reference-decking-projects-noma .trims-section{border-top:1px solid var(--border);background:var(--background)}.reference-decking-projects-noma .trim-section-meta{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.reference-decking-projects-noma .trim-finish{color:currentColor;align-items:center;gap:10px;font-size:.88rem;display:inline-flex}.reference-decking-projects-noma .trim-finish>span{background:var(--border);border:1px solid var(--fencing-overlay);width:24px;height:24px;display:block}.reference-decking-projects-noma .trim-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.reference-decking-projects-noma .trim-card{text-align:left;color:inherit;border:1px solid var(--border);background:0 0;flex-direction:column;padding:0;transition:border-color .2s;display:flex}.reference-decking-projects-noma .trim-card:hover{border-color:var(--lime-ink)}.reference-decking-projects-noma .trim-card-image{background:var(--card);aspect-ratio:1.35;width:100%;position:relative;overflow:hidden}.reference-decking-projects-noma .trim-card-image img{object-fit:contain;width:100%;height:100%;transition:transform .4s}.reference-decking-projects-noma .trim-card:hover img{transform:scale(1.035)}.reference-decking-projects-noma .trim-card-number{color:currentColor;font-size:.75rem;position:absolute;top:14px;left:16px}.reference-decking-projects-noma .trim-card-.reference-decking-projects-noma{flex-direction:column;flex:1;align-items:flex-start;padding:22px 20px;display:flex}.reference-decking-projects-noma .trim-card h3{letter-spacing:0;margin-bottom:8px;font-size:1.2rem;line-height:1.25}.reference-decking-projects-noma .trim-card p{color:currentColor;margin-bottom:22px;font-size:.85rem}.reference-decking-projects-noma .trim-view{border-bottom:1px solid;margin-top:auto;padding-bottom:3px;font-size:.82rem;font-weight:600;display:inline-block}.reference-decking-projects-noma .trim-section-bottom{justify-content:space-between;align-items:center;gap:50px;margin-top:35px;display:flex}.reference-decking-projects-noma .trim-section-bottom p{max-width:650px}.reference-decking-projects-noma .trim-section-bottom .btn{flex-shrink:0}.reference-decking-projects-noma #trim-dialog{max-width:min(1100px,94vw)}.reference-decking-projects-noma .trim-dialog-grid{grid-template-columns:1.2fr 1fr;min-height:480px;display:grid}.reference-decking-projects-noma .trim-dialog-image{background:var(--card);justify-content:center;align-items:center;min-width:0;padding:25px;display:flex}.reference-decking-projects-noma .trim-dialog-image img{object-fit:contain;width:100%;max-height:65dvh}.reference-decking-projects-noma .trim-dialog-.reference-decking-projects-noma{flex-direction:column;align-items:flex-start;padding:62px 40px 45px;display:flex}.reference-decking-projects-noma .trim-dialog-.reference-decking-projects-noma h2{margin-bottom:24px;font-size:2.5rem}.reference-decking-projects-noma .trim-dialog-.reference-decking-projects-noma>.trim-finish{margin-bottom:25px}.reference-decking-projects-noma .trim-dialog-.reference-decking-projects-noma #trim-dialog-description{margin-bottom:22px;font-size:1.02rem}.reference-decking-projects-noma .trim-dialog-.reference-decking-projects-noma>.btn{margin-top:30px}.reference-decking-projects-noma .trim-dialog-.reference-decking-projects-noma>.eyebrow{margin-bottom:17px}@media (width<=1100px){.reference-decking-projects-noma .trim-grid{gap:18px}.reference-decking-projects-noma .trim-card-.reference-decking-projects-noma{padding:20px 15px}.reference-decking-projects-noma .trim-card h3{font-size:1.08rem}}@media (width<=950px){.reference-decking-projects-noma .page-nav .jump-links{display:none}.reference-decking-projects-noma .trim-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-decking-projects-noma .trim-dialog-grid{grid-template-columns:1fr}.reference-decking-projects-noma .trim-dialog-image{padding:10px 35px}.reference-decking-projects-noma .trim-dialog-image img{height:38dvh}.reference-decking-projects-noma .trim-dialog-.reference-decking-projects-noma{padding:30px 35px 40px}.reference-decking-projects-noma .trim-dialog-.reference-decking-projects-noma h2{margin-bottom:20px}.reference-decking-projects-noma .trim-section-bottom{gap:25px}}@media (width<=520px){.reference-decking-projects-noma .trim-grid{gap:18px 12px}.reference-decking-projects-noma .trim-card-.reference-decking-projects-noma{padding:16px 13px}.reference-decking-projects-noma .trim-card h3{font-size:1rem;line-height:1.3}.reference-decking-projects-noma .trim-card p{margin-bottom:18px;font-size:.8rem}.reference-decking-projects-noma .trim-card-image{aspect-ratio:1.05}.reference-decking-projects-noma .trim-card-number{top:10px;left:10px}.reference-decking-projects-noma .trim-card-image img{transform:scale(1.12)}.reference-decking-projects-noma .trim-card:hover img{transform:scale(1.16)}.reference-decking-projects-noma .trim-section-meta{align-items:flex-start;gap:20px}.reference-decking-projects-noma .trim-section-meta>p{text-align:right;max-width:150px;font-size:.8rem}.reference-decking-projects-noma .trim-section-bottom{flex-direction:column;align-items:flex-start;gap:23px}.reference-decking-projects-noma .trim-dialog-.reference-decking-projects-noma{padding:25px}.reference-decking-projects-noma .trim-dialog-.reference-decking-projects-noma h2{font-size:2.15rem}.reference-decking-projects-noma .trim-dialog-image{padding:20px}.reference-decking-projects-noma .trim-dialog-image img{height:31dvh}.reference-decking-projects-noma .trim-dialog-.reference-decking-projects-noma>.btn{width:100%}}.reference-decking-projects-noma .material-story .intro-grid{grid-template-columns:1.25fr 1fr;align-items:center;gap:70px}.reference-decking-projects-noma .material-story .intro-grid h2{max-width:690px;font-size:3.7rem;line-height:1.1}.reference-decking-projects-noma .material-story .intro-grid h2 span{color:var(--lime-ink)}.reference-decking-projects-noma .material-story .intro-grid .lead{max-width:440px;padding-top:22px}.reference-decking-projects-noma .material-story .lead strong{font-weight:inherit;color:var(--ink)}.reference-decking-projects-noma .material-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);align-items:stretch;gap:60px;margin-top:48px;display:grid}.reference-decking-projects-noma .core-card{background:var(--secondary);border-top:3px solid var(--lime-ink);padding:34px 36px 30px}.reference-decking-projects-noma .core-card .eyebrow{letter-spacing:0;margin-bottom:18px;font-size:.8rem}.reference-decking-projects-noma .core-card h3{letter-spacing:0;font-size:1.95rem;line-height:1.15}.reference-decking-projects-noma .core-composition{margin:25px 0 23px}.reference-decking-projects-noma .core-composition>div{border-bottom:1px solid var(--secondary);grid-template-columns:96px minmax(0,1fr);align-items:center;gap:15px;padding:14px 0;display:grid}.reference-decking-projects-noma .core-composition>div:first-child{border-top:1px solid var(--secondary)}.reference-decking-projects-noma .core-composition dt{color:var(--foreground);grid-area:1/2;font-size:.95rem;line-height:1.45}.reference-decking-projects-noma .core-composition dd{letter-spacing:0;color:var(--foreground);font-variant-numeric:tabular-nums;grid-area:1/1;margin:0;font-size:2.55rem;font-weight:500;line-height:1}.reference-decking-projects-noma .core-composition dd span{letter-spacing:0;margin-left:3px;font-size:1.2rem}.reference-decking-projects-noma .core-note{color:var(--foreground);font-size:1rem;line-height:1.6}.reference-decking-projects-noma .material-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 42px;display:grid}.reference-decking-projects-noma .material-benefit{border-bottom:1px solid var(--border);padding:12px 0 30px}.reference-decking-projects-noma .material-benefit:nth-child(n+3){border-bottom:0;padding-top:28px;padding-bottom:4px}.reference-decking-projects-noma .material-icon{width:42px;height:42px;color:var(--lime-ink);justify-content:center;align-items:center;margin-bottom:20px;display:flex}.reference-decking-projects-noma .material-icon svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:34px;height:34px}.reference-decking-projects-noma .material-benefit h3{letter-spacing:0;margin-bottom:13px;font-size:1.45rem;line-height:1.2}.reference-decking-projects-noma .material-benefit p{color:currentColor;font-size:1rem;line-height:1.65}@media (width<=1100px){.reference-decking-projects-noma .material-story .intro-grid{gap:40px}.reference-decking-projects-noma .material-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:35px}.reference-decking-projects-noma .core-card{padding:30px 26px}.reference-decking-projects-noma .core-composition>div{grid-template-columns:80px minmax(0,1fr);gap:10px}.reference-decking-projects-noma .material-benefits{gap:0 28px}.reference-decking-projects-noma .material-benefit h3{font-size:1.3rem}}@media (width<=800px){.reference-decking-projects-noma .material-story .intro-grid{grid-template-columns:1fr;gap:22px}.reference-decking-projects-noma .material-story .intro-grid .lead{max-width:600px;padding-top:0}.reference-decking-projects-noma .material-layout{grid-template-columns:1fr;gap:30px;margin-top:35px}.reference-decking-projects-noma .core-card{padding:30px}.reference-decking-projects-noma .core-composition{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:25px 0 20px;display:grid}.reference-decking-projects-noma .core-composition>div{border-top:1px solid var(--secondary);flex-direction:column;align-items:flex-start;gap:12px;padding:18px 0;display:flex}.reference-decking-projects-noma .core-composition dd{order:-1}.reference-decking-projects-noma .core-composition dt{font-size:.95rem}.reference-decking-projects-noma .core-note{max-width:550px}.reference-decking-projects-noma .material-benefits{gap:0 35px}.reference-decking-projects-noma .material-benefit{padding-top:15px}.reference-decking-projects-noma .material-benefit h3{font-size:1.45rem}}@media (width<=520px){.reference-decking-projects-noma .material-story .intro-grid h2{font-size:2.55rem}.reference-decking-projects-noma .core-card{padding:27px 25px}.reference-decking-projects-noma .core-card h3{font-size:1.85rem}.reference-decking-projects-noma .core-composition{margin:23px 0 20px;display:block}.reference-decking-projects-noma .core-composition>div{border-top:0;grid-template-columns:82px minmax(0,1fr);gap:14px;padding:15px 0;display:grid}.reference-decking-projects-noma .core-composition dd{font-size:2.4rem}.reference-decking-projects-noma .core-composition dt{font-size:1rem}.reference-decking-projects-noma .material-benefits{grid-template-columns:1fr;gap:0}.reference-decking-projects-noma .material-benefit,.reference-decking-projects-noma .material-benefit:nth-child(n+3){border-bottom:1px solid var(--border);grid-template-columns:36px minmax(0,1fr);column-gap:18px;padding:25px 0;display:grid}.reference-decking-projects-noma .material-benefit:last-child{border-bottom:0;padding-bottom:0}.reference-decking-projects-noma .material-icon{grid-area:1/1;width:36px;height:32px;margin:0}.reference-decking-projects-noma .material-icon svg{width:30px;height:30px}.reference-decking-projects-noma .material-benefit h3{grid-area:1/2;margin:2px 0 12px;font-size:1.4rem}.reference-decking-projects-noma .material-benefit p{grid-column:2;font-size:1rem}}.reference-decking-projects-noma .buying-section{background:var(--secondary);border-top:1px solid var(--border)}.reference-decking-projects-noma .buying-section .section-head{align-items:center}.reference-decking-projects-noma .buying-section .section-head .lead{max-width:430px}.reference-decking-projects-noma .buying-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.reference-decking-projects-noma .buying-option{background:var(--background);border:1px solid var(--border);grid-template-columns:54px minmax(0,1fr);gap:24px;padding:36px;transition:border-color .2s,background .2s;display:grid}.reference-decking-projects-noma .buying-option:hover{border-color:var(--lime-ink);background:var(--card)}.reference-decking-projects-noma .buying-icon{color:var(--lime-ink);background:var(--secondary);justify-content:center;align-items:center;width:54px;height:54px;display:flex}.reference-decking-projects-noma .buying-icon svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:38px;height:38px}.reference-decking-projects-noma .buying-option h3{letter-spacing:0;margin:2px 0 14px;font-size:1.7rem;line-height:1.2}.reference-decking-projects-noma .buying-option p{color:currentColor;max-width:370px;font-size:1rem;line-height:1.65}.reference-decking-projects-noma .buying-link{border-top:1px solid var(--border);color:var(--lime-ink);justify-content:space-between;align-items:center;gap:20px;margin-top:27px;padding-top:18px;font-size:.95rem;font-weight:600;display:flex}.reference-decking-projects-noma .buying-link>span{font-size:1.3rem;line-height:1}.reference-decking-projects-noma .buying-help{justify-content:space-between;align-items:center;gap:35px;margin-top:32px;display:flex}.reference-decking-projects-noma .buying-help h3{letter-spacing:0;margin-bottom:5px;font-size:1.15rem;line-height:1.35}.reference-decking-projects-noma .buying-help p{color:currentColor;font-size:1rem}.reference-decking-projects-noma .buying-help .btn{flex-shrink:0}.reference-decking-projects-noma .professionals-section{background:var(--foreground);color:var(--background)}.reference-decking-projects-noma .professionals-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:80px;display:grid}.reference-decking-projects-noma .professionals-copy .eyebrow{color:var(--accent)}.reference-decking-projects-noma .professionals-copy h2{max-width:530px;margin-bottom:24px}.reference-decking-projects-noma .professionals-copy .lead{color:var(--ink-foreground);max-width:460px}.reference-decking-projects-noma .professional-links{border-top:1px solid var(--fencing-overlay);margin-top:31px}.reference-decking-projects-noma .professional-links>a{border-bottom:1px solid var(--fencing-overlay);justify-content:space-between;align-items:center;gap:20px;padding:23px 0;display:flex}.reference-decking-projects-noma .professional-links h3{letter-spacing:0;margin-bottom:8px;font-size:1.35rem;line-height:1.25}.reference-decking-projects-noma .professional-links p{color:var(--ink-foreground);max-width:380px;font-size:1rem;line-height:1.55}.reference-decking-projects-noma .professional-links>a>span{color:var(--accent);flex-shrink:0;font-size:1.6rem;line-height:1}.reference-decking-projects-noma .professional-links>a:hover h3{color:var(--accent)}.reference-decking-projects-noma .professional-inspiration{border-bottom:1px solid var(--secondary);align-items:center;gap:20px;margin-top:25px;padding:7px 0;font-size:.95rem;font-weight:600;display:inline-flex}.reference-decking-projects-noma .professional-inspiration>span{color:var(--accent)}.reference-decking-projects-noma .professionals-image{min-width:0;position:relative}.reference-decking-projects-noma .professionals-image>img{object-fit:cover;object-position:center;width:100%;height:510px}.reference-decking-projects-noma .professionals-image figcaption{color:var(--ink-foreground);flex-wrap:wrap;justify-content:space-between;gap:5px 15px;margin-top:14px;font-size:.875rem;line-height:1.45;display:flex}.reference-decking-projects-noma .professionals-image small{color:var(--ink-foreground);font-size:.8rem}@media (width<=1100px){.reference-decking-projects-noma .buying-option{grid-template-columns:46px minmax(0,1fr);gap:20px;padding:30px}.reference-decking-projects-noma .buying-icon{width:46px;height:46px}.reference-decking-projects-noma .buying-icon svg{width:32px;height:32px}.reference-decking-projects-noma .buying-option h3{font-size:1.5rem}.reference-decking-projects-noma .professionals-layout{gap:45px}.reference-decking-projects-noma .professionals-image>img{height:520px}}@media (width<=800px){.reference-decking-projects-noma .buying-section .section-head{align-items:flex-start}.reference-decking-projects-noma .buying-section .section-head .lead{max-width:600px}.reference-decking-projects-noma .buying-options{grid-template-columns:1fr;gap:20px}.reference-decking-projects-noma .buying-option{grid-template-columns:54px minmax(0,1fr);gap:25px}.reference-decking-projects-noma .buying-option p{max-width:550px}.reference-decking-projects-noma .buying-icon{width:54px;height:54px}.reference-decking-projects-noma .buying-icon svg{width:38px;height:38px}.reference-decking-projects-noma .buying-option h3{font-size:1.7rem}.reference-decking-projects-noma .professionals-layout{grid-template-columns:1fr;gap:38px}.reference-decking-projects-noma .professionals-copy h2{max-width:620px}.reference-decking-projects-noma .professionals-copy .lead,.reference-decking-projects-noma .professional-links p{max-width:600px}.reference-decking-projects-noma .professionals-image>img{aspect-ratio:1.5;height:auto}.reference-decking-projects-noma .professionals-image figcaption{margin-top:12px}}@media (width<=520px){.reference-decking-projects-noma .buying-option{grid-template-columns:1fr;gap:21px;padding:26px}.reference-decking-projects-noma .buying-option h3{font-size:1.55rem}.reference-decking-projects-noma .buying-option p{font-size:1rem}.reference-decking-projects-noma .buying-link{margin-top:23px;padding-top:17px}.reference-decking-projects-noma .buying-help{flex-direction:column;align-items:flex-start;gap:22px;margin-top:28px}.reference-decking-projects-noma .buying-help h3{font-size:1.1rem}.reference-decking-projects-noma .buying-help p{font-size:1rem}.reference-decking-projects-noma .professionals-copy h2{font-size:2.65rem}.reference-decking-projects-noma .professional-links{margin-top:26px}.reference-decking-projects-noma .professional-links>a{padding:22px 0}.reference-decking-projects-noma .professional-links h3{font-size:1.3rem}.reference-decking-projects-noma .professional-links p{font-size:1rem}.reference-decking-projects-noma .professional-inspiration{font-size:.9rem}.reference-decking-projects-noma .professionals-image>img{aspect-ratio:1.15}.reference-decking-projects-noma .professionals-image figcaption{flex-direction:column;font-size:.875rem}}.reference-decking-projects-noma .journal-section{background:var(--background)}.reference-decking-projects-noma .journal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;display:grid}.reference-decking-projects-noma .journal-card{color:var(--ink);text-align:left;background:0 0;flex-direction:column;min-width:0;padding:0;display:flex}.reference-decking-projects-noma .journal-card-image{aspect-ratio:1.4;background:var(--secondary);width:100%;position:relative;overflow:hidden}.reference-decking-projects-noma .journal-card-image>img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.reference-decking-projects-noma .journal-card:hover .journal-card-image>img{transform:scale(1.035)}.reference-decking-projects-noma .journal-image-note{background:var(--fencing-overlay);color:var(--foreground);padding:4px 8px;font-size:.75rem;line-height:1.35;position:absolute;bottom:12px;left:14px}.reference-decking-projects-noma .journal-card-copy{flex-direction:column;flex:1;align-items:flex-start;width:100%;padding:25px 0 0;display:flex}.reference-decking-projects-noma .journal-category{text-transform:uppercase;letter-spacing:0;color:var(--lime-ink);font-size:.8rem;font-weight:600;line-height:1.5}.reference-decking-projects-noma .journal-card h3{letter-spacing:0;margin:12px 0 14px;font-size:1.65rem;line-height:1.18}.reference-decking-projects-noma .journal-card p{color:currentColor;margin-bottom:24px;font-size:1rem;line-height:1.6}.reference-decking-projects-noma .journal-read{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;width:100%;margin-top:auto;padding-top:17px;font-size:.9rem;font-weight:600;display:flex}.reference-decking-projects-noma .journal-read>span{color:var(--lime-ink);font-size:1.35rem}.reference-decking-projects-noma .journal-card:hover .journal-read{color:var(--lime-ink)}.reference-decking-projects-noma #article-dialog{max-width:min(900px,94vw)}.reference-decking-projects-noma .article-image{object-fit:cover;width:100%;height:310px;max-height:40dvh}.reference-decking-projects-noma .article-.reference-decking-projects-noma{padding:38px 55px 45px}.reference-decking-projects-noma .article-.reference-decking-projects-noma h2{max-width:680px;margin:12px 0 15px;font-size:3rem;line-height:1.13}.reference-decking-projects-noma .article-image-caption{color:currentColor;margin-bottom:30px;font-size:.8rem}.reference-decking-projects-noma .article-content{max-width:680px}.reference-decking-projects-noma .article-content p{color:var(--foreground);margin-bottom:20px;font-size:1.05rem;line-height:1.8}.reference-decking-projects-noma .article-content h3{letter-spacing:0;margin:27px 0 12px;font-size:1.4rem;line-height:1.3}.reference-decking-projects-noma .article-.reference-decking-projects-noma>.btn{margin-top:14px}.reference-decking-projects-noma .newsletter-section{background:var(--foreground);color:var(--background);border-bottom:1px solid var(--fencing-overlay);padding:76px 0}.reference-decking-projects-noma .newsletter-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:85px;display:grid}.reference-decking-projects-noma .newsletter-section .eyebrow{color:var(--accent)}.reference-decking-projects-noma .newsletter-section h2{margin-bottom:22px;font-size:3.4rem;line-height:1.1}.reference-decking-projects-noma .newsletter-section .lead{color:var(--ink-foreground);max-width:430px}.reference-decking-projects-noma .newsletter-email-label{margin-bottom:12px;font-size:1rem;font-weight:500;display:block}.reference-decking-projects-noma .newsletter-entry{align-items:stretch;gap:0;display:flex}.reference-decking-projects-noma .newsletter-entry input{border:1px solid var(--secondary);background:var(--card);width:100%;min-width:0;color:var(--ink);border-radius:0;min-height:56px;padding:16px 18px;font-size:1rem}.reference-decking-projects-noma .newsletter-entry input::placeholder{color:var(--foreground)}.reference-decking-projects-noma .newsletter-entry .btn{white-space:nowrap;flex-shrink:0;gap:14px;padding:16px 20px}.reference-decking-projects-noma .newsletter-entry .btn>span{font-size:1.2rem;line-height:1}.reference-decking-projects-noma .newsletter-consent{color:var(--ink-foreground);cursor:pointer;align-items:flex-start;gap:12px;margin-top:20px;font-size:.9rem;line-height:1.6;display:flex}.reference-decking-projects-noma .newsletter-consent input{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0;margin:3px 0 0}.reference-decking-projects-noma .newsletter-form input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.reference-decking-projects-noma .newsletter-note{color:var(--ink-foreground);max-width:520px;margin-top:15px;font-size:.875rem;line-height:1.6}.reference-decking-projects-noma .newsletter-status{color:var(--ink-foreground);border-left:3px solid var(--accent);background:var(--fencing-overlay);margin-top:20px;padding:16px 18px;font-size:.95rem;line-height:1.6}.reference-decking-projects-noma .newsletter-status a{color:var(--accent);text-underline-offset:3px;margin-top:5px;text-decoration:underline;display:inline-block}@media (width<=1100px){.reference-decking-projects-noma .journal-grid{gap:24px}.reference-decking-projects-noma .journal-card h3{font-size:1.5rem}.reference-decking-projects-noma .newsletter-layout{gap:48px}.reference-decking-projects-noma .newsletter-entry .btn{gap:10px;padding:16px 15px;font-size:.8rem}}@media (width<=800px){.reference-decking-projects-noma .journal-grid{grid-template-columns:1fr;gap:32px}.reference-decking-projects-noma .journal-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;display:grid}.reference-decking-projects-noma .journal-card-image{aspect-ratio:1.2;height:100%;min-height:245px}.reference-decking-projects-noma .journal-card-copy{padding:0}.reference-decking-projects-noma .journal-card h3{font-size:1.6rem}.reference-decking-projects-noma .newsletter-layout{grid-template-columns:1fr;gap:32px}.reference-decking-projects-noma .newsletter-section .lead{max-width:550px}.reference-decking-projects-noma .newsletter-entry .btn{padding:16px 23px;font-size:.85rem}.reference-decking-projects-noma .article-.reference-decking-projects-noma{padding:32px 35px 40px}}@media (width<=520px){.reference-decking-projects-noma .journal-grid{gap:36px}.reference-decking-projects-noma .journal-card{gap:0;display:flex}.reference-decking-projects-noma .journal-card-image{aspect-ratio:1.4;height:auto;min-height:0}.reference-decking-projects-noma .journal-card-copy{padding-top:22px}.reference-decking-projects-noma .journal-card h3{font-size:1.6rem}.reference-decking-projects-noma .journal-card p{margin-bottom:20px}.reference-decking-projects-noma .article-image{height:210px;max-height:30dvh}.reference-decking-projects-noma .article-.reference-decking-projects-noma{padding:28px 25px 32px}.reference-decking-projects-noma .article-.reference-decking-projects-noma h2{font-size:2rem}.reference-decking-projects-noma .article-content p{font-size:1rem;line-height:1.75}.reference-decking-projects-noma .article-content h3{font-size:1.3rem}.reference-decking-projects-noma .newsletter-section{padding:60px 0}.reference-decking-projects-noma .newsletter-section h2{font-size:2.6rem}.reference-decking-projects-noma .newsletter-entry{flex-direction:column;gap:12px}.reference-decking-projects-noma .newsletter-entry .btn{width:100%;min-height:52px}.reference-decking-projects-noma .newsletter-consent{font-size:.9rem}.reference-decking-projects-noma .newsletter-note{font-size:.875rem}}.reference-decking-projects-noma .siding-download-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.reference-decking-projects-noma .siding-download-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-decking-projects-noma .siding-download-card{background:var(--secondary);border:1px solid var(--border);flex-direction:column;align-items:flex-start;min-width:0;padding:32px;display:flex}.reference-decking-projects-noma .siding-download-type{letter-spacing:0;color:var(--lime-ink);margin-bottom:24px;font-size:.72rem;font-weight:700}.reference-decking-projects-noma .siding-download-card h3{margin-bottom:18px;font-size:1.8rem;line-height:1.15}.reference-decking-projects-noma .siding-download-card p{color:currentColor;margin-bottom:26px;font-size:.95rem}.reference-decking-projects-noma .siding-download-meta{color:currentColor;margin-top:auto;margin-bottom:16px;font-size:.8rem}.reference-decking-projects-noma .siding-download-card .btn{gap:18px}.reference-decking-projects-noma .siding-spec-downloads{flex-direction:column;align-items:flex-start;gap:14px;margin-top:25px;display:flex}@media (width<=1100px) and (width>=801px){.reference-decking-projects-noma .siding-page-nav .wrap{flex-wrap:wrap;gap:0}.reference-decking-projects-noma .siding-page-nav .page-tabs,.reference-decking-projects-noma .siding-page-nav .jump-links{justify-content:center;width:100%}.reference-decking-projects-noma .siding-page-nav .jump-links{flex-wrap:wrap;padding:0 0 14px}.reference-decking-projects-noma .siding-download-card{padding:25px}}@media (width<=800px){.reference-decking-projects-noma .siding-download-grid,.reference-decking-projects-noma .siding-download-grid-four{grid-template-columns:1fr}.reference-decking-projects-noma .siding-download-card{padding:28px}.reference-decking-projects-noma .siding-download-card h3{font-size:1.7rem}}.reference-decking-projects-noma{background:var(--card)}.reference-decking-projects-noma .tone{background:var(--secondary)}.reference-decking-projects-noma .hero .lead{max-width:530px;font-size:16px;font-weight:300;line-height:1.65}.reference-decking-projects-noma .deck-hero{min-height:740px}.reference-decking-projects-noma .deck-hero .hero-img{object-position:center 56%}.reference-decking-projects-noma .deck-hero:after{background:linear-gradient(90deg,var(--fencing-overlay) 0%,var(--fencing-overlay) 46%,var(--fencing-overlay) 100%),linear-gradient(180deg,var(--fencing-overlay),transparent 50%)}.reference-decking-projects-noma .deck-hero-video{pointer-events:none}.reference-decking-projects-noma .deck-hero-control{z-index:2;border:1px solid var(--fencing-overlay);background:var(--fencing-overlay);min-height:44px;color:var(--card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:center;gap:10px;padding:9px 14px;font-size:.75rem;font-weight:400;line-height:1.3;display:inline-flex;position:absolute;bottom:22px;left:6%}.reference-decking-projects-noma .deck-hero-control:hover{background:var(--fencing-overlay)}.reference-decking-projects-noma .deck-hero-control>span:first-child{text-align:center;min-width:12px;font-size:.85rem}.reference-decking-projects-noma .deck-hero-control[hidden],.reference-decking-projects-noma .deck-hero-video[hidden]{display:none}.reference-decking-projects-noma .deck-page-nav{background:var(--fencing-overlay)}.reference-decking-projects-noma .deck-nav-label{letter-spacing:0;flex-shrink:0;font-size:.72rem;font-weight:700}.reference-decking-projects-noma .deck-page-links{scrollbar-width:thin;align-items:center;gap:24px;display:flex;overflow-x:auto}.reference-decking-projects-noma .deck-page-links a{white-space:nowrap;color:currentColor;padding:21px 0;font-size:.82rem}.reference-decking-projects-noma .deck-page-links a:hover{color:var(--lime-ink)}.reference-decking-projects-noma .deck-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;margin-top:54px;display:grid}.reference-decking-projects-noma .deck-benefits article{border-top:1px solid var(--border);padding-top:25px}.reference-decking-projects-noma .deck-number{letter-spacing:0;color:var(--lime-ink);margin-bottom:23px;font-size:.7rem;font-weight:600;line-height:1.5;display:block}.reference-decking-projects-noma .deck-benefits h3{letter-spacing:0;margin-bottom:16px;font-size:1.6rem;line-height:1.2}.reference-decking-projects-noma .deck-benefits p{color:currentColor;font-size:.96rem;line-height:1.65}.reference-decking-projects-noma .deck-collections{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 32px;display:grid}.reference-decking-projects-noma .deck-board-collections{grid-template-columns:repeat(3,minmax(0,1fr))}.reference-decking-projects-noma .deck-collection{flex-direction:column;min-width:0;display:flex}.reference-decking-projects-noma .deck-product-photo{background:var(--card);width:100%;height:270px;color:var(--ink);justify-content:center;align-items:center;padding:48px 22px 24px;display:flex;position:relative;overflow:hidden}.reference-decking-projects-noma .deck-product-photo img{object-fit:contain;width:100%;height:100%;transition:transform .4s}.reference-decking-projects-noma .deck-product-photo:hover img{transform:scale(1.035)}.reference-decking-projects-noma .deck-card-index{letter-spacing:0;color:var(--foreground);font-size:.68rem;font-weight:600;position:absolute;top:18px;left:20px}.reference-decking-projects-noma .deck-image-more{color:var(--lime-ink);font-size:1.4rem;position:absolute;bottom:13px;right:17px}.reference-decking-projects-noma .deck-collection-copy{flex-direction:column;flex:1;padding:25px 0 0;display:flex}.reference-decking-projects-noma .deck-card-tag{font-weight:500;color:var(--lime-ink)!important;margin-bottom:12px!important;font-size:.75rem!important}.reference-decking-projects-noma .deck-collection h3{margin-bottom:16px;font-size:2.15rem;line-height:1.12}.reference-decking-projects-noma .deck-collection-copy>p:not(.deck-card-tag){color:currentColor;max-width:48ch;margin-bottom:19px;font-size:.96rem;line-height:1.65}.reference-decking-projects-noma .deck-card-facts{flex-wrap:wrap;gap:8px;margin-top:auto;margin-bottom:20px;display:flex}.reference-decking-projects-noma .deck-card-facts span{border:1px solid var(--secondary);padding:4px 9px;font-size:.73rem}.reference-decking-projects-noma .deck-card-actions{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;padding-top:13px;display:flex}.reference-decking-projects-noma .deck-card-actions .text-link{color:var(--ink);text-align:left;background:0 0;border:0;padding:9px 0;font-weight:600}.reference-decking-projects-noma .deck-card-actions .text-link span{color:var(--lime-ink);margin-left:8px}.reference-decking-projects-noma .deck-plain-link{text-align:left;color:var(--lime-ink);text-underline-offset:4px;background:0 0;padding:8px 0;font-size:.85rem;font-weight:500}.reference-decking-projects-noma .deck-plain-link:hover,.reference-decking-projects-noma .deck-card-actions .text-link:hover{text-decoration:underline}.reference-decking-projects-noma .deck-compare{border-top:1px solid var(--secondary);border-bottom:1px solid var(--secondary);margin-top:48px}.reference-decking-projects-noma .deck-compare>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-size:1.05rem;list-style:none;display:flex}.reference-decking-projects-noma .deck-compare>summary::-webkit-details-marker{display:none}.reference-decking-projects-noma .deck-compare>summary>span{color:var(--lime-ink);font-size:1.5rem;font-weight:300;transition:transform .2s}.reference-decking-projects-noma .deck-compare[open]>summary>span{transform:rotate(45deg)}.reference-decking-projects-noma .deck-table-scroll{overflow-x:auto}.reference-decking-projects-noma .deck-compare table{border-collapse:collapse;text-align:left;width:100%;min-width:870px;font-size:.84rem}.reference-decking-projects-noma .deck-compare th,.reference-decking-projects-noma .deck-compare td{border-top:1px solid var(--border);vertical-align:top;padding:16px 15px;line-height:1.55}.reference-decking-projects-noma .deck-compare thead{background:var(--secondary)}.reference-decking-projects-noma .deck-compare th{font-weight:600}.reference-decking-projects-noma .deck-compare tbody th{min-width:135px}.reference-decking-projects-noma .deck-compare tbody td{color:currentColor}.reference-decking-projects-noma .deck-compare .deck-fineprint{margin:20px 0}.reference-decking-projects-noma .deck-tile-section{background:var(--card)}.reference-decking-projects-noma .deck-tile-feature{background:var(--secondary);grid-template-columns:minmax(0,1.12fr) minmax(380px,.88fr);min-height:500px;display:grid}.reference-decking-projects-noma .deck-tile-photo{background:var(--card);border:1px solid var(--border);min-width:0;color:var(--ink);justify-content:center;align-items:center;padding:70px 50px 45px;display:flex;position:relative;overflow:hidden}.reference-decking-projects-noma .deck-tile-photo img{object-fit:contain;width:100%;height:100%;max-height:430px;transition:transform .4s}.reference-decking-projects-noma .deck-tile-photo:hover img{transform:scale(1.035)}.reference-decking-projects-noma .deck-tile-copy{flex-direction:column;justify-content:center;padding:55px 50px;display:flex}.reference-decking-projects-noma .deck-tile-copy h3{margin-bottom:22px;font-size:4.1rem;line-height:1.05}.reference-decking-projects-noma .deck-tile-copy>p:not(.deck-card-tag){color:currentColor;margin-bottom:31px;line-height:1.7}.reference-decking-projects-noma .deck-tile-facts{border-top:1px solid var(--border);border-left:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:32px;display:grid}.reference-decking-projects-noma .deck-tile-facts>div{border-right:1px solid var(--border);border-bottom:1px solid var(--border);padding:16px}.reference-decking-projects-noma .deck-tile-facts span,.reference-decking-projects-noma .deck-tile-facts strong{display:block}.reference-decking-projects-noma .deck-tile-facts span{letter-spacing:0;color:var(--lime-ink);margin-bottom:6px;font-size:.66rem;font-weight:700}.reference-decking-projects-noma .deck-tile-facts strong{font-size:.88rem;font-weight:500}.reference-decking-projects-noma .deck-tile-copy .actions{align-items:center;gap:20px}.reference-decking-projects-noma .deck-colour-layout{grid-template-columns:minmax(0,1.13fr) minmax(0,1fr);align-items:start;gap:65px;display:grid}.reference-decking-projects-noma .deck-colour-preview{aspect-ratio:1.17;background:var(--card);border:1px solid var(--border);justify-content:center;align-items:center;padding:65px 25px 45px;display:flex;position:relative}.reference-decking-projects-noma .deck-colour-preview img{object-fit:contain;width:100%;height:100%}.reference-decking-projects-noma .deck-preview-label{font-size:.8rem;font-weight:500;position:absolute;top:21px;left:25px}.reference-decking-projects-noma .deck-preview-foot{letter-spacing:0;color:currentColor;font-size:.67rem;position:absolute;bottom:19px;left:25px}.reference-decking-projects-noma .deck-colour-caption{color:currentColor;justify-content:space-between;gap:15px;padding-top:16px;font-size:.79rem;display:flex}.reference-decking-projects-noma .deck-field-label{letter-spacing:0;margin-bottom:10px;font-size:.78rem;font-weight:600;display:block}.reference-decking-projects-noma .deck-colour-controls>select{background:var(--card);width:100%;color:var(--ink);border:1px solid var(--border);border-radius:0;min-height:48px;padding:13px 15px}.reference-decking-projects-noma .deck-selection-title{margin:30px 0 21px}.reference-decking-projects-noma .deck-selection-title .eyebrow{margin-bottom:11px;font-size:.68rem;font-weight:500}.reference-decking-projects-noma .deck-selection-title h3{font-size:2.4rem;line-height:1.12}.reference-decking-projects-noma .deck-colour-swatches{grid-template-columns:repeat(3,minmax(0,1fr));gap:21px 15px;margin-bottom:30px;display:grid}.reference-decking-projects-noma .deck-swatch{text-align:left;color:var(--ink);background:0 0;padding:0}.reference-decking-projects-noma .deck-swatch>span:first-child{border:1px solid var(--border);background:var(--card);height:76px;padding:7px;display:block;position:relative}.reference-decking-projects-noma .deck-swatch img{object-fit:contain;width:100%;height:100%}.reference-decking-projects-noma .deck-swatch>span:last-child{margin-top:9px;font-size:.77rem;line-height:1.3;display:block}.reference-decking-projects-noma .deck-swatch[aria-pressed=true]>span:first-child{outline:2px solid var(--lime-ink);outline-offset:3px}.reference-decking-projects-noma .deck-swatch[aria-pressed=true]>span:first-child:after{content:"✓";background:var(--lime-ink);color:var(--card);text-align:center;width:17px;height:17px;font-size:10px;line-height:17px;display:block;position:absolute;bottom:3px;right:3px}.reference-decking-projects-noma .deck-colour-controls .actions{align-items:center;gap:20px}.reference-decking-projects-noma .deck-fineprint{color:currentColor;max-width:70ch;margin-top:22px;font-size:.77rem;line-height:1.6}.reference-decking-projects-noma .deck-system-layout{grid-template-columns:minmax(0,1.16fr) minmax(0,1fr);align-items:start;gap:65px;display:grid}.reference-decking-projects-noma .deck-system-photo{background:var(--card);padding:25px 20px 17px}.reference-decking-projects-noma .deck-system-photo>img{object-fit:contain;width:100%;height:355px}.reference-decking-projects-noma .deck-system-photo figcaption{color:currentColor;padding:10px 7px 0;font-size:.73rem}.reference-decking-projects-noma .deck-system-steps article{border-top:1px solid var(--border);grid-template-columns:30px minmax(0,1fr);gap:19px;padding:24px 0;display:grid}.reference-decking-projects-noma .deck-system-steps article>span{color:var(--lime-ink);padding-top:3px;font-size:.78rem}.reference-decking-projects-noma .deck-system-steps h3{margin-bottom:11px;font-size:1.55rem;line-height:1.2}.reference-decking-projects-noma .deck-system-steps p{color:currentColor;font-size:.95rem;line-height:1.6}.reference-decking-projects-noma .deck-system-steps .text-link{margin-top:4px;margin-left:49px;font-weight:500}.reference-decking-projects-noma .deck-system-footer{border-top:1px solid var(--border);grid-template-columns:1fr 1.3fr auto;align-items:start;gap:28px;margin-top:44px;padding-top:26px;display:grid}.reference-decking-projects-noma .deck-system-footer strong{max-width:24ch;font-size:.98rem;font-weight:500}.reference-decking-projects-noma .deck-system-footer p{color:currentColor;max-width:45ch;font-size:.86rem}.reference-decking-projects-noma .deck-system-footer a{white-space:nowrap;padding:0}.reference-decking-projects-noma .deck-filter-bar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:25px;margin-bottom:32px;display:flex}.reference-decking-projects-noma .deck-filter-bar>.small{color:currentColor;flex-shrink:0;font-size:.76rem}.reference-decking-projects-noma .deck-filter-buttons{scrollbar-width:thin;gap:28px;display:flex;overflow-x:auto}.reference-decking-projects-noma .deck-filter-buttons button{color:currentColor;white-space:nowrap;background:0 0;border-bottom:2px solid #0000;min-height:52px;padding:14px 0;font-size:.88rem}.reference-decking-projects-noma .deck-filter-buttons button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--lime-ink);font-weight:600}.reference-decking-projects-noma .deck-component-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 25px;display:grid}.reference-decking-projects-noma .deck-component-card{color:inherit;text-align:left;background:0 0;align-self:start;min-width:0;padding:0}.reference-decking-projects-noma .deck-component-photo{background:var(--card);border:1px solid var(--secondary);aspect-ratio:1.2;padding:21px;display:block;position:relative}.reference-decking-projects-noma .deck-component-photo img{object-fit:contain;width:100%;height:100%;transition:transform .4s}.reference-decking-projects-noma .deck-component-card:hover img{transform:scale(1.035)}.reference-decking-projects-noma .deck-component-photo>span{color:var(--lime-ink);font-size:1.2rem;position:absolute;bottom:8px;right:13px}.reference-decking-projects-noma .deck-component-name{letter-spacing:0;margin-top:16px;font-size:1.04rem;font-weight:500;line-height:1.3;display:block}.reference-decking-projects-noma .deck-component-note{color:currentColor;margin-top:7px;font-size:.76rem;line-height:1.5;display:block}.reference-decking-projects-noma .deck-project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;display:grid}.reference-decking-projects-noma .deck-project-card{text-align:left;color:inherit;background:0 0;min-width:0;padding:0}.reference-decking-projects-noma .deck-project-cover{aspect-ratio:1.17;display:block;position:relative;overflow:hidden}.reference-decking-projects-noma .deck-project-cover>img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.reference-decking-projects-noma .deck-project-card:hover .deck-project-cover>img{transform:scale(1.035)}.reference-decking-projects-noma .deck-project-cover>span{background:var(--fencing-overlay);align-items:center;gap:20px;padding:7px 11px;font-size:.7rem;display:flex;position:absolute;bottom:14px;right:14px}.reference-decking-projects-noma .deck-project-label{color:var(--lime-ink);margin:22px 0 9px;font-size:.74rem;display:block}.reference-decking-projects-noma .deck-project-name{letter-spacing:0;font-size:1.9rem;font-weight:500;line-height:1.15;display:block}.reference-decking-projects-noma .deck-project-link{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:22px;padding-top:17px;font-size:.82rem;font-weight:500;display:flex}.reference-decking-projects-noma .deck-project-link>span{color:var(--lime-ink);font-size:1.1rem}.reference-decking-projects-noma .deck-case-study-card{min-width:0}.reference-decking-projects-noma .deck-case-study-card>.deck-project-card{width:100%}.reference-decking-projects-noma .deck-case-study-card>p{color:currentColor;margin:18px 0 8px;font-size:.92rem;line-height:1.65}.reference-decking-projects-noma .deck-case-study-card>.text-link{font-size:.82rem;font-weight:500}.reference-decking-projects-noma .deck-project-case-study{margin-top:22px}.reference-decking-projects-noma .deck-project-case-study[hidden]{display:none}.reference-decking-projects-noma .deck-resource-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;display:grid}.reference-decking-projects-noma .deck-resource{background:var(--secondary);text-align:left;color:var(--ink);border:1px solid #0000;flex-direction:column;padding:30px;display:flex}.reference-decking-projects-noma .deck-resource:hover{border-color:var(--lime-ink)}.reference-decking-projects-noma .deck-resource h3{margin-bottom:17px;font-size:1.6rem;line-height:1.2}.reference-decking-projects-noma .deck-resource p{color:currentColor;margin-bottom:28px;font-size:.94rem;line-height:1.65}.reference-decking-projects-noma .deck-resource-link{border-top:1px solid var(--border);width:100%;color:var(--lime-ink);justify-content:space-between;align-items:center;gap:15px;margin-top:auto;padding-top:18px;font-size:.83rem;font-weight:600;display:flex}.reference-decking-projects-noma .deck-faqs{max-width:880px;margin-left:auto}.reference-decking-projects-noma .deck-faqs summary{font-size:1rem}.reference-decking-projects-noma .deck-faqs details p{font-size:.94rem}.reference-decking-projects-noma .deck-buy-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.reference-decking-projects-noma .deck-buy-card{border:1px solid var(--border);flex-direction:column;padding:36px;display:flex}.reference-decking-projects-noma .deck-buy-card:hover{border-color:var(--lime-ink)}.reference-decking-projects-noma .deck-buy-card h3{margin-bottom:18px;font-size:1.9rem;line-height:1.17}.reference-decking-projects-noma .deck-buy-card p{color:currentColor;max-width:45ch;margin-bottom:29px;font-size:.96rem}.reference-decking-projects-noma .deck-professionals{background:var(--foreground);color:#fff}.reference-decking-projects-noma .deck-professionals .eyebrow,.reference-decking-projects-noma .deck-newsletter .eyebrow{color:var(--accent)}.reference-decking-projects-noma .deck-professionals .lead,.reference-decking-projects-noma .deck-newsletter .lead{color:var(--ink-foreground)}.reference-decking-projects-noma .deck-professional-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;display:grid}.reference-decking-projects-noma .deck-professional-links>a{border-top:1px solid var(--fencing-overlay);justify-content:space-between;align-items:center;gap:20px;padding:22px 0 0;font-size:.92rem;display:flex}.reference-decking-projects-noma .deck-professional-links>a span{color:var(--accent);font-size:1.3rem}.reference-decking-projects-noma .deck-newsletter{background:var(--foreground);color:var(--card);border-bottom:1px solid var(--fencing-overlay);padding:72px 0}.reference-decking-projects-noma .final-cta .lead{color:var(--foreground)}.reference-decking-projects-noma .final-cta .btn.outline:hover{background:var(--secondary)}.reference-decking-projects-noma dialog{background:var(--card)}.reference-decking-projects-noma.decking-page:has(dialog[open]){overflow:hidden}.reference-decking-projects-noma #deck-detail-dialog{max-width:min(1020px,94vw)}.reference-decking-projects-noma #detail-content{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.reference-decking-projects-noma .deck-detail-image{background:var(--card);justify-content:center;align-items:center;padding:45px 30px;display:flex}.reference-decking-projects-noma .deck-detail-image img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:380px}.reference-decking-projects-noma .deck-detail-copy{padding:48px 38px 38px}.reference-decking-projects-noma .deck-detail-copy>.eyebrow{margin-bottom:14px;font-size:.68rem}.reference-decking-projects-noma .deck-detail-copy h2{margin-bottom:19px;font-size:2.55rem;line-height:1.1}.reference-decking-projects-noma .deck-detail-copy>p:not(.eyebrow){color:currentColor;font-size:.94rem;line-height:1.65}.reference-decking-projects-noma .deck-detail-specs{margin:27px 0}.reference-decking-projects-noma .deck-detail-specs>div{border-top:1px solid var(--border);grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:20px;padding:12px 0;font-size:.82rem;line-height:1.5;display:grid}.reference-decking-projects-noma .deck-detail-specs>div:last-child{border-bottom:1px solid var(--border)}.reference-decking-projects-noma .deck-detail-specs dt{font-weight:500}.reference-decking-projects-noma .deck-detail-specs dd{color:currentColor;margin:0}.reference-decking-projects-noma .deck-detail-copy .actions{align-items:center;gap:20px}.reference-decking-projects-noma .deck-detail-copy .text-link{font-size:.79rem;font-weight:500}.reference-decking-projects-noma .deck-project-stage{background:var(--foreground);position:relative}.reference-decking-projects-noma .deck-project-stage>img{object-fit:contain;width:100%;height:58dvh}.reference-decking-projects-noma .deck-photo-prev,.reference-decking-projects-noma .deck-photo-next{background:var(--fencing-overlay);min-width:44px;min-height:48px;color:var(--ink);font-size:1.35rem;position:absolute;top:50%;transform:translateY(-50%)}.reference-decking-projects-noma .deck-photo-prev{left:15px}.reference-decking-projects-noma .deck-photo-next{right:15px}.reference-decking-projects-noma .deck-photo-count{background:var(--fencing-overlay);color:var(--card);padding:4px 10px;font-size:.76rem;position:absolute;bottom:15px;right:19px}.reference-decking-projects-noma .deck-project-.reference-decking-projects-noma{padding:30px 36px 35px}.reference-decking-projects-noma .deck-project-.reference-decking-projects-noma>.eyebrow{margin-bottom:13px;font-size:.7rem}.reference-decking-projects-noma .deck-project-.reference-decking-projects-noma h2{margin-bottom:18px;font-size:2.3rem}.reference-decking-projects-noma .deck-project-.reference-decking-projects-noma>p:not(.eyebrow){color:currentColor;max-width:75ch;font-size:.95rem}.reference-decking-projects-noma .deck-project-thumbnails{gap:12px;margin:22px -4px 16px;padding:7px 4px;display:flex;overflow-x:auto}.reference-decking-projects-noma .deck-project-thumbnails button{background:var(--secondary);flex:0 0 90px;height:70px;padding:0}.reference-decking-projects-noma .deck-project-thumbnails img{object-fit:cover;width:100%;height:100%}.reference-decking-projects-noma .deck-project-thumbnails button[aria-pressed=true]{outline:2px solid var(--lime-ink);outline-offset:3px}.reference-decking-projects-noma .deck-project-.reference-decking-projects-noma>.text-link{font-size:.79rem;font-weight:500}.reference-decking-projects-noma #deck-enquiry-dialog{max-width:570px;padding:45px 40px}.reference-decking-projects-noma #deck-enquiry-dialog>.eyebrow{margin-bottom:15px;font-size:.7rem}.reference-decking-projects-noma #deck-enquiry-dialog h2{margin-bottom:18px;font-size:2.6rem;line-height:1.13}.reference-decking-projects-noma #deck-enquiry-dialog>p:not(.eyebrow){color:currentColor;font-size:.93rem}.reference-decking-projects-noma #deck-enquiry-form{margin-top:25px}.reference-decking-projects-noma #deck-enquiry-form label{margin-bottom:8px;font-size:.83rem;font-weight:500;display:block}.reference-decking-projects-noma #deck-enquiry-form label>span{color:currentColor;font-size:.76rem;font-weight:400}.reference-decking-projects-noma #deck-enquiry-form input,.reference-decking-projects-noma #deck-enquiry-form select,.reference-decking-projects-noma #deck-enquiry-form textarea{border:1px solid var(--secondary);background:var(--card);width:100%;color:var(--ink);border-radius:0;margin-bottom:18px;padding:12px;display:block}.reference-decking-projects-noma #deck-enquiry-form textarea{resize:vertical}.reference-decking-projects-noma #deck-enquiry-form .btn{width:100%;margin-top:4px}.reference-decking-projects-noma #deck-enquiry-form .deck-fineprint{margin-top:15px}.reference-decking-projects-noma input:focus-visible,.reference-decking-projects-noma textarea:focus-visible,.reference-decking-projects-noma .deck-table-scroll:focus-visible{outline:3px solid var(--lime-ink);outline-offset:3px}.reference-decking-projects-noma .deck-integrated{background:var(--card)}.reference-decking-projects-noma .deck-system-statement{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);align-items:end;gap:50px;padding:42px 0;display:grid}.reference-decking-projects-noma .deck-system-statement .eyebrow{margin-bottom:14px}.reference-decking-projects-noma .deck-system-statement h3{letter-spacing:0;max-width:680px;margin-bottom:18px;font-size:3rem;line-height:1.08}.reference-decking-projects-noma .deck-system-statement p:not(.eyebrow){color:currentColor;max-width:700px;line-height:1.7}.reference-decking-projects-noma .deck-system-equation{grid-template-columns:1fr auto;align-items:center;gap:10px 14px;display:grid}.reference-decking-projects-noma .deck-system-equation a{background:var(--ink);min-height:48px;color:var(--card);letter-spacing:0;justify-content:space-between;align-items:center;gap:24px;padding:14px 16px;font-size:.72rem;font-weight:700;transition:background .2s;display:flex}.reference-decking-projects-noma .deck-system-equation a:hover{background:var(--lime-ink);text-underline-offset:4px;text-decoration:underline}.reference-decking-projects-noma .deck-system-equation a:focus-visible{outline:3px solid var(--lime-ink);outline-offset:3px}.reference-decking-projects-noma .deck-system-equation a span{letter-spacing:0;font-size:1rem;line-height:1}.reference-decking-projects-noma .deck-system-equation b{color:var(--lime-ink);font-size:1.25rem;font-weight:400}.reference-decking-projects-noma .deck-layer-grid{background:var(--border);border:1px solid var(--border);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:44px;display:grid}.reference-decking-projects-noma .deck-layer-grid article{background:var(--secondary);min-height:290px;padding:31px 25px 29px;position:relative}.reference-decking-projects-noma .deck-layer-index{color:var(--lime-ink);letter-spacing:0;margin-bottom:42px;font-size:.72rem;font-weight:700;display:block}.reference-decking-projects-noma .deck-layer-label{letter-spacing:0;margin-bottom:13px;font-weight:700;color:var(--lime-ink)!important;font-size:.68rem!important}.reference-decking-projects-noma .deck-layer-grid h3{letter-spacing:0;margin-bottom:15px;font-size:1.45rem;line-height:1.2}.reference-decking-projects-noma .deck-layer-grid article>p:last-child{color:currentColor;font-size:.9rem;line-height:1.65}.reference-decking-projects-noma .deck-quote-strip{background:var(--accent);justify-content:space-between;align-items:center;gap:35px;margin-top:28px;padding:28px 32px;display:flex}.reference-decking-projects-noma .deck-quote-strip strong{margin-bottom:6px;font-size:1.2rem;display:block}.reference-decking-projects-noma .deck-quote-strip p{max-width:680px;font-size:.9rem}.reference-decking-projects-noma .deck-quote-strip .btn{flex-shrink:0}.reference-decking-projects-noma .deck-integrated-benefits{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-bottom:20px;display:grid}.reference-decking-projects-noma .deck-integrated-benefits article{background:var(--card);border-top:4px solid var(--accent);min-height:245px;padding:28px 24px}.reference-decking-projects-noma .deck-integrated-benefits article>span{color:var(--lime-ink);letter-spacing:0;margin-bottom:40px;font-size:.72rem;font-weight:700;display:block}.reference-decking-projects-noma .deck-integrated-benefits h3{margin-bottom:14px;font-size:1.45rem;line-height:1.2}.reference-decking-projects-noma .deck-integrated-benefits p{color:currentColor;font-size:.9rem;line-height:1.65}.reference-decking-projects-noma .deck-warranty-note{color:currentColor;max-width:850px;margin-bottom:48px;font-size:.75rem}.reference-decking-projects-noma .deck-breakdown-layout{border-top:1px solid var(--border);grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:start;gap:50px;padding-top:48px;display:grid}.reference-decking-projects-noma .deck-breakdown-copy>.eyebrow{margin-bottom:14px}.reference-decking-projects-noma .deck-breakdown-copy>h3{letter-spacing:0;margin-bottom:15px;font-size:2.35rem;line-height:1.1}.reference-decking-projects-noma .deck-breakdown-copy>p:not(.eyebrow){color:currentColor;margin-bottom:25px}.reference-decking-projects-noma .deck-breakdown-scroll{overflow-x:auto}.reference-decking-projects-noma .deck-breakdown-table{border-collapse:collapse;text-align:left;width:100%;min-width:650px;font-size:.82rem}.reference-decking-projects-noma .deck-breakdown-table th,.reference-decking-projects-noma .deck-breakdown-table td{border-top:1px solid var(--border);vertical-align:top;padding:14px 13px;line-height:1.5}.reference-decking-projects-noma .deck-breakdown-table thead{background:var(--ink);color:#fff}.reference-decking-projects-noma .deck-breakdown-table thead th{letter-spacing:0;text-transform:uppercase;font-size:.68rem}.reference-decking-projects-noma .deck-breakdown-table tbody th{color:var(--lime-ink);width:18%;font-weight:700}.reference-decking-projects-noma .deck-breakdown-table tbody td:last-child{color:currentColor}.reference-decking-projects-noma .deck-sales-link{align-self:center;font-weight:700}.reference-decking-projects-noma .footer-action{color:inherit;text-align:left;font:inherit;background:0 0;padding:0}.reference-decking-projects-noma .footer-action:hover{text-decoration:underline}.reference-decking-projects-noma .deck-buy-card[type=button]{color:inherit;text-align:left;background:0 0;width:100%}@media (width>=1700px){.reference-decking-projects-noma .deck-hero{min-height:820px}}@media (width<=1100px){.reference-decking-projects-noma .deck-hero-control{left:5%}.reference-decking-projects-noma .deck-page-nav>.wrap{display:block}.reference-decking-projects-noma .deck-nav-label{display:none}.reference-decking-projects-noma .deck-page-links{justify-content:space-between;gap:22px}.reference-decking-projects-noma .deck-colour-layout,.reference-decking-projects-noma .deck-system-layout{gap:35px}.reference-decking-projects-noma .deck-benefits{gap:25px}.reference-decking-projects-noma .deck-collections{gap:34px 23px}.reference-decking-projects-noma .deck-product-photo{height:240px;padding:47px 15px 22px}.reference-decking-projects-noma .deck-card-actions{flex-direction:column;align-items:flex-start;gap:0}.reference-decking-projects-noma .deck-system-footer{grid-template-columns:1fr 1.4fr}.reference-decking-projects-noma .deck-system-footer a{grid-column:2}.reference-decking-projects-noma .deck-resource{padding:26px}.reference-decking-projects-noma .deck-resource h3{font-size:1.4rem}.reference-decking-projects-noma .deck-component-grid{gap:30px 20px}.reference-decking-projects-noma .deck-professional-links{gap:25px}.reference-decking-projects-noma .deck-professional-links>a{font-size:.85rem}.reference-decking-projects-noma .deck-layer-grid,.reference-decking-projects-noma .deck-integrated-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-decking-projects-noma .deck-system-statement{gap:30px}.reference-decking-projects-noma .deck-board-collections{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-decking-projects-noma .deck-tile-feature{grid-template-columns:minmax(0,1fr) minmax(340px,.85fr)}.reference-decking-projects-noma .deck-tile-copy{padding:44px 35px}.reference-decking-projects-noma .deck-tile-photo{padding:60px 35px 40px}}@media (width<=800px){.reference-decking-projects-noma .deck-hero{min-height:675px}.reference-decking-projects-noma .deck-hero .hero-img{object-position:65% center}.reference-decking-projects-noma .deck-page-links{justify-content:flex-start;gap:23px}.reference-decking-projects-noma .deck-page-links a{padding:18px 0;font-size:.8rem}.reference-decking-projects-noma .deck-benefits{grid-template-columns:1fr;gap:27px;margin-top:40px}.reference-decking-projects-noma .deck-benefits article{padding-top:22px}.reference-decking-projects-noma .deck-benefits h3{font-size:1.5rem}.reference-decking-projects-noma .deck-benefits p{max-width:58ch}.reference-decking-projects-noma .deck-number{margin-bottom:16px}.reference-decking-projects-noma .deck-collections{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px}.reference-decking-projects-noma .deck-collection h3{font-size:1.95rem}.reference-decking-projects-noma .deck-card-actions{flex-flow:wrap;align-items:center;gap:8px}.reference-decking-projects-noma .deck-colour-layout,.reference-decking-projects-noma .deck-system-layout{grid-template-columns:1fr;gap:33px}.reference-decking-projects-noma .deck-colour-preview{aspect-ratio:1.6}.reference-decking-projects-noma .deck-colour-controls{max-width:650px}.reference-decking-projects-noma .deck-colour-swatches{grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.reference-decking-projects-noma .deck-swatch>span:first-child{height:103px}.reference-decking-projects-noma .deck-system-photo>img{height:340px}.reference-decking-projects-noma .deck-system-footer{grid-template-columns:1fr;gap:15px}.reference-decking-projects-noma .deck-system-footer strong{max-width:none}.reference-decking-projects-noma .deck-system-footer a{grid-column:auto}.reference-decking-projects-noma .deck-component-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 18px}.reference-decking-projects-noma .deck-component-photo{padding:14px}.reference-decking-projects-noma .deck-component-name{font-size:.95rem}.reference-decking-projects-noma .deck-filter-bar{gap:20px}.reference-decking-projects-noma .deck-filter-buttons{gap:22px}.reference-decking-projects-noma .deck-filter-buttons button{font-size:.8rem}.reference-decking-projects-noma .deck-filter-bar>.small{display:none}.reference-decking-projects-noma .deck-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.reference-decking-projects-noma .deck-project-name{font-size:1.75rem}.reference-decking-projects-noma .deck-resource-grid{grid-template-columns:1fr}.reference-decking-projects-noma .deck-resource{padding:30px}.reference-decking-projects-noma .deck-resource h3{font-size:1.6rem}.reference-decking-projects-noma .deck-resource p{max-width:60ch}.reference-decking-projects-noma .deck-buy-card{padding:27px}.reference-decking-projects-noma .deck-buy-card h3{font-size:1.6rem}.reference-decking-projects-noma .deck-professional-links{grid-template-columns:1fr;gap:23px}.reference-decking-projects-noma .deck-professional-links>a{font-size:.96rem}.reference-decking-projects-noma .deck-system-statement,.reference-decking-projects-noma .deck-breakdown-layout{grid-template-columns:1fr}.reference-decking-projects-noma .deck-system-statement{align-items:start}.reference-decking-projects-noma .deck-breakdown-layout{gap:34px}.reference-decking-projects-noma .deck-quote-strip{flex-direction:column;align-items:flex-start}.reference-decking-projects-noma .deck-quote-strip .btn{width:100%}.reference-decking-projects-noma .deck-tile-feature{grid-template-columns:1fr}.reference-decking-projects-noma .deck-tile-photo{min-height:390px}.reference-decking-projects-noma .deck-tile-copy{padding:40px 34px}.reference-decking-projects-noma #detail-content{grid-template-columns:1fr}.reference-decking-projects-noma .deck-detail-image{padding:28px}.reference-decking-projects-noma .deck-detail-image img{height:250px}.reference-decking-projects-noma .deck-detail-copy{padding:30px}.reference-decking-projects-noma .deck-detail-copy h2{font-size:2.2rem}.reference-decking-projects-noma .deck-project-stage>img{height:48dvh}}@media (width<=520px){.reference-decking-projects-noma .deck-hero{min-height:650px}.reference-decking-projects-noma .hero h1{font-size:3.1rem}.reference-decking-projects-noma .hero .lead{max-width:34ch;font-size:16px}.reference-decking-projects-noma .deck-hero .hero-content{padding-top:135px;padding-bottom:104px}.reference-decking-projects-noma .deck-hero .actions{gap:10px}.reference-decking-projects-noma .deck-hero .btn{min-height:47px;padding:13px 15px;font-size:.74rem}.reference-decking-projects-noma .deck-collections{grid-template-columns:1fr;gap:38px}.reference-decking-projects-noma .deck-product-photo{height:260px;min-height:0}.reference-decking-projects-noma .deck-card-actions{flex-wrap:nowrap;gap:14px}.reference-decking-projects-noma .deck-collection h3{font-size:2rem}.reference-decking-projects-noma .deck-compare{margin-top:35px}.reference-decking-projects-noma .deck-colour-preview{aspect-ratio:1.2;padding:58px 18px 35px}.reference-decking-projects-noma .deck-preview-label{left:20px}.reference-decking-projects-noma .deck-colour-caption{gap:12px;font-size:.73rem}.reference-decking-projects-noma .deck-colour-swatches{gap:22px 13px}.reference-decking-projects-noma .deck-swatch>span:first-child{height:78px}.reference-decking-projects-noma .deck-selection-title h3{font-size:2.15rem}.reference-decking-projects-noma .deck-colour-controls .actions{flex-direction:column;align-items:flex-start;gap:15px}.reference-decking-projects-noma .deck-colour-controls .btn{width:100%}.reference-decking-projects-noma .deck-system-photo{padding:16px 10px}.reference-decking-projects-noma .deck-system-photo>img{height:255px}.reference-decking-projects-noma .deck-system-photo figcaption{font-size:.66rem}.reference-decking-projects-noma .deck-system-steps h3{font-size:1.4rem}.reference-decking-projects-noma .deck-system-steps .text-link{font-size:.82rem}.reference-decking-projects-noma .deck-component-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 17px}.reference-decking-projects-noma .deck-component-photo{aspect-ratio:1;padding:14px}.reference-decking-projects-noma .deck-component-name{font-size:.94rem}.reference-decking-projects-noma .deck-component-note{font-size:.71rem}.reference-decking-projects-noma .deck-component-photo>span{bottom:5px;right:9px}.reference-decking-projects-noma .deck-filter-buttons{gap:22px}.reference-decking-projects-noma .deck-project-grid,.reference-decking-projects-noma .deck-buy-grid{grid-template-columns:1fr;gap:34px}.reference-decking-projects-noma .deck-project-cover{aspect-ratio:1.3}.reference-decking-projects-noma .deck-project-label,.reference-decking-projects-noma .deck-project-link{margin-top:19px}.reference-decking-projects-noma .deck-resource{padding:27px}.reference-decking-projects-noma .deck-buy-card{padding:28px}.reference-decking-projects-noma .deck-newsletter{padding:60px 0}.reference-decking-projects-noma .deck-project-.reference-decking-projects-noma{padding:26px 23px}.reference-decking-projects-noma .deck-project-.reference-decking-projects-noma h2{font-size:2rem}.reference-decking-projects-noma .deck-photo-prev{left:8px}.reference-decking-projects-noma .deck-photo-next{right:8px}.reference-decking-projects-noma .deck-project-stage>img{height:40dvh}.reference-decking-projects-noma .deck-project-thumbnails button{flex-basis:75px;height:58px}.reference-decking-projects-noma .deck-detail-image{padding:22px}.reference-decking-projects-noma .deck-detail-image img{height:210px}.reference-decking-projects-noma .deck-detail-copy{padding:26px}.reference-decking-projects-noma .deck-detail-copy h2{font-size:2rem}.reference-decking-projects-noma .deck-detail-specs>div{gap:14px}.reference-decking-projects-noma .deck-detail-copy .actions{gap:17px}.reference-decking-projects-noma #deck-enquiry-dialog{padding:44px 25px 28px}.reference-decking-projects-noma #deck-enquiry-dialog h2{font-size:2.15rem}.reference-decking-projects-noma .deck-layer-grid,.reference-decking-projects-noma .deck-integrated-benefits{grid-template-columns:1fr}.reference-decking-projects-noma .deck-layer-grid article,.reference-decking-projects-noma .deck-integrated-benefits article{min-height:0}.reference-decking-projects-noma .deck-layer-index,.reference-decking-projects-noma .deck-integrated-benefits article>span{margin-bottom:25px}.reference-decking-projects-noma .deck-quote-strip{padding:25px 22px}.reference-decking-projects-noma .deck-breakdown-copy>h3{font-size:2rem}.reference-decking-projects-noma .deck-sales-link{text-align:center;width:100%}.reference-decking-projects-noma .deck-board-collections{grid-template-columns:1fr}.reference-decking-projects-noma .deck-tile-photo{min-height:310px;padding:52px 22px 30px}.reference-decking-projects-noma .deck-tile-copy{padding:34px 24px}.reference-decking-projects-noma .deck-tile-copy h3{font-size:2.6rem}.reference-decking-projects-noma .deck-tile-facts{grid-template-columns:1fr}.reference-decking-projects-noma .deck-tile-copy .actions{flex-direction:column;align-items:flex-start}.reference-decking-projects-noma .deck-tile-copy .btn{width:100%}}@media (prefers-reduced-motion:reduce){.reference-decking-projects-noma{scroll-behavior:auto}.reference-decking-projects-noma *,.reference-decking-projects-noma :before,.reference-decking-projects-noma :after{scroll-behavior:auto!important;transition:none!important}}.reference-decking-projects-noma .section-head.split-section-heading{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:0 clamp(40px,6vw,88px);margin:0 0 44px;display:grid}.reference-decking-projects-noma .section-head.split-section-heading>.eyebrow{letter-spacing:0;grid-area:1/1/auto/-1;max-width:none;margin:0 0 18px;padding:0;font-size:.75rem;font-weight:600;line-height:1.5}.reference-decking-projects-noma .section-head.split-section-heading>:is(h1,.reference-decking-projects-noma h2,.reference-decking-projects-noma h3){letter-spacing:0;overflow-wrap:break-word;grid-area:2/1;max-width:100%;margin:0;font-size:3rem;font-weight:500;line-height:1.08}.reference-decking-projects-noma .section-head.split-section-heading>p.lead{width:100%;max-width:52ch;font-family:var(--font-sans);font-synthesis:none;grid-area:2/2;align-self:start;margin:0;padding:0;font-size:16px;font-weight:300;line-height:1.65}.reference-decking-projects-noma .split-section-heading+.material-layout,.reference-decking-projects-noma .split-section-heading+.fence-intro-stats,.reference-decking-projects-noma .split-section-heading+.fence-system-grid,.reference-decking-projects-noma .split-section-heading+.product-design .feature-list{margin-top:0}.reference-decking-projects-noma .advantages>.wrap>.advantage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.reference-decking-projects-noma .professionals-section .split-section-heading .eyebrow{color:var(--accent)}.reference-decking-projects-noma .professionals-section .split-section-heading .lead{color:var(--ink-foreground)}.reference-decking-projects-noma .professionals-layout .professional-links{margin-top:0}.reference-decking-projects-noma .newsletter-section .newsletter-layout{max-width:680px;margin-left:auto;display:block}.reference-decking-projects-noma .final-cta .wrap,.reference-decking-projects-noma .fence-newsletter .wrap{display:block}.reference-decking-projects-noma .final-cta .actions{flex-wrap:wrap;max-width:none}.reference-decking-projects-noma .final-cta .actions .btn{width:auto}.reference-decking-projects-noma .section-followup{margin-top:24px}.reference-decking-projects-noma .fence-slatted-family>.split-section-heading{grid-column:1/-1;margin-bottom:0}.reference-decking-projects-noma .fence-slatted-family{row-gap:44px}.reference-decking-projects-noma .fence-slatted-copy .fence-design-specs{margin-top:0}.reference-decking-projects-noma .fence-comparison .split-section-heading>h3{font-size:2.4rem}@media (width<=1000px){.reference-decking-projects-noma .advantages>.wrap>.advantage-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=800px){.reference-decking-projects-noma .section-head.split-section-heading{grid-template-columns:minmax(0,1fr);margin-bottom:32px}.reference-decking-projects-noma .section-head.split-section-heading>.eyebrow{grid-column:1;margin-bottom:14px}.reference-decking-projects-noma .section-head.split-section-heading>:is(h1,.reference-decking-projects-noma h2,.reference-decking-projects-noma h3){font-size:2.25rem}.reference-decking-projects-noma .section-head.split-section-heading>p.lead{grid-area:3/1;max-width:56ch;margin-top:20px}.reference-decking-projects-noma .newsletter-section .newsletter-layout{max-width:none;margin-left:0}.reference-decking-projects-noma .fence-slatted-family{row-gap:32px}}@media (width<=520px){.reference-decking-projects-noma .section-head.split-section-heading>:is(h1,.reference-decking-projects-noma h2,.reference-decking-projects-noma h3){font-size:2rem}.reference-decking-projects-noma .section-head.split-section-heading>.eyebrow{font-size:.7rem}.reference-decking-projects-noma .final-cta .actions{align-items:flex-start;max-width:100%}}.reference-decking-projects-noma .section{padding:76px 0}.reference-decking-projects-noma .section-head{margin-bottom:0}.reference-decking-projects-noma .noma-hero{min-height:650px}.reference-decking-projects-noma .noma-hero .hero-img{object-position:center 62%}.reference-decking-projects-noma .noma-hero:after{background:linear-gradient(90deg,var(--fencing-overlay) 0%,var(--fencing-overlay) 58%,var(--fencing-overlay) 100%),linear-gradient(0deg,var(--fencing-overlay),transparent 55%);background:linear-gradient(90deg,var(--noma-hero-overlay) 0%,var(--noma-hero-overlay) 58%,var(--noma-hero-overlay) 100%),linear-gradient(0deg,var(--noma-hero-overlay),transparent 55%)}.reference-decking-projects-noma .noma-hero .hero-content{padding-top:150px;padding-bottom:92px}.reference-decking-projects-noma .noma-hero h1{max-width:850px;font-size:5.6rem}.reference-decking-projects-noma .noma-hero .lead{max-width:580px}.reference-decking-projects-noma .noma-breadcrumb{color:var(--ink-foreground);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:27px;font-size:.75rem;display:flex}.reference-decking-projects-noma .noma-breadcrumb a:hover{color:var(--accent)}.reference-decking-projects-noma-nav>.wrap{gap:32px}.reference-decking-projects-noma .noma-nav-label{letter-spacing:0;flex-shrink:0;font-size:.69rem;font-weight:600}.reference-decking-projects-noma-links{white-space:nowrap;gap:28px;min-width:0;max-width:100%;padding:19px 0;font-size:.8rem;display:flex;overflow-x:auto}.reference-decking-projects-noma-links a:hover{color:var(--lime-ink)}.reference-decking-projects-noma .noma-facts{border-bottom:1px solid var(--border)}.reference-decking-projects-noma .noma-facts dl{grid-template-columns:1.2fr .8fr 1fr;gap:32px;padding:34px 0;display:grid}.reference-decking-projects-noma .noma-facts dl>div{flex-direction:column;min-width:0;display:flex}.reference-decking-projects-noma .noma-facts dl>div+div{border-left:1px solid var(--border);padding-left:32px}.reference-decking-projects-noma .noma-facts dt{color:currentColor;margin-top:8px;font-size:.76rem;line-height:1.5}.reference-decking-projects-noma .noma-facts dd{letter-spacing:0;order:-1;margin:0;font-size:2.75rem;font-weight:500;line-height:1.2}.reference-decking-projects-noma .noma-facts dd>span{letter-spacing:0;font-size:.85rem;font-weight:400}.reference-decking-projects-noma .noma-solution-grid{grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(32px,5vw,72px);margin-top:44px;display:grid}.reference-decking-projects-noma .noma-solution-grid figure>img{aspect-ratio:16/10;object-fit:cover;width:100%;height:auto}.reference-decking-projects-noma figcaption{color:currentColor;margin-top:12px;font-size:.76rem;line-height:1.6}.reference-decking-projects-noma .noma-small-label{color:var(--lime-ink);letter-spacing:0;font-size:.7rem;font-weight:600;line-height:1.6;display:block}.reference-decking-projects-noma .noma-solution-copy h3{margin:17px 0 20px;font-size:2rem;line-height:1.15}.reference-decking-projects-noma .noma-solution-copy>p{font-family:var(--font-sans);color:currentColor;font-size:16px;font-weight:300;line-height:1.75}.reference-decking-projects-noma .noma-solution-copy>.text-link{margin-top:23px;font-size:.8rem;font-weight:500}.reference-decking-projects-noma .noma-results{background:var(--foreground);color:#fff}.reference-decking-projects-noma .noma-results .section-head .eyebrow,.reference-decking-projects-noma .noma-results .noma-small-label{color:var(--accent)}.reference-decking-projects-noma .noma-results .section-head .lead{color:var(--ink-foreground)}.reference-decking-projects-noma .noma-results-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 64px;margin-top:44px;display:grid}.reference-decking-projects-noma .noma-results-grid>section{border-top:1px solid var(--fencing-overlay);min-width:0;padding-top:22px}.reference-decking-projects-noma .noma-result-index{color:var(--accent);margin-bottom:15px;font-size:.72rem;display:block}.reference-decking-projects-noma .noma-results-grid h3{margin-bottom:18px;font-size:1.8rem;font-weight:400;line-height:1.2}.reference-decking-projects-noma .noma-results-grid p{font-family:var(--font-sans);color:var(--ink-foreground);max-width:48ch;font-size:16px;font-weight:300;line-height:1.75}.reference-decking-projects-noma .noma-feedback{border-top:1px solid var(--fencing-overlay);margin-top:48px;padding-top:33px}.reference-decking-projects-noma .noma-feedback>.noma-small-label{margin:0 0 19px}.reference-decking-projects-noma .noma-feedback blockquote{border-left:3px solid var(--accent);margin:0;padding-left:26px}.reference-decking-projects-noma .noma-feedback blockquote p{letter-spacing:0;max-width:65ch;font-size:1.9rem;font-weight:300;line-height:1.55}.reference-decking-projects-noma .noma-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 26px;margin-top:40px;display:grid}.reference-decking-projects-noma .noma-photo-grid a{background:var(--secondary);display:block;overflow:hidden}.reference-decking-projects-noma .noma-photo-grid img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;transition:transform .4s}.reference-decking-projects-noma .noma-photo-grid a:hover img{transform:scale(1.025)}.reference-decking-projects-noma .noma-back-link{margin-top:30px;font-size:.84rem;font-weight:500}.reference-decking-projects-noma .final-cta .actions{margin-top:29px}@media (width<=1000px){.reference-decking-projects-noma-nav>.wrap{gap:24px}.reference-decking-projects-noma-links{gap:21px}.reference-decking-projects-noma .noma-solution-copy h3{font-size:1.75rem}}@media (width<=800px){.reference-decking-projects-noma .section{padding:60px 0}.reference-decking-projects-noma .noma-hero{min-height:620px}.reference-decking-projects-noma .noma-hero .hero-content{padding-top:132px;padding-bottom:86px}.reference-decking-projects-noma .noma-nav-label{display:none}.reference-decking-projects-noma-links{justify-content:space-between;gap:25px;width:100%}.reference-decking-projects-noma .noma-facts dl{gap:22px;padding:29px 0}.reference-decking-projects-noma .noma-facts dl>div+div{padding-left:22px}.reference-decking-projects-noma .noma-facts dt{font-size:.7rem}.reference-decking-projects-noma .noma-solution-grid{grid-template-columns:1fr;gap:26px;margin-top:32px}.reference-decking-projects-noma .noma-solution-copy h3{font-size:1.9rem}.reference-decking-projects-noma .noma-results-grid{gap:32px;margin-top:32px}.reference-decking-projects-noma .noma-results-grid h3{font-size:1.65rem}.reference-decking-projects-noma .noma-photo-grid{gap:25px 19px;margin-top:32px}}@media (width<=520px){.reference-decking-projects-noma .section{padding:52px 0}.reference-decking-projects-noma .noma-hero{min-height:650px}.reference-decking-projects-noma .noma-hero .hero-content{padding-top:125px;padding-bottom:91px}.reference-decking-projects-noma .noma-hero h1{font-size:4rem}.reference-decking-projects-noma .noma-breadcrumb{gap:9px;margin-bottom:23px;font-size:.7rem}.reference-decking-projects-noma .noma-hero .eyebrow{margin-bottom:20px;font-size:.68rem}.reference-decking-projects-noma .noma-hero .actions{flex-direction:column;align-items:flex-start;gap:13px}.reference-decking-projects-noma .noma-hero .btn{min-height:48px;font-size:.77rem}.reference-decking-projects-noma .noma-hero .hero-caption{font-size:.62rem;bottom:24px;left:6%;right:6%}.reference-decking-projects-noma-links{gap:23px;padding:16px 0;font-size:.76rem}.reference-decking-projects-noma-nav>.wrap{min-height:56px}.reference-decking-projects-noma .noma-facts dl{grid-template-columns:1fr;gap:19px;padding:27px 0}.reference-decking-projects-noma .noma-facts dl>div+div{border-left:0;border-top:1px solid var(--border);padding:19px 0 0}.reference-decking-projects-noma .noma-facts dd{font-size:2.1rem}.reference-decking-projects-noma .noma-facts dt{font-size:.76rem}.reference-decking-projects-noma .noma-solution-copy h3{font-size:1.75rem}.reference-decking-projects-noma .noma-solution-copy>.text-link{font-size:.79rem}.reference-decking-projects-noma .noma-results-grid{grid-template-columns:1fr;gap:29px}.reference-decking-projects-noma .noma-results-grid h3{font-size:1.7rem}.reference-decking-projects-noma .noma-feedback{margin-top:35px;padding-top:26px}.reference-decking-projects-noma .noma-feedback blockquote{padding-left:20px}.reference-decking-projects-noma .noma-feedback blockquote p{font-size:1.35rem}.reference-decking-projects-noma .noma-photo-grid{grid-template-columns:1fr;gap:28px}.reference-decking-projects-noma .final-cta .actions{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.reference-decking-projects-noma .noma-photo-grid img{transition:none}}.reference-decking-subframe *{box-sizing:border-box}.reference-decking-subframe{scroll-behavior:smooth;background:var(--background);color:var(--ink);font-family:var(--font-sans);margin:0;scroll-padding-top:90px;font-size:16px;line-height:1.6}.reference-decking-subframe button,.reference-decking-subframe input,.reference-decking-subframe select,.reference-decking-subframe textarea{font:inherit}.reference-decking-subframe button,.reference-decking-subframe a,.reference-decking-subframe select{touch-action:manipulation}.reference-decking-subframe button{cursor:pointer}.reference-decking-subframe a{color:inherit;text-decoration:none}.reference-decking-subframe button:focus-visible,.reference-decking-subframe a:focus-visible,.reference-decking-subframe select:focus-visible,.reference-decking-subframe summary:focus-visible{outline:3px solid var(--border);outline-offset:5px}.reference-decking-subframe img{max-width:100%;display:block}.reference-decking-subframe h1,.reference-decking-subframe h2,.reference-decking-subframe h3,.reference-decking-subframe p,.reference-decking-subframe figure{margin:0}.reference-decking-subframe h1,.reference-decking-subframe h2,.reference-decking-subframe h3{letter-spacing:0;font-weight:500;line-height:1.06}.reference-decking-subframe h1{max-width:1000px;font-size:6rem}.reference-decking-subframe h2{font-size:3.7rem}.reference-decking-subframe h3{font-size:2rem}.reference-decking-subframe p{max-width:68ch}.reference-decking-subframe button{border:0}.reference-decking-subframe button:disabled{cursor:not-allowed;opacity:.4}.reference-decking-subframe .wrap{width:min(1280px,88%);margin:auto}.reference-decking-subframe .section{padding:100px 0}.reference-decking-subframe .eyebrow{letter-spacing:0;text-transform:uppercase;color:var(--lime-ink);margin-bottom:22px;font-size:.8rem;font-weight:700}.reference-decking-subframe .lead{font-family:var(--font-sans);font-synthesis:none;color:currentColor;font-size:16px;font-weight:300;line-height:1.65}.reference-decking-subframe .muted{color:currentColor}.reference-decking-subframe .small{font-size:.85rem;line-height:1.55}.reference-decking-subframe .btn{letter-spacing:0;background:var(--accent);min-height:48px;color:var(--foreground);border:1px solid var(--accent);text-transform:uppercase;justify-content:center;align-items:center;padding:14px 23px;font-size:.85rem;font-weight:700;line-height:1.2;transition:background .2s;display:inline-flex}.reference-decking-subframe .btn:hover{background:var(--secondary);border-color:var(--secondary)}.reference-decking-subframe .btn.outline{color:inherit;background:0 0;border-color:currentColor}.reference-decking-subframe .btn.outline:hover{background:var(--fencing-overlay)}.reference-decking-subframe .btn.dark{background:var(--ink);color:var(--card);border-color:var(--ink)}.reference-decking-subframe .actions{flex-wrap:wrap;gap:12px;display:flex}.reference-decking-subframe .text-link{border-bottom:1px solid;padding:7px 0;font-size:.88rem;font-weight:700;display:inline-block}.reference-decking-subframe .skip{position:absolute;left:-999px}.reference-decking-subframe .skip:focus{z-index:999;background:var(--card);padding:16px;top:20px;left:20px}.reference-decking-subframe .utility{background:var(--accent);letter-spacing:0;height:34px;font-size:.73rem;font-weight:700}.reference-decking-subframe .utility .wrap{justify-content:space-between;align-items:center;height:100%;display:flex}.reference-decking-subframe .utility-links{gap:28px;display:flex}.reference-decking-subframe .header{z-index:10;color:var(--card);border-bottom:0;position:absolute;left:0;right:0}.reference-decking-subframe .header-inner{justify-content:space-between;align-items:center;gap:35px;height:96px;display:flex}.reference-decking-subframe .logo{object-fit:contain;object-position:left;width:178px;height:auto;max-height:40px}.reference-decking-subframe .wordmark{letter-spacing:0;color:var(--card);font-size:1.85rem;font-weight:700;display:none}.reference-decking-subframe .wordmark span{color:var(--accent)}.reference-decking-subframe .primary-nav{align-items:center;gap:36px;font-size:.82rem;font-weight:600;display:flex}.reference-decking-subframe .primary-nav>a{padding:12px 0}.reference-decking-subframe .primary-nav>a.active{border-bottom:2px solid var(--accent)}.reference-decking-subframe .header .btn{background:var(--background);border-color:var(--background);color:var(--ink);font-size:.75rem}.reference-decking-subframe .menu-toggle{color:var(--card);background:0 0;min-height:44px;padding:10px;font-size:1rem;display:none}.reference-decking-subframe .hero{min-height:720px;color:var(--ink-foreground);background:var(--foreground);align-items:center;display:flex;position:relative;overflow:hidden}.reference-decking-subframe .hero-img{object-fit:cover;object-position:center 52%;width:100%;height:100%;position:absolute;inset:0}.reference-decking-subframe .hero:after{content:"";background:linear-gradient(90deg,var(--fencing-hero-overlay),var(--fencing-hero-overlay) 70%,var(--fencing-hero-overlay)),linear-gradient(0deg,var(--fencing-hero-overlay),transparent 65%);position:absolute;inset:0}.reference-decking-subframe .hero-content{z-index:1;padding-top:150px;padding-bottom:80px;position:relative}.reference-decking-subframe .hero .eyebrow{color:var(--accent)}.reference-decking-subframe .hero p:not(.eyebrow){max-width:620px;color:var(--ink-foreground);margin:25px 0 32px;font-size:1.13rem}.reference-decking-subframe .hero .hero-caption{z-index:1;letter-spacing:0;color:var(--ink-foreground);font-size:.75rem;position:absolute;bottom:28px;right:6%}.reference-decking-subframe .hero .breadcrumb{align-items:center;gap:14px;display:flex}.reference-decking-subframe .hero .breadcrumb span{color:var(--ink-foreground)}.reference-decking-subframe .hero.product{min-height:675px}.reference-decking-subframe .hero.product h1{max-width:750px}.reference-decking-subframe .hero.product .hero-img{object-position:50% 55%}.reference-decking-subframe .page-nav{z-index:20;background:var(--fencing-overlay);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0}.reference-decking-subframe .page-nav .wrap{justify-content:space-between;align-items:center;gap:24px;min-height:64px;display:flex}.reference-decking-subframe .page-tabs,.reference-decking-subframe .jump-links{align-items:center;gap:28px;font-size:.88rem;display:flex}.reference-decking-subframe .page-tabs a{white-space:nowrap;padding:20px 0}.reference-decking-subframe .page-tabs a[aria-current=page]{border-bottom:2px solid var(--lime-ink);font-weight:700}.reference-decking-subframe .jump-links{color:currentColor;gap:25px}.reference-decking-subframe .jump-links a:hover{color:var(--ink)}.reference-decking-subframe .intro-grid{grid-template-columns:1fr 1fr;align-items:start;gap:11%;display:grid}.reference-decking-subframe .intro-grid h2{max-width:560px}.reference-decking-subframe .intro-grid .lead{padding-top:37px}.reference-decking-subframe .benefit-strip{border-top:1px solid var(--border);grid-template-columns:repeat(4,1fr);margin-top:62px;display:grid}.reference-decking-subframe .benefit{padding:28px 32px 4px 0}.reference-decking-subframe .benefit:not(:first-child){border-left:1px solid var(--border);padding-left:30px}.reference-decking-subframe .benefit strong{margin:12px 0;font-size:1.15rem;font-weight:600;line-height:1.3;display:block}.reference-decking-subframe .benefit .symbol{color:var(--lime-ink);font-size:1.7rem;line-height:1}.reference-decking-subframe .benefit p{color:currentColor;font-size:.95rem}.reference-decking-subframe .section-head{justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:45px;display:flex}.reference-decking-subframe .section-head p{max-width:440px}.reference-decking-subframe .section-head .eyebrow{margin-bottom:18px}.reference-decking-subframe .profiles{grid-template-columns:1fr 1fr;gap:28px;display:grid}.reference-decking-subframe .profile-card{display:block}.reference-decking-subframe .profile-image{height:380px;position:relative;overflow:hidden}.reference-decking-subframe .profile-image img{object-fit:cover;width:100%;height:100%;transition:transform .7s}.reference-decking-subframe .profile-card:hover img{transform:scale(1.035)}.reference-decking-subframe .profile-image .number{background:var(--background);padding:5px 12px;font-size:.85rem;position:absolute;top:20px;left:20px}.reference-decking-subframe .profile-info{padding:28px 0 5px}.reference-decking-subframe .profile-info h3{margin-bottom:15px;font-size:2.4rem}.reference-decking-subframe .profile-info p{color:currentColor;max-width:480px;margin-bottom:15px}.reference-decking-subframe .tags{flex-wrap:wrap;gap:7px;margin:20px 0;display:flex}.reference-decking-subframe .tag{border:1px solid var(--border);padding:5px 10px;font-size:.77rem;line-height:1.3}.reference-decking-subframe .explorer-grid{grid-template-columns:minmax(0,1.4fr) minmax(350px,1fr);align-items:start;gap:56px;display:grid}.reference-decking-subframe .explorer-photo{background:var(--secondary);aspect-ratio:1.25;position:relative;overflow:hidden}.reference-decking-subframe .explorer-photo>img{object-fit:cover;width:100%;height:100%}.reference-decking-subframe .image-note{background:var(--fencing-overlay);color:var(--ink);padding:5px 10px;font-size:.75rem;position:absolute;bottom:20px;left:20px}.reference-decking-subframe .photo-expand{color:var(--ink);background:var(--card);min-height:42px;padding:8px 12px;font-size:.8rem;position:absolute;top:17px;right:17px}.reference-decking-subframe .photo-caption{justify-content:space-between;align-items:start;gap:12px;margin-top:16px;font-size:.9rem;display:flex}.reference-decking-subframe .photo-caption small{color:currentColor;font-size:.78rem}.reference-decking-subframe .explorer-controls{padding-top:1px}.reference-decking-subframe .segmented{border:1px solid var(--border);gap:0;width:fit-content;margin-bottom:28px;display:flex}.reference-decking-subframe .segmented button{color:currentColor;background:0 0;min-height:42px;padding:10px 20px;font-size:.88rem}.reference-decking-subframe .segmented button[aria-pressed=true]{background:var(--ink);color:var(--card)}.reference-decking-subframe .explorer-controls h3{font-size:2.6rem}.reference-decking-subframe .finish-story{color:currentColor;min-height:76px;margin-top:12px;font-size:1rem}.reference-decking-subframe .swatches{grid-template-columns:repeat(5,1fr);gap:18px 13px;margin:28px 0;display:grid}.reference-decking-subframe .swatch{text-align:left;color:var(--ink);background:0 0;padding:0}.reference-decking-subframe .swatch-chip{border:1px solid var(--fencing-overlay);width:100%;height:46px;margin-bottom:7px;display:block;position:relative}.reference-decking-subframe .swatch[aria-pressed=true] .swatch-chip{outline:2px solid var(--lime-ink);outline-offset:4px}.reference-decking-subframe .swatch[aria-pressed=true] .swatch-chip:after{content:"✓";background:var(--background);color:var(--lime-ink);text-align:center;border-radius:50%;width:20px;height:20px;font-size:14px;font-weight:700;line-height:20px;position:absolute;bottom:4px;right:5px}.reference-decking-subframe .swatch-label{min-height:28px;font-size:.77rem;line-height:1.15;display:block}.reference-decking-subframe .orientation{margin-top:25px}.reference-decking-subframe .orientation .small{margin-bottom:9px}.reference-decking-subframe .orientation .segmented{margin-bottom:12px}.reference-decking-subframe .sample-action{flex-wrap:wrap;align-items:center;gap:22px;margin-top:24px;display:flex}.reference-decking-subframe .colour-note{color:currentColor;margin-top:22px;font-size:.77rem}.reference-decking-subframe .no-preview{text-align:center;background:var(--secondary);flex-direction:column;justify-content:center;align-items:center;gap:15px;height:100%;padding:35px;display:flex}.reference-decking-subframe .colour-block{border:1px solid var(--fencing-overlay);width:140px;height:100px;display:block}.reference-decking-subframe .gallery-tools{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;margin:30px 0;display:flex}.reference-decking-subframe .filter-buttons{gap:24px;display:flex}.reference-decking-subframe .filter-buttons button{color:currentColor;background:0 0;border-bottom:2px solid #0000;padding:14px 0;font-size:.92rem}.reference-decking-subframe .filter-buttons button[aria-pressed=true]{border-color:var(--ink);color:var(--ink);font-weight:600}.reference-decking-subframe .gallery-tools select{color:var(--ink);background:0 0;border:0;max-width:180px;padding:9px 24px 9px 9px;font-size:.88rem}.reference-decking-subframe .gallery-grid{grid-template-columns:repeat(3,1fr);gap:40px 24px;display:grid}.reference-decking-subframe .gallery-card{text-align:left;color:inherit;background:0 0;padding:0}.reference-decking-subframe .gallery-card .gallery-img{aspect-ratio:1.35;overflow:hidden}.reference-decking-subframe .gallery-card img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.reference-decking-subframe .gallery-card:hover img{transform:scale(1.035)}.reference-decking-subframe .gallery-card h3{letter-spacing:0;margin:15px 0 6px;font-size:1.3rem;line-height:1.3}.reference-decking-subframe .gallery-card p{color:currentColor;font-size:.86rem}.reference-decking-subframe .gallery-bottom{justify-content:space-between;align-items:center;gap:30px;margin-top:38px;display:flex}.reference-decking-subframe .empty-gallery{color:currentColor;grid-column:1/-1;padding:50px 0}.reference-decking-subframe .construction{background:var(--foreground);color:var(--ink-foreground)}.reference-decking-subframe .construction .eyebrow{color:var(--accent)}.reference-decking-subframe .construction-grid{grid-template-columns:1fr 1fr;align-items:start;gap:85px;display:grid}.reference-decking-subframe .construction h2{max-width:450px;margin-bottom:25px}.reference-decking-subframe .construction .lead{color:var(--ink-foreground);max-width:455px}.reference-decking-subframe .construction-steps{border-top:1px solid var(--fencing-overlay)}.reference-decking-subframe .construction-step{border-bottom:1px solid var(--fencing-overlay);grid-template-columns:45px 1fr;gap:15px;padding:25px 0;display:grid}.reference-decking-subframe .construction-step>span{color:var(--accent);font-size:.85rem}.reference-decking-subframe .construction-step h3{letter-spacing:0;margin-bottom:10px;font-size:1.4rem}.reference-decking-subframe .construction-step p{color:var(--ink-foreground);font-size:.96rem}.reference-decking-subframe .construction .actions{margin-top:35px}.reference-decking-subframe .product-design{grid-template-columns:1.05fr 1fr;align-items:center;gap:75px;display:grid}.reference-decking-subframe .product-design img{aspect-ratio:1.12;object-fit:cover;width:100%}.reference-decking-subframe .product-design h2{margin-bottom:23px}.reference-decking-subframe .product-design p{margin-bottom:22px}.reference-decking-subframe .feature-list{border-top:1px solid var(--border);margin:30px 0 0;padding:0;list-style:none}.reference-decking-subframe .feature-list li{border-bottom:1px solid var(--border);gap:18px;padding:15px 0;font-size:.97rem;display:flex}.reference-decking-subframe .feature-list li>span{color:var(--lime-ink);padding-top:3px;font-size:.78rem}.reference-decking-subframe .spec-grid{grid-template-columns:.9fr 1.1fr;gap:100px;display:grid}.reference-decking-subframe .spec-grid h2{margin-bottom:24px}.reference-decking-subframe .spec-table{margin:0}.reference-decking-subframe .spec-table>div{border-top:1px solid var(--border);grid-template-columns:1fr 1.2fr;gap:25px;padding:18px 0;font-size:.97rem;display:grid}.reference-decking-subframe .spec-table dt{font-weight:600}.reference-decking-subframe .spec-table dd{color:currentColor;margin:0}.reference-decking-subframe .spec-table>div:last-child{border-bottom:1px solid var(--border)}.reference-decking-subframe .faq-grid{grid-template-columns:.85fr 1.15fr;gap:90px;display:grid}.reference-decking-subframe .faq-grid h2{max-width:380px;margin-bottom:25px}.reference-decking-subframe .faq-grid .lead{max-width:335px}.reference-decking-subframe .faqs details{border-top:1px solid var(--border)}.reference-decking-subframe .faqs details:last-child{border-bottom:1px solid var(--border)}.reference-decking-subframe .faqs summary{cursor:pointer;padding:23px 45px 23px 0;font-size:1.08rem;line-height:1.4;list-style:none;position:relative}.reference-decking-subframe .faqs summary::-webkit-details-marker{display:none}.reference-decking-subframe .faqs summary:after{content:"+";color:var(--lime-ink);font-size:1.6rem;font-weight:400;position:absolute;top:19px;right:4px}.reference-decking-subframe .faqs details[open] summary:after{content:"−"}.reference-decking-subframe .faqs details p{color:currentColor;padding:0 30px 25px 0;font-size:1rem;line-height:1.7}.reference-decking-subframe .crosslink{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:40px;margin-top:70px;padding:35px 0;display:flex}.reference-decking-subframe .crosslink h3{font-size:1.9rem}.reference-decking-subframe .final-cta{background:var(--accent);padding:75px 0}.reference-decking-subframe .final-cta .wrap{justify-content:space-between;align-items:center;gap:60px;display:flex}.reference-decking-subframe .final-cta h2{max-width:640px;font-size:3.6rem}.reference-decking-subframe .final-cta .eyebrow{color:var(--foreground)}.reference-decking-subframe .final-cta p{max-width:580px;color:var(--foreground);margin-top:20px}.reference-decking-subframe .final-cta .actions{flex-shrink:0;max-width:220px}.reference-decking-subframe .final-cta .btn{width:100%}.reference-decking-subframe .footer{background:var(--foreground);color:var(--ink-foreground);padding:65px 0 25px}.reference-decking-subframe .footer-top{grid-template-columns:repeat(4,minmax(0,1fr));gap:65px;display:grid}.reference-decking-subframe .footer .logo{width:175px}.reference-decking-subframe .footer p{color:var(--ink-foreground);max-width:330px;margin-top:22px;font-size:.9rem}.reference-decking-subframe .footer-title{letter-spacing:0;color:var(--accent);margin-bottom:20px;font-size:.76rem}.reference-decking-subframe .footer-links{flex-direction:column;gap:11px;font-size:.9rem;display:flex}.reference-decking-subframe .footer-bottom{border-top:1px solid var(--fencing-overlay);color:var(--foreground);justify-content:space-between;gap:20px;margin-top:50px;padding-top:25px;font-size:.76rem;display:flex}.reference-decking-subframe dialog{background:var(--background);color:var(--ink);width:100%;max-width:min(1050px,94vw);max-height:92dvh;box-shadow:0 20px 100px var(--fencing-overlay);border:0;padding:0;overflow:auto}.reference-decking-subframe dialog::backdrop{background:var(--fencing-overlay)}.reference-decking-subframe .dialog-close{z-index:2;background:var(--background);width:44px;height:44px;color:var(--ink);justify-content:center;align-items:center;font-size:1.6rem;display:flex;position:absolute;top:15px;right:15px}.reference-decking-subframe .lightbox-image{object-fit:contain;background:var(--foreground);width:100%;max-height:65dvh}.reference-decking-subframe .lightbox-body{justify-content:space-between;align-items:center;gap:30px;padding:28px 35px;display:flex}.reference-decking-subframe .lightbox-body h3{margin-bottom:8px;font-size:1.8rem}.reference-decking-subframe #sample-dialog{max-width:580px;padding:45px}.reference-decking-subframe #sample-dialog h2{margin-bottom:18px;font-size:2.7rem}.reference-decking-subframe #sample-dialog p{color:currentColor}.reference-decking-subframe .sample-fields{gap:20px;margin:26px 0;display:grid}.reference-decking-subframe .sample-fields label{font-size:.87rem;font-weight:600}.reference-decking-subframe .sample-fields select{border:1px solid var(--border);background:var(--card);border-radius:0;width:100%;margin-top:8px;padding:12px;display:block}.reference-decking-subframe .sample-summary{background:var(--secondary);margin:20px 0;padding:18px}.reference-decking-subframe .sample-summary strong{display:block}.reference-decking-subframe .sample-note{margin-top:18px;font-size:.83rem}.reference-decking-subframe .sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=1700px){.reference-decking-subframe .hero{min-height:800px}}@media (width<=1100px){.reference-decking-subframe .wrap{width:90%}.reference-decking-subframe .primary-nav{gap:24px}.reference-decking-subframe .explorer-grid{grid-template-columns:1.15fr 1fr;gap:35px}.reference-decking-subframe .section{padding:80px 0}.reference-decking-subframe .construction-grid,.reference-decking-subframe .faq-grid,.reference-decking-subframe .spec-grid{gap:55px}.reference-decking-subframe .footer-top{gap:30px}.reference-decking-subframe .profile-image{height:320px}.reference-decking-subframe .jump-links{gap:17px}.reference-decking-subframe .swatches{gap:16px 12px}.reference-decking-subframe .product-design{gap:45px}}@media (width<=800px){.reference-decking-subframe .utility .wrap>span{display:none}.reference-decking-subframe .utility .wrap{justify-content:flex-end}.reference-decking-subframe .utility-links{gap:20px}.reference-decking-subframe .header-inner{height:82px}.reference-decking-subframe .logo{width:160px}.reference-decking-subframe .menu-toggle{display:block}.reference-decking-subframe .primary-nav{background:var(--foreground);flex-direction:column;align-items:stretch;gap:7px;padding:25px 5%;display:none;position:absolute;top:82px;left:0;right:0}.reference-decking-subframe .primary-nav.open{display:flex}.reference-decking-subframe .hero{min-height:650px}.reference-decking-subframe .hero-content{padding-top:160px;padding-bottom:80px}.reference-decking-subframe .hero h1{max-width:630px;font-size:4.7rem}.reference-decking-subframe .hero:after{background:linear-gradient(90deg,var(--fencing-hero-overlay),var(--fencing-hero-overlay)),linear-gradient(0deg,var(--fencing-hero-overlay),transparent)}.reference-decking-subframe .hero p:not(.eyebrow){font-size:1.05rem}.reference-decking-subframe .hero-caption{display:none}.reference-decking-subframe .page-nav .wrap{min-height:0;display:block}.reference-decking-subframe .page-tabs{justify-content:space-between;gap:15px}.reference-decking-subframe .page-tabs a{padding:17px 0;font-size:.85rem}.reference-decking-subframe .jump-links{display:none}.reference-decking-subframe .intro-grid{grid-template-columns:1fr;gap:15px}.reference-decking-subframe .intro-grid .lead{padding-top:0}.reference-decking-subframe .benefit-strip{grid-template-columns:1fr 1fr;gap:0;margin-top:40px}.reference-decking-subframe .benefit{padding:25px 15px 20px 0}.reference-decking-subframe .benefit:not(:first-child){padding-left:20px}.reference-decking-subframe .benefit:nth-child(3){border-left:0;border-top:1px solid var(--border);padding-left:0}.reference-decking-subframe .benefit:nth-child(4){border-top:1px solid var(--border)}.reference-decking-subframe .section-head{flex-direction:column;align-items:start;gap:22px;margin-bottom:32px}.reference-decking-subframe .section-head p{max-width:620px}.reference-decking-subframe .profile-image{height:300px}.reference-decking-subframe .profile-info h3{font-size:2rem}.reference-decking-subframe .explorer-grid{grid-template-columns:1fr;gap:30px}.reference-decking-subframe .explorer-photo{aspect-ratio:1.5}.reference-decking-subframe .explorer-controls h3{font-size:2.5rem}.reference-decking-subframe .finish-story{min-height:0}.reference-decking-subframe .swatches{grid-template-columns:repeat(5,1fr);gap:22px}.reference-decking-subframe .swatch-chip{height:60px}.reference-decking-subframe .swatch-label{min-height:0;font-size:.82rem}.reference-decking-subframe .gallery-grid{grid-template-columns:1fr 1fr}.reference-decking-subframe .construction-grid,.reference-decking-subframe .faq-grid,.reference-decking-subframe .spec-grid,.reference-decking-subframe .product-design{grid-template-columns:1fr;gap:40px}.reference-decking-subframe .construction h2{max-width:600px}.reference-decking-subframe .product-design img{aspect-ratio:1.5}.reference-decking-subframe .faq-grid h2{max-width:580px}.reference-decking-subframe .faq-grid .lead{max-width:500px}.reference-decking-subframe .final-cta .wrap{flex-direction:column;align-items:flex-start;gap:32px}.reference-decking-subframe .final-cta .actions{max-width:none}.reference-decking-subframe .final-cta .btn{width:auto}.reference-decking-subframe .footer-top{grid-template-columns:1.5fr 1fr;gap:42px}.reference-decking-subframe .footer-bottom{flex-direction:column}.reference-decking-subframe .lightbox-body{flex-direction:column;align-items:start;gap:18px}}@media (width<=520px){.reference-decking-subframe{font-size:16px}.reference-decking-subframe .wrap{width:89%}.reference-decking-subframe .utility{height:30px}.reference-decking-subframe .utility-links{gap:22px;font-size:.65rem}.reference-decking-subframe .hero{min-height:690px}.reference-decking-subframe .hero.product{min-height:650px}.reference-decking-subframe .hero-content{padding-top:140px;padding-bottom:64px}.reference-decking-subframe .hero h1{letter-spacing:0;font-size:3.25rem}.reference-decking-subframe .hero .eyebrow{font-size:.72rem}.reference-decking-subframe .hero .actions{flex-direction:column;align-items:stretch;max-width:270px}.reference-decking-subframe .section{padding:62px 0}.reference-decking-subframe .eyebrow{margin-bottom:16px}.reference-decking-subframe h2{font-size:2.55rem}.reference-decking-subframe .benefit strong{font-size:1.05rem}.reference-decking-subframe .benefit p{font-size:.88rem}.reference-decking-subframe .benefit:not(:first-child){padding-left:16px}.reference-decking-subframe .benefit:nth-child(3){padding-left:0}.reference-decking-subframe .profiles{grid-template-columns:1fr;gap:38px}.reference-decking-subframe .profile-image{height:285px}.reference-decking-subframe .profile-info{padding-top:22px}.reference-decking-subframe .profile-info p{font-size:.98rem}.reference-decking-subframe .explorer-photo{aspect-ratio:1.15}.reference-decking-subframe .image-note{font-size:.7rem;bottom:12px;left:12px}.reference-decking-subframe .photo-caption{flex-direction:column;gap:2px}.reference-decking-subframe .swatches{grid-template-columns:repeat(3,1fr);gap:20px 12px}.reference-decking-subframe .swatch-chip{height:49px}.reference-decking-subframe .swatch-label{font-size:.82rem}.reference-decking-subframe .sample-action{gap:17px}.reference-decking-subframe .gallery-tools{align-items:flex-start}.reference-decking-subframe .filter-buttons{gap:19px}.reference-decking-subframe .filter-buttons button{font-size:.86rem}.reference-decking-subframe .gallery-tools select{max-width:115px;padding-top:15px;font-size:.8rem}.reference-decking-subframe .gallery-grid{grid-template-columns:1fr;gap:30px}.reference-decking-subframe .gallery-card .gallery-img{aspect-ratio:1.4}.reference-decking-subframe .gallery-bottom{flex-direction:column;align-items:start;gap:20px}.reference-decking-subframe .spec-table>div{grid-template-columns:1fr 1.2fr;gap:20px;font-size:.9rem}.reference-decking-subframe .construction-step{grid-template-columns:27px 1fr;gap:12px}.reference-decking-subframe .faqs summary{font-size:1rem}.reference-decking-subframe .crosslink{flex-direction:column;align-items:start;margin-top:45px}.reference-decking-subframe .final-cta{padding:60px 0}.reference-decking-subframe .final-cta .actions{flex-direction:column;width:100%;max-width:270px}.reference-decking-subframe .footer-top{grid-template-columns:1fr 1fr;gap:35px 24px}.reference-decking-subframe .footer-top>div:first-child,.reference-decking-subframe .footer-top>div:last-child{grid-column:1/-1}.reference-decking-subframe .footer-title{margin-bottom:16px}.reference-decking-subframe #sample-dialog{padding:35px 25px}.reference-decking-subframe .lightbox-body{padding:23px}.reference-decking-subframe .page-tabs{gap:10px}.reference-decking-subframe .page-tabs a{font-size:.79rem}.reference-decking-subframe .segmented button{padding:10px 16px}}@media (prefers-reduced-motion:reduce){.reference-decking-subframe{scroll-behavior:auto}.reference-decking-subframe *{transition:none!important}}.reference-decking-subframe .preview-switch{width:100%;margin-bottom:18px}.reference-decking-subframe .preview-switch button{flex:1;min-height:46px}.reference-decking-subframe .explorer-photo.board-preview{background:var(--card);border:1px solid var(--border)}.reference-decking-subframe .explorer-photo.board-preview>img{object-fit:contain;width:100%;height:100%;padding:18px 20px 35px}.reference-decking-subframe .board-colour-label{margin:25px 0 13px;font-size:.85rem;font-weight:600}.reference-decking-subframe .swatches.board-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:21px 15px;margin:0 0 22px}.reference-decking-subframe .board-options .swatch-chip{aspect-ratio:.84;background:var(--card);border:1px solid var(--border);height:auto;margin-bottom:10px;overflow:visible}.reference-decking-subframe .board-options .swatch-chip img{object-fit:contain;width:100%;height:100%;transition:transform .25s}.reference-decking-subframe .board-options .swatch:hover img{transform:scale(1.06)}.reference-decking-subframe .board-options .swatch-label{min-height:1.25em;font-size:.85rem;line-height:1.25}.reference-decking-subframe .board-options .swatch[aria-pressed=true] .swatch-chip{outline-offset:3px}.reference-decking-subframe .additional-finish{color:currentColor;flex-wrap:wrap;align-items:center;gap:5px 10px;margin-top:8px;font-size:.8rem;display:flex}.reference-decking-subframe .additional-finish button{color:var(--ink);background:0 0;padding:5px 0;font-size:.8rem}.reference-decking-subframe .additional-finish button[aria-pressed=true]{color:var(--lime-ink);border-bottom-width:2px}.reference-decking-subframe .board-unavailable{background:var(--card)}.reference-decking-subframe .board-unavailable p{max-width:35ch}.reference-decking-subframe .board-unavailable .eyebrow{margin-bottom:0}.reference-decking-subframe .board-unavailable .btn{margin-top:12px}.reference-decking-subframe .board-dialog-image{background:var(--card);justify-content:center;align-items:center;padding:35px 30px 15px;display:flex}.reference-decking-subframe .board-dialog-image img{object-fit:contain;max-width:100%;height:62dvh;max-height:760px}.reference-decking-subframe #board-dialog{max-width:min(900px,94vw)}.reference-decking-subframe #board-dialog .lightbox-body{border-top:1px solid var(--border)}@media (width<=1100px){.reference-decking-subframe .swatches.board-options{gap:20px 12px}.reference-decking-subframe .board-options .swatch-label{font-size:.8rem}.reference-decking-subframe .board-options .swatch-chip{aspect-ratio:.75}}@media (width<=800px){.reference-decking-subframe .explorer-photo.board-preview{aspect-ratio:1.3}.reference-decking-subframe .swatches.board-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px}.reference-decking-subframe .board-options .swatch-chip{aspect-ratio:1}.reference-decking-subframe .board-options .swatch-label{font-size:.88rem}.reference-decking-subframe .preview-switch{margin-bottom:15px}}@media (width<=520px){.reference-decking-subframe .explorer-photo.board-preview{aspect-ratio:1.04}.reference-decking-subframe .explorer-photo.board-preview>img{padding:10px 14px 30px}.reference-decking-subframe .swatches.board-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:21px 12px}.reference-decking-subframe .board-options .swatch-chip{aspect-ratio:.65}.reference-decking-subframe .board-options .swatch-label{min-height:2.5em;font-size:.82rem}.reference-decking-subframe .preview-switch button{padding:12px 10px;font-size:.85rem}.reference-decking-subframe .board-dialog-image{padding:45px 15px 15px}.reference-decking-subframe .board-dialog-image img{height:52dvh}.reference-decking-subframe .additional-finish{font-size:.8rem}}.reference-decking-subframe .header .logo,.reference-decking-subframe .footer .logo{mix-blend-mode:normal;object-fit:contain;width:240px;height:auto;max-height:none;display:block}.reference-decking-subframe .header-inner>a:first-child{flex-shrink:0;display:block}@media (width<=1000px){.reference-decking-subframe .header .logo{width:210px}}@media (width<=480px){.reference-decking-subframe .header .logo{width:188px}.reference-decking-subframe .footer .logo{width:220px}}.reference-decking-subframe .advantages{position:relative}.reference-decking-subframe .advantages .section-anchor{position:absolute;top:0;left:0}.reference-decking-subframe .advantage-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:70px;display:grid}.reference-decking-subframe .advantages .advantage-intro .eyebrow{letter-spacing:0;max-width:390px;font-size:.8rem;line-height:1.6}.reference-decking-subframe .advantages h2{letter-spacing:0;max-width:530px;margin-bottom:25px;font-size:4.2rem;line-height:1.08}.reference-decking-subframe .advantages h2 span{color:var(--accent)}.reference-decking-subframe .advantages .lead{max-width:390px;margin-bottom:32px;line-height:1.65}.reference-decking-subframe .advantage-intro>.btn{border-color:var(--secondary);color:var(--ink-foreground);min-height:48px}.reference-decking-subframe .advantage-grid{gap:22px;display:grid}.reference-decking-subframe .advantage-card{background:var(--background);color:var(--ink);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);min-width:0;min-height:235px;display:grid;overflow:hidden}.reference-decking-subframe .advantage-image{background:var(--card);justify-content:center;align-items:center;min-width:0;padding:34px 14px 25px;display:flex;position:relative}.reference-decking-subframe .advantage-number{color:var(--lime-ink);letter-spacing:0;font-size:.8rem;font-weight:600;position:absolute;top:18px;left:20px}.reference-decking-subframe .advantage-drawing{width:100%;max-width:240px;height:auto;display:block;overflow:hidden}.reference-decking-subframe .advantage-copy{flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;padding:31px 30px 29px 24px;display:flex}.reference-decking-subframe .advantage-copy h3{letter-spacing:0;margin-bottom:13px;font-size:1.55rem;line-height:1.2}.reference-decking-subframe .advantage-copy p{color:currentColor;margin-bottom:21px;font-size:1rem;line-height:1.65}.reference-decking-subframe .advantage-result{border-top:2px solid var(--secondary);max-width:100%;color:var(--lime-ink);padding-top:13px;font-size:.875rem;font-weight:600;line-height:1.45;display:block}.reference-decking-subframe .jump-links a{white-space:nowrap}@media (width<=1180px){.reference-decking-subframe .page-nav .jump-links{display:none}.reference-decking-subframe .advantage-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:42px}.reference-decking-subframe .advantage-copy{padding:28px 24px 26px 20px}.reference-decking-subframe .advantages h2{font-size:3.25rem}}@media (width<=1000px){.reference-decking-subframe .advantage-layout{grid-template-columns:1fr;gap:38px}.reference-decking-subframe .advantage-intro,.reference-decking-subframe .advantages h2{max-width:600px}.reference-decking-subframe .advantages .lead{max-width:570px}.reference-decking-subframe .advantage-card{grid-template-columns:minmax(180px,.65fr) minmax(0,1.35fr);min-height:220px}.reference-decking-subframe .advantage-copy{padding:30px}.reference-decking-subframe .advantage-image{padding:35px 20px 25px}.reference-decking-subframe .advantage-drawing{max-width:235px}}@media (width<=520px){.reference-decking-subframe .advantages h2{font-size:2.75rem}.reference-decking-subframe .advantages .advantage-intro .eyebrow{max-width:290px;font-size:.8rem}.reference-decking-subframe .advantage-layout{gap:32px}.reference-decking-subframe .advantage-grid{gap:22px}.reference-decking-subframe .advantage-card{grid-template-columns:1fr}.reference-decking-subframe .advantage-image{height:175px;padding:30px 45px 18px}.reference-decking-subframe .advantage-drawing{width:auto;max-width:100%;height:100%}.reference-decking-subframe .advantage-number{top:17px;left:24px}.reference-decking-subframe .advantage-copy{padding:25px}.reference-decking-subframe .advantage-copy h3{font-size:1.55rem}.reference-decking-subframe .advantage-copy p{margin-bottom:19px}.reference-decking-subframe .advantage-result{font-size:.875rem}.reference-decking-subframe .advantage-intro>.btn{font-size:.8rem}}.reference-decking-subframe .trims-section{border-top:1px solid var(--border);background:var(--background)}.reference-decking-subframe .trim-section-meta{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.reference-decking-subframe .trim-finish{color:currentColor;align-items:center;gap:10px;font-size:.88rem;display:inline-flex}.reference-decking-subframe .trim-finish>span{background:var(--border);border:1px solid var(--fencing-overlay);width:24px;height:24px;display:block}.reference-decking-subframe .trim-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.reference-decking-subframe .trim-card{text-align:left;color:inherit;border:1px solid var(--border);background:0 0;flex-direction:column;padding:0;transition:border-color .2s;display:flex}.reference-decking-subframe .trim-card:hover{border-color:var(--lime-ink)}.reference-decking-subframe .trim-card-image{background:var(--card);aspect-ratio:1.35;width:100%;position:relative;overflow:hidden}.reference-decking-subframe .trim-card-image img{object-fit:contain;width:100%;height:100%;transition:transform .4s}.reference-decking-subframe .trim-card:hover img{transform:scale(1.035)}.reference-decking-subframe .trim-card-number{color:currentColor;font-size:.75rem;position:absolute;top:14px;left:16px}.reference-decking-subframe .trim-card-body{flex-direction:column;flex:1;align-items:flex-start;padding:22px 20px;display:flex}.reference-decking-subframe .trim-card h3{letter-spacing:0;margin-bottom:8px;font-size:1.2rem;line-height:1.25}.reference-decking-subframe .trim-card p{color:currentColor;margin-bottom:22px;font-size:.85rem}.reference-decking-subframe .trim-view{border-bottom:1px solid;margin-top:auto;padding-bottom:3px;font-size:.82rem;font-weight:600;display:inline-block}.reference-decking-subframe .trim-section-bottom{justify-content:space-between;align-items:center;gap:50px;margin-top:35px;display:flex}.reference-decking-subframe .trim-section-bottom p{max-width:650px}.reference-decking-subframe .trim-section-bottom .btn{flex-shrink:0}.reference-decking-subframe #trim-dialog{max-width:min(1100px,94vw)}.reference-decking-subframe .trim-dialog-grid{grid-template-columns:1.2fr 1fr;min-height:480px;display:grid}.reference-decking-subframe .trim-dialog-image{background:var(--card);justify-content:center;align-items:center;min-width:0;padding:25px;display:flex}.reference-decking-subframe .trim-dialog-image img{object-fit:contain;width:100%;max-height:65dvh}.reference-decking-subframe .trim-dialog-body{flex-direction:column;align-items:flex-start;padding:62px 40px 45px;display:flex}.reference-decking-subframe .trim-dialog-body h2{margin-bottom:24px;font-size:2.5rem}.reference-decking-subframe .trim-dialog-body>.trim-finish{margin-bottom:25px}.reference-decking-subframe .trim-dialog-body #trim-dialog-description{margin-bottom:22px;font-size:1.02rem}.reference-decking-subframe .trim-dialog-body>.btn{margin-top:30px}.reference-decking-subframe .trim-dialog-body>.eyebrow{margin-bottom:17px}@media (width<=1100px){.reference-decking-subframe .trim-grid{gap:18px}.reference-decking-subframe .trim-card-body{padding:20px 15px}.reference-decking-subframe .trim-card h3{font-size:1.08rem}}@media (width<=950px){.reference-decking-subframe .page-nav .jump-links{display:none}.reference-decking-subframe .trim-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-decking-subframe .trim-dialog-grid{grid-template-columns:1fr}.reference-decking-subframe .trim-dialog-image{padding:10px 35px}.reference-decking-subframe .trim-dialog-image img{height:38dvh}.reference-decking-subframe .trim-dialog-body{padding:30px 35px 40px}.reference-decking-subframe .trim-dialog-body h2{margin-bottom:20px}.reference-decking-subframe .trim-section-bottom{gap:25px}}@media (width<=520px){.reference-decking-subframe .trim-grid{gap:18px 12px}.reference-decking-subframe .trim-card-body{padding:16px 13px}.reference-decking-subframe .trim-card h3{font-size:1rem;line-height:1.3}.reference-decking-subframe .trim-card p{margin-bottom:18px;font-size:.8rem}.reference-decking-subframe .trim-card-image{aspect-ratio:1.05}.reference-decking-subframe .trim-card-number{top:10px;left:10px}.reference-decking-subframe .trim-card-image img{transform:scale(1.12)}.reference-decking-subframe .trim-card:hover img{transform:scale(1.16)}.reference-decking-subframe .trim-section-meta{align-items:flex-start;gap:20px}.reference-decking-subframe .trim-section-meta>p{text-align:right;max-width:150px;font-size:.8rem}.reference-decking-subframe .trim-section-bottom{flex-direction:column;align-items:flex-start;gap:23px}.reference-decking-subframe .trim-dialog-body{padding:25px}.reference-decking-subframe .trim-dialog-body h2{font-size:2.15rem}.reference-decking-subframe .trim-dialog-image{padding:20px}.reference-decking-subframe .trim-dialog-image img{height:31dvh}.reference-decking-subframe .trim-dialog-body>.btn{width:100%}}.reference-decking-subframe .material-story .intro-grid{grid-template-columns:1.25fr 1fr;align-items:center;gap:70px}.reference-decking-subframe .material-story .intro-grid h2{max-width:690px;font-size:3.7rem;line-height:1.1}.reference-decking-subframe .material-story .intro-grid h2 span{color:var(--lime-ink)}.reference-decking-subframe .material-story .intro-grid .lead{max-width:440px;padding-top:22px}.reference-decking-subframe .material-story .lead strong{font-weight:inherit;color:var(--ink)}.reference-decking-subframe .material-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);align-items:stretch;gap:60px;margin-top:48px;display:grid}.reference-decking-subframe .core-card{background:var(--secondary);border-top:3px solid var(--lime-ink);padding:34px 36px 30px}.reference-decking-subframe .core-card .eyebrow{letter-spacing:0;margin-bottom:18px;font-size:.8rem}.reference-decking-subframe .core-card h3{letter-spacing:0;font-size:1.95rem;line-height:1.15}.reference-decking-subframe .core-composition{margin:25px 0 23px}.reference-decking-subframe .core-composition>div{border-bottom:1px solid var(--secondary);grid-template-columns:96px minmax(0,1fr);align-items:center;gap:15px;padding:14px 0;display:grid}.reference-decking-subframe .core-composition>div:first-child{border-top:1px solid var(--secondary)}.reference-decking-subframe .core-composition dt{color:var(--foreground);grid-area:1/2;font-size:.95rem;line-height:1.45}.reference-decking-subframe .core-composition dd{letter-spacing:0;color:var(--foreground);font-variant-numeric:tabular-nums;grid-area:1/1;margin:0;font-size:2.55rem;font-weight:500;line-height:1}.reference-decking-subframe .core-composition dd span{letter-spacing:0;margin-left:3px;font-size:1.2rem}.reference-decking-subframe .core-note{color:var(--foreground);font-size:1rem;line-height:1.6}.reference-decking-subframe .material-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 42px;display:grid}.reference-decking-subframe .material-benefit{border-bottom:1px solid var(--border);padding:12px 0 30px}.reference-decking-subframe .material-benefit:nth-child(n+3){border-bottom:0;padding-top:28px;padding-bottom:4px}.reference-decking-subframe .material-icon{width:42px;height:42px;color:var(--lime-ink);justify-content:center;align-items:center;margin-bottom:20px;display:flex}.reference-decking-subframe .material-icon svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:34px;height:34px}.reference-decking-subframe .material-benefit h3{letter-spacing:0;margin-bottom:13px;font-size:1.45rem;line-height:1.2}.reference-decking-subframe .material-benefit p{color:currentColor;font-size:1rem;line-height:1.65}@media (width<=1100px){.reference-decking-subframe .material-story .intro-grid{gap:40px}.reference-decking-subframe .material-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:35px}.reference-decking-subframe .core-card{padding:30px 26px}.reference-decking-subframe .core-composition>div{grid-template-columns:80px minmax(0,1fr);gap:10px}.reference-decking-subframe .material-benefits{gap:0 28px}.reference-decking-subframe .material-benefit h3{font-size:1.3rem}}@media (width<=800px){.reference-decking-subframe .material-story .intro-grid{grid-template-columns:1fr;gap:22px}.reference-decking-subframe .material-story .intro-grid .lead{max-width:600px;padding-top:0}.reference-decking-subframe .material-layout{grid-template-columns:1fr;gap:30px;margin-top:35px}.reference-decking-subframe .core-card{padding:30px}.reference-decking-subframe .core-composition{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:25px 0 20px;display:grid}.reference-decking-subframe .core-composition>div{border-top:1px solid var(--secondary);flex-direction:column;align-items:flex-start;gap:12px;padding:18px 0;display:flex}.reference-decking-subframe .core-composition dd{order:-1}.reference-decking-subframe .core-composition dt{font-size:.95rem}.reference-decking-subframe .core-note{max-width:550px}.reference-decking-subframe .material-benefits{gap:0 35px}.reference-decking-subframe .material-benefit{padding-top:15px}.reference-decking-subframe .material-benefit h3{font-size:1.45rem}}@media (width<=520px){.reference-decking-subframe .material-story .intro-grid h2{font-size:2.55rem}.reference-decking-subframe .core-card{padding:27px 25px}.reference-decking-subframe .core-card h3{font-size:1.85rem}.reference-decking-subframe .core-composition{margin:23px 0 20px;display:block}.reference-decking-subframe .core-composition>div{border-top:0;grid-template-columns:82px minmax(0,1fr);gap:14px;padding:15px 0;display:grid}.reference-decking-subframe .core-composition dd{font-size:2.4rem}.reference-decking-subframe .core-composition dt{font-size:1rem}.reference-decking-subframe .material-benefits{grid-template-columns:1fr;gap:0}.reference-decking-subframe .material-benefit,.reference-decking-subframe .material-benefit:nth-child(n+3){border-bottom:1px solid var(--border);grid-template-columns:36px minmax(0,1fr);column-gap:18px;padding:25px 0;display:grid}.reference-decking-subframe .material-benefit:last-child{border-bottom:0;padding-bottom:0}.reference-decking-subframe .material-icon{grid-area:1/1;width:36px;height:32px;margin:0}.reference-decking-subframe .material-icon svg{width:30px;height:30px}.reference-decking-subframe .material-benefit h3{grid-area:1/2;margin:2px 0 12px;font-size:1.4rem}.reference-decking-subframe .material-benefit p{grid-column:2;font-size:1rem}}.reference-decking-subframe .buying-section{background:var(--secondary);border-top:1px solid var(--border)}.reference-decking-subframe .buying-section .section-head{align-items:center}.reference-decking-subframe .buying-section .section-head .lead{max-width:430px}.reference-decking-subframe .buying-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.reference-decking-subframe .buying-option{background:var(--background);border:1px solid var(--border);grid-template-columns:54px minmax(0,1fr);gap:24px;padding:36px;transition:border-color .2s,background .2s;display:grid}.reference-decking-subframe .buying-option:hover{border-color:var(--lime-ink);background:var(--card)}.reference-decking-subframe .buying-icon{color:var(--lime-ink);background:var(--secondary);justify-content:center;align-items:center;width:54px;height:54px;display:flex}.reference-decking-subframe .buying-icon svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:38px;height:38px}.reference-decking-subframe .buying-option h3{letter-spacing:0;margin:2px 0 14px;font-size:1.7rem;line-height:1.2}.reference-decking-subframe .buying-option p{color:currentColor;max-width:370px;font-size:1rem;line-height:1.65}.reference-decking-subframe .buying-link{border-top:1px solid var(--border);color:var(--lime-ink);justify-content:space-between;align-items:center;gap:20px;margin-top:27px;padding-top:18px;font-size:.95rem;font-weight:600;display:flex}.reference-decking-subframe .buying-link>span{font-size:1.3rem;line-height:1}.reference-decking-subframe .buying-help{justify-content:space-between;align-items:center;gap:35px;margin-top:32px;display:flex}.reference-decking-subframe .buying-help h3{letter-spacing:0;margin-bottom:5px;font-size:1.15rem;line-height:1.35}.reference-decking-subframe .buying-help p{color:currentColor;font-size:1rem}.reference-decking-subframe .buying-help .btn{flex-shrink:0}.reference-decking-subframe .professionals-section{background:var(--foreground);color:var(--background)}.reference-decking-subframe .professionals-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:80px;display:grid}.reference-decking-subframe .professionals-copy .eyebrow{color:var(--accent)}.reference-decking-subframe .professionals-copy h2{max-width:530px;margin-bottom:24px}.reference-decking-subframe .professionals-copy .lead{color:var(--ink-foreground);max-width:460px}.reference-decking-subframe .professional-links{border-top:1px solid var(--fencing-overlay);margin-top:31px}.reference-decking-subframe .professional-links>a{border-bottom:1px solid var(--fencing-overlay);justify-content:space-between;align-items:center;gap:20px;padding:23px 0;display:flex}.reference-decking-subframe .professional-links h3{letter-spacing:0;margin-bottom:8px;font-size:1.35rem;line-height:1.25}.reference-decking-subframe .professional-links p{color:var(--ink-foreground);max-width:380px;font-size:1rem;line-height:1.55}.reference-decking-subframe .professional-links>a>span{color:var(--accent);flex-shrink:0;font-size:1.6rem;line-height:1}.reference-decking-subframe .professional-links>a:hover h3{color:var(--accent)}.reference-decking-subframe .professional-inspiration{border-bottom:1px solid var(--secondary);align-items:center;gap:20px;margin-top:25px;padding:7px 0;font-size:.95rem;font-weight:600;display:inline-flex}.reference-decking-subframe .professional-inspiration>span{color:var(--accent)}.reference-decking-subframe .professionals-image{min-width:0;position:relative}.reference-decking-subframe .professionals-image>img{object-fit:cover;object-position:center;width:100%;height:510px}.reference-decking-subframe .professionals-image figcaption{color:var(--ink-foreground);flex-wrap:wrap;justify-content:space-between;gap:5px 15px;margin-top:14px;font-size:.875rem;line-height:1.45;display:flex}.reference-decking-subframe .professionals-image small{color:var(--ink-foreground);font-size:.8rem}@media (width<=1100px){.reference-decking-subframe .buying-option{grid-template-columns:46px minmax(0,1fr);gap:20px;padding:30px}.reference-decking-subframe .buying-icon{width:46px;height:46px}.reference-decking-subframe .buying-icon svg{width:32px;height:32px}.reference-decking-subframe .buying-option h3{font-size:1.5rem}.reference-decking-subframe .professionals-layout{gap:45px}.reference-decking-subframe .professionals-image>img{height:520px}}@media (width<=800px){.reference-decking-subframe .buying-section .section-head{align-items:flex-start}.reference-decking-subframe .buying-section .section-head .lead{max-width:600px}.reference-decking-subframe .buying-options{grid-template-columns:1fr;gap:20px}.reference-decking-subframe .buying-option{grid-template-columns:54px minmax(0,1fr);gap:25px}.reference-decking-subframe .buying-option p{max-width:550px}.reference-decking-subframe .buying-icon{width:54px;height:54px}.reference-decking-subframe .buying-icon svg{width:38px;height:38px}.reference-decking-subframe .buying-option h3{font-size:1.7rem}.reference-decking-subframe .professionals-layout{grid-template-columns:1fr;gap:38px}.reference-decking-subframe .professionals-copy h2{max-width:620px}.reference-decking-subframe .professionals-copy .lead,.reference-decking-subframe .professional-links p{max-width:600px}.reference-decking-subframe .professionals-image>img{aspect-ratio:1.5;height:auto}.reference-decking-subframe .professionals-image figcaption{margin-top:12px}}@media (width<=520px){.reference-decking-subframe .buying-option{grid-template-columns:1fr;gap:21px;padding:26px}.reference-decking-subframe .buying-option h3{font-size:1.55rem}.reference-decking-subframe .buying-option p{font-size:1rem}.reference-decking-subframe .buying-link{margin-top:23px;padding-top:17px}.reference-decking-subframe .buying-help{flex-direction:column;align-items:flex-start;gap:22px;margin-top:28px}.reference-decking-subframe .buying-help h3{font-size:1.1rem}.reference-decking-subframe .buying-help p{font-size:1rem}.reference-decking-subframe .professionals-copy h2{font-size:2.65rem}.reference-decking-subframe .professional-links{margin-top:26px}.reference-decking-subframe .professional-links>a{padding:22px 0}.reference-decking-subframe .professional-links h3{font-size:1.3rem}.reference-decking-subframe .professional-links p{font-size:1rem}.reference-decking-subframe .professional-inspiration{font-size:.9rem}.reference-decking-subframe .professionals-image>img{aspect-ratio:1.15}.reference-decking-subframe .professionals-image figcaption{flex-direction:column;font-size:.875rem}}.reference-decking-subframe .journal-section{background:var(--background)}.reference-decking-subframe .journal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;display:grid}.reference-decking-subframe .journal-card{color:var(--ink);text-align:left;background:0 0;flex-direction:column;min-width:0;padding:0;display:flex}.reference-decking-subframe .journal-card-image{aspect-ratio:1.4;background:var(--secondary);width:100%;position:relative;overflow:hidden}.reference-decking-subframe .journal-card-image>img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.reference-decking-subframe .journal-card:hover .journal-card-image>img{transform:scale(1.035)}.reference-decking-subframe .journal-image-note{background:var(--fencing-overlay);color:var(--foreground);padding:4px 8px;font-size:.75rem;line-height:1.35;position:absolute;bottom:12px;left:14px}.reference-decking-subframe .journal-card-copy{flex-direction:column;flex:1;align-items:flex-start;width:100%;padding:25px 0 0;display:flex}.reference-decking-subframe .journal-category{text-transform:uppercase;letter-spacing:0;color:var(--lime-ink);font-size:.8rem;font-weight:600;line-height:1.5}.reference-decking-subframe .journal-card h3{letter-spacing:0;margin:12px 0 14px;font-size:1.65rem;line-height:1.18}.reference-decking-subframe .journal-card p{color:currentColor;margin-bottom:24px;font-size:1rem;line-height:1.6}.reference-decking-subframe .journal-read{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;width:100%;margin-top:auto;padding-top:17px;font-size:.9rem;font-weight:600;display:flex}.reference-decking-subframe .journal-read>span{color:var(--lime-ink);font-size:1.35rem}.reference-decking-subframe .journal-card:hover .journal-read{color:var(--lime-ink)}.reference-decking-subframe #article-dialog{max-width:min(900px,94vw)}.reference-decking-subframe .article-image{object-fit:cover;width:100%;height:310px;max-height:40dvh}.reference-decking-subframe .article-body{padding:38px 55px 45px}.reference-decking-subframe .article-body h2{max-width:680px;margin:12px 0 15px;font-size:3rem;line-height:1.13}.reference-decking-subframe .article-image-caption{color:currentColor;margin-bottom:30px;font-size:.8rem}.reference-decking-subframe .article-content{max-width:680px}.reference-decking-subframe .article-content p{color:var(--foreground);margin-bottom:20px;font-size:1.05rem;line-height:1.8}.reference-decking-subframe .article-content h3{letter-spacing:0;margin:27px 0 12px;font-size:1.4rem;line-height:1.3}.reference-decking-subframe .article-body>.btn{margin-top:14px}.reference-decking-subframe .newsletter-section{background:var(--foreground);color:var(--background);border-bottom:1px solid var(--fencing-overlay);padding:76px 0}.reference-decking-subframe .newsletter-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:85px;display:grid}.reference-decking-subframe .newsletter-section .eyebrow{color:var(--accent)}.reference-decking-subframe .newsletter-section h2{margin-bottom:22px;font-size:3.4rem;line-height:1.1}.reference-decking-subframe .newsletter-section .lead{color:var(--ink-foreground);max-width:430px}.reference-decking-subframe .newsletter-email-label{margin-bottom:12px;font-size:1rem;font-weight:500;display:block}.reference-decking-subframe .newsletter-entry{align-items:stretch;gap:0;display:flex}.reference-decking-subframe .newsletter-entry input{border:1px solid var(--secondary);background:var(--card);width:100%;min-width:0;color:var(--ink);border-radius:0;min-height:56px;padding:16px 18px;font-size:1rem}.reference-decking-subframe .newsletter-entry input::placeholder{color:var(--foreground)}.reference-decking-subframe .newsletter-entry .btn{white-space:nowrap;flex-shrink:0;gap:14px;padding:16px 20px}.reference-decking-subframe .newsletter-entry .btn>span{font-size:1.2rem;line-height:1}.reference-decking-subframe .newsletter-consent{color:var(--ink-foreground);cursor:pointer;align-items:flex-start;gap:12px;margin-top:20px;font-size:.9rem;line-height:1.6;display:flex}.reference-decking-subframe .newsletter-consent input{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0;margin:3px 0 0}.reference-decking-subframe .newsletter-form input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.reference-decking-subframe .newsletter-note{color:var(--ink-foreground);max-width:520px;margin-top:15px;font-size:.875rem;line-height:1.6}.reference-decking-subframe .newsletter-status{color:var(--ink-foreground);border-left:3px solid var(--accent);background:var(--fencing-overlay);margin-top:20px;padding:16px 18px;font-size:.95rem;line-height:1.6}.reference-decking-subframe .newsletter-status a{color:var(--accent);text-underline-offset:3px;margin-top:5px;text-decoration:underline;display:inline-block}@media (width<=1100px){.reference-decking-subframe .journal-grid{gap:24px}.reference-decking-subframe .journal-card h3{font-size:1.5rem}.reference-decking-subframe .newsletter-layout{gap:48px}.reference-decking-subframe .newsletter-entry .btn{gap:10px;padding:16px 15px;font-size:.8rem}}@media (width<=800px){.reference-decking-subframe .journal-grid{grid-template-columns:1fr;gap:32px}.reference-decking-subframe .journal-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;display:grid}.reference-decking-subframe .journal-card-image{aspect-ratio:1.2;height:100%;min-height:245px}.reference-decking-subframe .journal-card-copy{padding:0}.reference-decking-subframe .journal-card h3{font-size:1.6rem}.reference-decking-subframe .newsletter-layout{grid-template-columns:1fr;gap:32px}.reference-decking-subframe .newsletter-section .lead{max-width:550px}.reference-decking-subframe .newsletter-entry .btn{padding:16px 23px;font-size:.85rem}.reference-decking-subframe .article-body{padding:32px 35px 40px}}@media (width<=520px){.reference-decking-subframe .journal-grid{gap:36px}.reference-decking-subframe .journal-card{gap:0;display:flex}.reference-decking-subframe .journal-card-image{aspect-ratio:1.4;height:auto;min-height:0}.reference-decking-subframe .journal-card-copy{padding-top:22px}.reference-decking-subframe .journal-card h3{font-size:1.6rem}.reference-decking-subframe .journal-card p{margin-bottom:20px}.reference-decking-subframe .article-image{height:210px;max-height:30dvh}.reference-decking-subframe .article-body{padding:28px 25px 32px}.reference-decking-subframe .article-body h2{font-size:2rem}.reference-decking-subframe .article-content p{font-size:1rem;line-height:1.75}.reference-decking-subframe .article-content h3{font-size:1.3rem}.reference-decking-subframe .newsletter-section{padding:60px 0}.reference-decking-subframe .newsletter-section h2{font-size:2.6rem}.reference-decking-subframe .newsletter-entry{flex-direction:column;gap:12px}.reference-decking-subframe .newsletter-entry .btn{width:100%;min-height:52px}.reference-decking-subframe .newsletter-consent{font-size:.9rem}.reference-decking-subframe .newsletter-note{font-size:.875rem}}.reference-decking-subframe .siding-download-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-decking-subframe .siding-spec-downloads{flex-direction:column;align-items:flex-start;gap:14px;margin-top:25px;display:flex}@media (width<=1100px) and (width>=801px){.reference-decking-subframe .siding-page-nav .wrap{flex-wrap:wrap;gap:0}.reference-decking-subframe .siding-page-nav .page-tabs,.reference-decking-subframe .siding-page-nav .jump-links{justify-content:center;width:100%}.reference-decking-subframe .siding-page-nav .jump-links{flex-wrap:wrap;padding:0 0 14px}.reference-decking-subframe .siding-download-card{padding:25px}}@media (width<=800px){.reference-decking-subframe .siding-download-grid,.reference-decking-subframe .siding-download-grid-four{grid-template-columns:1fr}.reference-decking-subframe .siding-download-card{padding:28px}.reference-decking-subframe .siding-download-card h3{font-size:1.7rem}}.reference-decking-subframe .tone{background:var(--secondary)}.reference-decking-subframe .hero .lead{max-width:530px;font-size:16px;font-weight:300;line-height:1.65}.reference-decking-subframe .deck-hero{min-height:740px}.reference-decking-subframe .deck-hero .hero-img{object-position:center 56%}.reference-decking-subframe .deck-hero:after{background:linear-gradient(90deg,var(--fencing-overlay) 0%,var(--fencing-overlay) 46%,var(--fencing-overlay) 100%),linear-gradient(180deg,var(--fencing-overlay),transparent 50%)}.reference-decking-subframe .deck-hero-video{pointer-events:none}.reference-decking-subframe .deck-hero-control{z-index:2;border:1px solid var(--fencing-overlay);background:var(--fencing-overlay);min-height:44px;color:var(--card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:center;gap:10px;padding:9px 14px;font-size:.75rem;font-weight:400;line-height:1.3;display:inline-flex;position:absolute;bottom:22px;left:6%}.reference-decking-subframe .deck-hero-control:hover{background:var(--fencing-overlay)}.reference-decking-subframe .deck-hero-control>span:first-child{text-align:center;min-width:12px;font-size:.85rem}.reference-decking-subframe .deck-hero-control[hidden],.reference-decking-subframe .deck-hero-video[hidden]{display:none}.reference-decking-subframe .deck-page-nav{background:var(--fencing-overlay)}.reference-decking-subframe .deck-nav-label{letter-spacing:0;flex-shrink:0;font-size:.72rem;font-weight:700}.reference-decking-subframe .deck-page-links{scrollbar-width:thin;align-items:center;gap:24px;display:flex;overflow-x:auto}.reference-decking-subframe .deck-page-links a{white-space:nowrap;color:currentColor;padding:21px 0;font-size:.82rem}.reference-decking-subframe .deck-page-links a:hover{color:var(--lime-ink)}.reference-decking-subframe .deck-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;margin-top:54px;display:grid}.reference-decking-subframe .deck-benefits article{border-top:1px solid var(--border);padding-top:25px}.reference-decking-subframe .deck-number{letter-spacing:0;color:var(--lime-ink);margin-bottom:23px;font-size:.7rem;font-weight:600;line-height:1.5;display:block}.reference-decking-subframe .deck-benefits h3{letter-spacing:0;margin-bottom:16px;font-size:1.6rem;line-height:1.2}.reference-decking-subframe .deck-benefits p{color:currentColor;font-size:.96rem;line-height:1.65}.reference-decking-subframe .deck-collections{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 32px;display:grid}.reference-decking-subframe .deck-board-collections{grid-template-columns:repeat(3,minmax(0,1fr))}.reference-decking-subframe .deck-collection{flex-direction:column;min-width:0;display:flex}.reference-decking-subframe .deck-product-photo{background:var(--card);width:100%;height:270px;color:var(--ink);justify-content:center;align-items:center;padding:48px 22px 24px;display:flex;position:relative;overflow:hidden}.reference-decking-subframe .deck-product-photo img{object-fit:contain;width:100%;height:100%;transition:transform .4s}.reference-decking-subframe .deck-product-photo:hover img{transform:scale(1.035)}.reference-decking-subframe .deck-card-index{letter-spacing:0;color:var(--foreground);font-size:.68rem;font-weight:600;position:absolute;top:18px;left:20px}.reference-decking-subframe .deck-image-more{color:var(--lime-ink);font-size:1.4rem;position:absolute;bottom:13px;right:17px}.reference-decking-subframe .deck-collection-copy{flex-direction:column;flex:1;padding:25px 0 0;display:flex}.reference-decking-subframe .deck-card-tag{font-weight:500;color:var(--lime-ink)!important;margin-bottom:12px!important;font-size:.75rem!important}.reference-decking-subframe .deck-collection h3{margin-bottom:16px;font-size:2.15rem;line-height:1.12}.reference-decking-subframe .deck-collection-copy>p:not(.deck-card-tag){color:currentColor;max-width:48ch;margin-bottom:19px;font-size:.96rem;line-height:1.65}.reference-decking-subframe .deck-card-facts{flex-wrap:wrap;gap:8px;margin-top:auto;margin-bottom:20px;display:flex}.reference-decking-subframe .deck-card-facts span{border:1px solid var(--secondary);padding:4px 9px;font-size:.73rem}.reference-decking-subframe .deck-card-actions{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;padding-top:13px;display:flex}.reference-decking-subframe .deck-card-actions .text-link{color:var(--ink);text-align:left;background:0 0;border:0;padding:9px 0;font-weight:600}.reference-decking-subframe .deck-card-actions .text-link span{color:var(--lime-ink);margin-left:8px}.reference-decking-subframe .deck-plain-link{text-align:left;color:var(--lime-ink);text-underline-offset:4px;background:0 0;padding:8px 0;font-size:.85rem;font-weight:500}.reference-decking-subframe .deck-plain-link:hover,.reference-decking-subframe .deck-card-actions .text-link:hover{text-decoration:underline}.reference-decking-subframe .deck-compare{border-top:1px solid var(--secondary);border-bottom:1px solid var(--secondary);margin-top:48px}.reference-decking-subframe .deck-compare>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-size:1.05rem;list-style:none;display:flex}.reference-decking-subframe .deck-compare>summary::-webkit-details-marker{display:none}.reference-decking-subframe .deck-compare>summary>span{color:var(--lime-ink);font-size:1.5rem;font-weight:300;transition:transform .2s}.reference-decking-subframe .deck-compare[open]>summary>span{transform:rotate(45deg)}.reference-decking-subframe .deck-table-scroll{overflow-x:auto}.reference-decking-subframe .deck-compare table{border-collapse:collapse;text-align:left;width:100%;min-width:870px;font-size:.84rem}.reference-decking-subframe .deck-compare th,.reference-decking-subframe .deck-compare td{border-top:1px solid var(--border);vertical-align:top;padding:16px 15px;line-height:1.55}.reference-decking-subframe .deck-compare thead{background:var(--secondary)}.reference-decking-subframe .deck-compare th{font-weight:600}.reference-decking-subframe .deck-compare tbody th{min-width:135px}.reference-decking-subframe .deck-compare tbody td{color:currentColor}.reference-decking-subframe .deck-compare .deck-fineprint{margin:20px 0}.reference-decking-subframe .deck-tile-section{background:var(--card)}.reference-decking-subframe .deck-tile-feature{background:var(--secondary);grid-template-columns:minmax(0,1.12fr) minmax(380px,.88fr);min-height:500px;display:grid}.reference-decking-subframe .deck-tile-photo{background:var(--card);border:1px solid var(--border);min-width:0;color:var(--ink);justify-content:center;align-items:center;padding:70px 50px 45px;display:flex;position:relative;overflow:hidden}.reference-decking-subframe .deck-tile-photo img{object-fit:contain;width:100%;height:100%;max-height:430px;transition:transform .4s}.reference-decking-subframe .deck-tile-photo:hover img{transform:scale(1.035)}.reference-decking-subframe .deck-tile-copy{flex-direction:column;justify-content:center;padding:55px 50px;display:flex}.reference-decking-subframe .deck-tile-copy h3{margin-bottom:22px;font-size:4.1rem;line-height:1.05}.reference-decking-subframe .deck-tile-copy>p:not(.deck-card-tag){color:currentColor;margin-bottom:31px;line-height:1.7}.reference-decking-subframe .deck-tile-facts{border-top:1px solid var(--border);border-left:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:32px;display:grid}.reference-decking-subframe .deck-tile-facts>div{border-right:1px solid var(--border);border-bottom:1px solid var(--border);padding:16px}.reference-decking-subframe .deck-tile-facts span,.reference-decking-subframe .deck-tile-facts strong{display:block}.reference-decking-subframe .deck-tile-facts span{letter-spacing:0;color:var(--lime-ink);margin-bottom:6px;font-size:.66rem;font-weight:700}.reference-decking-subframe .deck-tile-facts strong{font-size:.88rem;font-weight:500}.reference-decking-subframe .deck-tile-copy .actions{align-items:center;gap:20px}.reference-decking-subframe .deck-colour-layout{grid-template-columns:minmax(0,1.13fr) minmax(0,1fr);align-items:start;gap:65px;display:grid}.reference-decking-subframe .deck-colour-preview{aspect-ratio:1.17;background:var(--card);border:1px solid var(--border);justify-content:center;align-items:center;padding:65px 25px 45px;display:flex;position:relative}.reference-decking-subframe .deck-colour-preview img{object-fit:contain;width:100%;height:100%}.reference-decking-subframe .deck-preview-label{font-size:.8rem;font-weight:500;position:absolute;top:21px;left:25px}.reference-decking-subframe .deck-preview-foot{letter-spacing:0;color:currentColor;font-size:.67rem;position:absolute;bottom:19px;left:25px}.reference-decking-subframe .deck-colour-caption{color:currentColor;justify-content:space-between;gap:15px;padding-top:16px;font-size:.79rem;display:flex}.reference-decking-subframe .deck-field-label{letter-spacing:0;margin-bottom:10px;font-size:.78rem;font-weight:600;display:block}.reference-decking-subframe .deck-colour-controls>select{background:var(--card);width:100%;color:var(--ink);border:1px solid var(--border);border-radius:0;min-height:48px;padding:13px 15px}.reference-decking-subframe .deck-selection-title{margin:30px 0 21px}.reference-decking-subframe .deck-selection-title .eyebrow{margin-bottom:11px;font-size:.68rem;font-weight:500}.reference-decking-subframe .deck-selection-title h3{font-size:2.4rem;line-height:1.12}.reference-decking-subframe .deck-colour-swatches{grid-template-columns:repeat(3,minmax(0,1fr));gap:21px 15px;margin-bottom:30px;display:grid}.reference-decking-subframe .deck-swatch{text-align:left;color:var(--ink);background:0 0;padding:0}.reference-decking-subframe .deck-swatch>span:first-child{border:1px solid var(--border);background:var(--card);height:76px;padding:7px;display:block;position:relative}.reference-decking-subframe .deck-swatch img{object-fit:contain;width:100%;height:100%}.reference-decking-subframe .deck-swatch>span:last-child{margin-top:9px;font-size:.77rem;line-height:1.3;display:block}.reference-decking-subframe .deck-swatch[aria-pressed=true]>span:first-child{outline:2px solid var(--lime-ink);outline-offset:3px}.reference-decking-subframe .deck-swatch[aria-pressed=true]>span:first-child:after{content:"✓";background:var(--lime-ink);color:var(--card);text-align:center;width:17px;height:17px;font-size:10px;line-height:17px;display:block;position:absolute;bottom:3px;right:3px}.reference-decking-subframe .deck-colour-controls .actions{align-items:center;gap:20px}.reference-decking-subframe .deck-fineprint{color:currentColor;max-width:70ch;margin-top:22px;font-size:.77rem;line-height:1.6}.reference-decking-subframe .deck-system-layout{grid-template-columns:minmax(0,1.16fr) minmax(0,1fr);align-items:start;gap:65px;display:grid}.reference-decking-subframe .deck-system-photo{background:var(--card);padding:25px 20px 17px}.reference-decking-subframe .deck-system-photo>img{object-fit:contain;width:100%;height:355px}.reference-decking-subframe .deck-system-photo figcaption{color:currentColor;padding:10px 7px 0;font-size:.73rem}.reference-decking-subframe .deck-system-steps article{border-top:1px solid var(--border);grid-template-columns:30px minmax(0,1fr);gap:19px;padding:24px 0;display:grid}.reference-decking-subframe .deck-system-steps article>span{color:var(--lime-ink);padding-top:3px;font-size:.78rem}.reference-decking-subframe .deck-system-steps h3{margin-bottom:11px;font-size:1.55rem;line-height:1.2}.reference-decking-subframe .deck-system-steps p{color:currentColor;font-size:.95rem;line-height:1.6}.reference-decking-subframe .deck-system-steps .text-link{margin-top:4px;margin-left:49px;font-weight:500}.reference-decking-subframe .deck-system-footer{border-top:1px solid var(--border);grid-template-columns:1fr 1.3fr auto;align-items:start;gap:28px;margin-top:44px;padding-top:26px;display:grid}.reference-decking-subframe .deck-system-footer strong{max-width:24ch;font-size:.98rem;font-weight:500}.reference-decking-subframe .deck-system-footer p{color:currentColor;max-width:45ch;font-size:.86rem}.reference-decking-subframe .deck-system-footer a{white-space:nowrap;padding:0}.reference-decking-subframe .deck-filter-bar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:25px;margin-bottom:32px;display:flex}.reference-decking-subframe .deck-filter-bar>.small{color:currentColor;flex-shrink:0;font-size:.76rem}.reference-decking-subframe .deck-filter-buttons{scrollbar-width:thin;gap:28px;display:flex;overflow-x:auto}.reference-decking-subframe .deck-filter-buttons button{color:currentColor;white-space:nowrap;background:0 0;border-bottom:2px solid #0000;min-height:52px;padding:14px 0;font-size:.88rem}.reference-decking-subframe .deck-filter-buttons button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--lime-ink);font-weight:600}.reference-decking-subframe .deck-component-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 25px;display:grid}.reference-decking-subframe .deck-component-card{color:inherit;text-align:left;background:0 0;align-self:start;min-width:0;padding:0}.reference-decking-subframe .deck-component-photo{background:var(--card);border:1px solid var(--secondary);aspect-ratio:1.2;padding:21px;display:block;position:relative}.reference-decking-subframe .deck-component-photo img{object-fit:contain;width:100%;height:100%;transition:transform .4s}.reference-decking-subframe .deck-component-card:hover img{transform:scale(1.035)}.reference-decking-subframe .deck-component-photo>span{color:var(--lime-ink);font-size:1.2rem;position:absolute;bottom:8px;right:13px}.reference-decking-subframe .deck-component-name{letter-spacing:0;margin-top:16px;font-size:1.04rem;font-weight:500;line-height:1.3;display:block}.reference-decking-subframe .deck-component-note{color:currentColor;margin-top:7px;font-size:.76rem;line-height:1.5;display:block}.reference-decking-subframe .deck-project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;display:grid}.reference-decking-subframe .deck-project-card{text-align:left;color:inherit;background:0 0;min-width:0;padding:0}.reference-decking-subframe .deck-project-cover{aspect-ratio:1.17;display:block;position:relative;overflow:hidden}.reference-decking-subframe .deck-project-cover>img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.reference-decking-subframe .deck-project-card:hover .deck-project-cover>img{transform:scale(1.035)}.reference-decking-subframe .deck-project-cover>span{background:var(--fencing-overlay);align-items:center;gap:20px;padding:7px 11px;font-size:.7rem;display:flex;position:absolute;bottom:14px;right:14px}.reference-decking-subframe .deck-project-label{color:var(--lime-ink);margin:22px 0 9px;font-size:.74rem;display:block}.reference-decking-subframe .deck-project-name{letter-spacing:0;font-size:1.9rem;font-weight:500;line-height:1.15;display:block}.reference-decking-subframe .deck-project-link{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:22px;padding-top:17px;font-size:.82rem;font-weight:500;display:flex}.reference-decking-subframe .deck-project-link>span{color:var(--lime-ink);font-size:1.1rem}.reference-decking-subframe .deck-case-study-card{min-width:0}.reference-decking-subframe .deck-case-study-card>.deck-project-card{width:100%}.reference-decking-subframe .deck-case-study-card>p{color:currentColor;margin:18px 0 8px;font-size:.92rem;line-height:1.65}.reference-decking-subframe .deck-case-study-card>.text-link{font-size:.82rem;font-weight:500}.reference-decking-subframe .deck-project-case-study{margin-top:22px}.reference-decking-subframe .deck-project-case-study[hidden]{display:none}.reference-decking-subframe .deck-resource-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;display:grid}.reference-decking-subframe .deck-resource{background:var(--secondary);text-align:left;color:var(--ink);border:1px solid #0000;flex-direction:column;padding:30px;display:flex}.reference-decking-subframe .deck-resource:hover{border-color:var(--lime-ink)}.reference-decking-subframe .deck-resource h3{margin-bottom:17px;font-size:1.6rem;line-height:1.2}.reference-decking-subframe .deck-resource p{color:currentColor;margin-bottom:28px;font-size:.94rem;line-height:1.65}.reference-decking-subframe .deck-resource-link{border-top:1px solid var(--border);width:100%;color:var(--lime-ink);justify-content:space-between;align-items:center;gap:15px;margin-top:auto;padding-top:18px;font-size:.83rem;font-weight:600;display:flex}.reference-decking-subframe .deck-faqs{max-width:880px;margin-left:auto}.reference-decking-subframe .deck-faqs summary{font-size:1rem}.reference-decking-subframe .deck-faqs details p{font-size:.94rem}.reference-decking-subframe .deck-buy-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.reference-decking-subframe .deck-buy-card{border:1px solid var(--border);flex-direction:column;padding:36px;display:flex}.reference-decking-subframe .deck-buy-card:hover{border-color:var(--lime-ink)}.reference-decking-subframe .deck-buy-card h3{margin-bottom:18px;font-size:1.9rem;line-height:1.17}.reference-decking-subframe .deck-buy-card p{color:currentColor;max-width:45ch;margin-bottom:29px;font-size:.96rem}.reference-decking-subframe .deck-professionals{background:var(--foreground);color:#fff}.reference-decking-subframe .deck-professionals .eyebrow,.reference-decking-subframe .deck-newsletter .eyebrow{color:var(--accent)}.reference-decking-subframe .deck-professionals .lead,.reference-decking-subframe .deck-newsletter .lead{color:var(--ink-foreground)}.reference-decking-subframe .deck-professional-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;display:grid}.reference-decking-subframe .deck-professional-links>a{border-top:1px solid var(--fencing-overlay);justify-content:space-between;align-items:center;gap:20px;padding:22px 0 0;font-size:.92rem;display:flex}.reference-decking-subframe .deck-professional-links>a span{color:var(--accent);font-size:1.3rem}.reference-decking-subframe .deck-newsletter{background:var(--foreground);color:var(--card);border-bottom:1px solid var(--fencing-overlay);padding:72px 0}.reference-decking-subframe .final-cta .btn.outline:hover{background:var(--secondary)}.reference-decking-subframe dialog{background:var(--card)}.reference-decking-subframe.decking-page:has(dialog[open]){overflow:hidden}.reference-decking-subframe #deck-detail-dialog{max-width:min(1020px,94vw)}.reference-decking-subframe #detail-content{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.reference-decking-subframe .deck-detail-image{background:var(--card);justify-content:center;align-items:center;padding:45px 30px;display:flex}.reference-decking-subframe .deck-detail-image img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:380px}.reference-decking-subframe .deck-detail-copy{padding:48px 38px 38px}.reference-decking-subframe .deck-detail-copy>.eyebrow{margin-bottom:14px;font-size:.68rem}.reference-decking-subframe .deck-detail-copy h2{margin-bottom:19px;font-size:2.55rem;line-height:1.1}.reference-decking-subframe .deck-detail-copy>p:not(.eyebrow){color:currentColor;font-size:.94rem;line-height:1.65}.reference-decking-subframe .deck-detail-specs{margin:27px 0}.reference-decking-subframe .deck-detail-specs>div{border-top:1px solid var(--border);grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:20px;padding:12px 0;font-size:.82rem;line-height:1.5;display:grid}.reference-decking-subframe .deck-detail-specs>div:last-child{border-bottom:1px solid var(--border)}.reference-decking-subframe .deck-detail-specs dt{font-weight:500}.reference-decking-subframe .deck-detail-specs dd{color:currentColor;margin:0}.reference-decking-subframe .deck-detail-copy .actions{align-items:center;gap:20px}.reference-decking-subframe .deck-detail-copy .text-link{font-size:.79rem;font-weight:500}.reference-decking-subframe .deck-project-stage{background:var(--foreground);position:relative}.reference-decking-subframe .deck-project-stage>img{object-fit:contain;width:100%;height:58dvh}.reference-decking-subframe .deck-photo-prev,.reference-decking-subframe .deck-photo-next{background:var(--fencing-overlay);min-width:44px;min-height:48px;color:var(--ink);font-size:1.35rem;position:absolute;top:50%;transform:translateY(-50%)}.reference-decking-subframe .deck-photo-prev{left:15px}.reference-decking-subframe .deck-photo-next{right:15px}.reference-decking-subframe .deck-photo-count{background:var(--fencing-overlay);color:var(--card);padding:4px 10px;font-size:.76rem;position:absolute;bottom:15px;right:19px}.reference-decking-subframe .deck-project-body{padding:30px 36px 35px}.reference-decking-subframe .deck-project-body>.eyebrow{margin-bottom:13px;font-size:.7rem}.reference-decking-subframe .deck-project-body h2{margin-bottom:18px;font-size:2.3rem}.reference-decking-subframe .deck-project-body>p:not(.eyebrow){color:currentColor;max-width:75ch;font-size:.95rem}.reference-decking-subframe .deck-project-thumbnails{gap:12px;margin:22px -4px 16px;padding:7px 4px;display:flex;overflow-x:auto}.reference-decking-subframe .deck-project-thumbnails button{background:var(--secondary);flex:0 0 90px;height:70px;padding:0}.reference-decking-subframe .deck-project-thumbnails img{object-fit:cover;width:100%;height:100%}.reference-decking-subframe .deck-project-thumbnails button[aria-pressed=true]{outline:2px solid var(--lime-ink);outline-offset:3px}.reference-decking-subframe .deck-project-body>.text-link{font-size:.79rem;font-weight:500}.reference-decking-subframe #deck-enquiry-dialog{max-width:570px;padding:45px 40px}.reference-decking-subframe #deck-enquiry-dialog>.eyebrow{margin-bottom:15px;font-size:.7rem}.reference-decking-subframe #deck-enquiry-dialog h2{margin-bottom:18px;font-size:2.6rem;line-height:1.13}.reference-decking-subframe #deck-enquiry-dialog>p:not(.eyebrow){color:currentColor;font-size:.93rem}.reference-decking-subframe #deck-enquiry-form{margin-top:25px}.reference-decking-subframe #deck-enquiry-form label{margin-bottom:8px;font-size:.83rem;font-weight:500;display:block}.reference-decking-subframe #deck-enquiry-form label>span{color:currentColor;font-size:.76rem;font-weight:400}.reference-decking-subframe #deck-enquiry-form input,.reference-decking-subframe #deck-enquiry-form select,.reference-decking-subframe #deck-enquiry-form textarea{border:1px solid var(--secondary);background:var(--card);width:100%;color:var(--ink);border-radius:0;margin-bottom:18px;padding:12px;display:block}.reference-decking-subframe #deck-enquiry-form textarea{resize:vertical}.reference-decking-subframe #deck-enquiry-form .btn{width:100%;margin-top:4px}.reference-decking-subframe #deck-enquiry-form .deck-fineprint{margin-top:15px}.reference-decking-subframe input:focus-visible,.reference-decking-subframe textarea:focus-visible,.reference-decking-subframe .deck-table-scroll:focus-visible{outline:3px solid var(--lime-ink);outline-offset:3px}.reference-decking-subframe .deck-integrated{background:var(--card)}.reference-decking-subframe .deck-system-statement{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);align-items:end;gap:50px;padding:42px 0;display:grid}.reference-decking-subframe .deck-system-statement .eyebrow{margin-bottom:14px}.reference-decking-subframe .deck-system-statement h3{letter-spacing:0;max-width:680px;margin-bottom:18px;font-size:3rem;line-height:1.08}.reference-decking-subframe .deck-system-statement p:not(.eyebrow){color:currentColor;max-width:700px;line-height:1.7}.reference-decking-subframe .deck-system-equation{grid-template-columns:1fr auto;align-items:center;gap:10px 14px;display:grid}.reference-decking-subframe .deck-system-equation a{background:var(--ink);min-height:48px;color:var(--card);letter-spacing:0;justify-content:space-between;align-items:center;gap:24px;padding:14px 16px;font-size:.72rem;font-weight:700;transition:background .2s;display:flex}.reference-decking-subframe .deck-system-equation a:hover{background:var(--lime-ink);text-underline-offset:4px;text-decoration:underline}.reference-decking-subframe .deck-system-equation a:focus-visible{outline:3px solid var(--lime-ink);outline-offset:3px}.reference-decking-subframe .deck-system-equation a span{letter-spacing:0;font-size:1rem;line-height:1}.reference-decking-subframe .deck-system-equation b{color:var(--lime-ink);font-size:1.25rem;font-weight:400}.reference-decking-subframe .deck-layer-grid{background:var(--border);border:1px solid var(--border);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:44px;display:grid}.reference-decking-subframe .deck-layer-grid article{background:var(--secondary);min-height:290px;padding:31px 25px 29px;position:relative}.reference-decking-subframe .deck-layer-index{color:var(--lime-ink);letter-spacing:0;margin-bottom:42px;font-size:.72rem;font-weight:700;display:block}.reference-decking-subframe .deck-layer-label{letter-spacing:0;margin-bottom:13px;font-weight:700;color:var(--lime-ink)!important;font-size:.68rem!important}.reference-decking-subframe .deck-layer-grid h3{letter-spacing:0;margin-bottom:15px;font-size:1.45rem;line-height:1.2}.reference-decking-subframe .deck-layer-grid article>p:last-child{color:currentColor;font-size:.9rem;line-height:1.65}.reference-decking-subframe .deck-quote-strip{background:var(--accent);justify-content:space-between;align-items:center;gap:35px;margin-top:28px;padding:28px 32px;display:flex}.reference-decking-subframe .deck-quote-strip strong{margin-bottom:6px;font-size:1.2rem;display:block}.reference-decking-subframe .deck-quote-strip p{max-width:680px;font-size:.9rem}.reference-decking-subframe .deck-quote-strip .btn{flex-shrink:0}.reference-decking-subframe .deck-integrated-benefits{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-bottom:20px;display:grid}.reference-decking-subframe .deck-integrated-benefits article{background:var(--card);border-top:4px solid var(--accent);min-height:245px;padding:28px 24px}.reference-decking-subframe .deck-integrated-benefits article>span{color:var(--lime-ink);letter-spacing:0;margin-bottom:40px;font-size:.72rem;font-weight:700;display:block}.reference-decking-subframe .deck-integrated-benefits h3{margin-bottom:14px;font-size:1.45rem;line-height:1.2}.reference-decking-subframe .deck-integrated-benefits p{color:currentColor;font-size:.9rem;line-height:1.65}.reference-decking-subframe .deck-warranty-note{color:currentColor;max-width:850px;margin-bottom:48px;font-size:.75rem}.reference-decking-subframe .deck-breakdown-layout{border-top:1px solid var(--border);grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:start;gap:50px;padding-top:48px;display:grid}.reference-decking-subframe .deck-breakdown-copy>.eyebrow{margin-bottom:14px}.reference-decking-subframe .deck-breakdown-copy>h3{letter-spacing:0;margin-bottom:15px;font-size:2.35rem;line-height:1.1}.reference-decking-subframe .deck-breakdown-copy>p:not(.eyebrow){color:currentColor;margin-bottom:25px}.reference-decking-subframe .deck-breakdown-scroll{overflow-x:auto}.reference-decking-subframe .deck-breakdown-table{border-collapse:collapse;text-align:left;width:100%;min-width:650px;font-size:.82rem}.reference-decking-subframe .deck-breakdown-table th,.reference-decking-subframe .deck-breakdown-table td{border-top:1px solid var(--border);vertical-align:top;padding:14px 13px;line-height:1.5}.reference-decking-subframe .deck-breakdown-table thead{background:var(--ink);color:#fff}.reference-decking-subframe .deck-breakdown-table thead th{letter-spacing:0;text-transform:uppercase;font-size:.68rem}.reference-decking-subframe .deck-breakdown-table tbody th{color:var(--lime-ink);width:18%;font-weight:700}.reference-decking-subframe .deck-breakdown-table tbody td:last-child{color:currentColor}.reference-decking-subframe .deck-sales-link{align-self:center;font-weight:700}.reference-decking-subframe .footer-action{color:inherit;text-align:left;font:inherit;background:0 0;padding:0}.reference-decking-subframe .footer-action:hover{text-decoration:underline}.reference-decking-subframe .deck-buy-card[type=button]{color:inherit;text-align:left;background:0 0;width:100%}@media (width>=1700px){.reference-decking-subframe .deck-hero{min-height:820px}}@media (width<=1100px){.reference-decking-subframe .deck-hero-control{left:5%}.reference-decking-subframe .deck-page-nav>.wrap{display:block}.reference-decking-subframe .deck-nav-label{display:none}.reference-decking-subframe .deck-page-links{justify-content:space-between;gap:22px}.reference-decking-subframe .deck-colour-layout,.reference-decking-subframe .deck-system-layout{gap:35px}.reference-decking-subframe .deck-benefits{gap:25px}.reference-decking-subframe .deck-collections{gap:34px 23px}.reference-decking-subframe .deck-product-photo{height:240px;padding:47px 15px 22px}.reference-decking-subframe .deck-card-actions{flex-direction:column;align-items:flex-start;gap:0}.reference-decking-subframe .deck-system-footer{grid-template-columns:1fr 1.4fr}.reference-decking-subframe .deck-system-footer a{grid-column:2}.reference-decking-subframe .deck-resource{padding:26px}.reference-decking-subframe .deck-resource h3{font-size:1.4rem}.reference-decking-subframe .deck-component-grid{gap:30px 20px}.reference-decking-subframe .deck-professional-links{gap:25px}.reference-decking-subframe .deck-professional-links>a{font-size:.85rem}.reference-decking-subframe .deck-layer-grid,.reference-decking-subframe .deck-integrated-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-decking-subframe .deck-system-statement{gap:30px}.reference-decking-subframe .deck-board-collections{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-decking-subframe .deck-tile-feature{grid-template-columns:minmax(0,1fr) minmax(340px,.85fr)}.reference-decking-subframe .deck-tile-copy{padding:44px 35px}.reference-decking-subframe .deck-tile-photo{padding:60px 35px 40px}}@media (width<=800px){.reference-decking-subframe .deck-hero{min-height:675px}.reference-decking-subframe .deck-hero .hero-img{object-position:65% center}.reference-decking-subframe .deck-page-links{justify-content:flex-start;gap:23px}.reference-decking-subframe .deck-page-links a{padding:18px 0;font-size:.8rem}.reference-decking-subframe .deck-benefits{grid-template-columns:1fr;gap:27px;margin-top:40px}.reference-decking-subframe .deck-benefits article{padding-top:22px}.reference-decking-subframe .deck-benefits h3{font-size:1.5rem}.reference-decking-subframe .deck-benefits p{max-width:58ch}.reference-decking-subframe .deck-number{margin-bottom:16px}.reference-decking-subframe .deck-collections{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px}.reference-decking-subframe .deck-collection h3{font-size:1.95rem}.reference-decking-subframe .deck-card-actions{flex-flow:wrap;align-items:center;gap:8px}.reference-decking-subframe .deck-colour-layout,.reference-decking-subframe .deck-system-layout{grid-template-columns:1fr;gap:33px}.reference-decking-subframe .deck-colour-preview{aspect-ratio:1.6}.reference-decking-subframe .deck-colour-controls{max-width:650px}.reference-decking-subframe .deck-colour-swatches{grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.reference-decking-subframe .deck-swatch>span:first-child{height:103px}.reference-decking-subframe .deck-system-photo>img{height:340px}.reference-decking-subframe .deck-system-footer{grid-template-columns:1fr;gap:15px}.reference-decking-subframe .deck-system-footer strong{max-width:none}.reference-decking-subframe .deck-system-footer a{grid-column:auto}.reference-decking-subframe .deck-component-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 18px}.reference-decking-subframe .deck-component-photo{padding:14px}.reference-decking-subframe .deck-component-name{font-size:.95rem}.reference-decking-subframe .deck-filter-bar{gap:20px}.reference-decking-subframe .deck-filter-buttons{gap:22px}.reference-decking-subframe .deck-filter-buttons button{font-size:.8rem}.reference-decking-subframe .deck-filter-bar>.small{display:none}.reference-decking-subframe .deck-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.reference-decking-subframe .deck-project-name{font-size:1.75rem}.reference-decking-subframe .deck-resource-grid{grid-template-columns:1fr}.reference-decking-subframe .deck-resource{padding:30px}.reference-decking-subframe .deck-resource h3{font-size:1.6rem}.reference-decking-subframe .deck-resource p{max-width:60ch}.reference-decking-subframe .deck-buy-card{padding:27px}.reference-decking-subframe .deck-buy-card h3{font-size:1.6rem}.reference-decking-subframe .deck-professional-links{grid-template-columns:1fr;gap:23px}.reference-decking-subframe .deck-professional-links>a{font-size:.96rem}.reference-decking-subframe .deck-system-statement,.reference-decking-subframe .deck-breakdown-layout{grid-template-columns:1fr}.reference-decking-subframe .deck-system-statement{align-items:start}.reference-decking-subframe .deck-breakdown-layout{gap:34px}.reference-decking-subframe .deck-quote-strip{flex-direction:column;align-items:flex-start}.reference-decking-subframe .deck-quote-strip .btn{width:100%}.reference-decking-subframe .deck-tile-feature{grid-template-columns:1fr}.reference-decking-subframe .deck-tile-photo{min-height:390px}.reference-decking-subframe .deck-tile-copy{padding:40px 34px}.reference-decking-subframe #detail-content{grid-template-columns:1fr}.reference-decking-subframe .deck-detail-image{padding:28px}.reference-decking-subframe .deck-detail-image img{height:250px}.reference-decking-subframe .deck-detail-copy{padding:30px}.reference-decking-subframe .deck-detail-copy h2{font-size:2.2rem}.reference-decking-subframe .deck-project-stage>img{height:48dvh}}@media (width<=520px){.reference-decking-subframe .deck-hero{min-height:650px}.reference-decking-subframe .hero h1{font-size:3.1rem}.reference-decking-subframe .hero .lead{max-width:34ch;font-size:16px}.reference-decking-subframe .deck-hero .hero-content{padding-top:135px;padding-bottom:104px}.reference-decking-subframe .deck-hero .actions{gap:10px}.reference-decking-subframe .deck-hero .btn{min-height:47px;padding:13px 15px;font-size:.74rem}.reference-decking-subframe .deck-collections{grid-template-columns:1fr;gap:38px}.reference-decking-subframe .deck-product-photo{height:260px;min-height:0}.reference-decking-subframe .deck-card-actions{flex-wrap:nowrap;gap:14px}.reference-decking-subframe .deck-collection h3{font-size:2rem}.reference-decking-subframe .deck-compare{margin-top:35px}.reference-decking-subframe .deck-colour-preview{aspect-ratio:1.2;padding:58px 18px 35px}.reference-decking-subframe .deck-preview-label{left:20px}.reference-decking-subframe .deck-colour-caption{gap:12px;font-size:.73rem}.reference-decking-subframe .deck-colour-swatches{gap:22px 13px}.reference-decking-subframe .deck-swatch>span:first-child{height:78px}.reference-decking-subframe .deck-selection-title h3{font-size:2.15rem}.reference-decking-subframe .deck-colour-controls .actions{flex-direction:column;align-items:flex-start;gap:15px}.reference-decking-subframe .deck-colour-controls .btn{width:100%}.reference-decking-subframe .deck-system-photo{padding:16px 10px}.reference-decking-subframe .deck-system-photo>img{height:255px}.reference-decking-subframe .deck-system-photo figcaption{font-size:.66rem}.reference-decking-subframe .deck-system-steps h3{font-size:1.4rem}.reference-decking-subframe .deck-system-steps .text-link{font-size:.82rem}.reference-decking-subframe .deck-component-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 17px}.reference-decking-subframe .deck-component-photo{aspect-ratio:1;padding:14px}.reference-decking-subframe .deck-component-name{font-size:.94rem}.reference-decking-subframe .deck-component-note{font-size:.71rem}.reference-decking-subframe .deck-component-photo>span{bottom:5px;right:9px}.reference-decking-subframe .deck-filter-buttons{gap:22px}.reference-decking-subframe .deck-project-grid,.reference-decking-subframe .deck-buy-grid{grid-template-columns:1fr;gap:34px}.reference-decking-subframe .deck-project-cover{aspect-ratio:1.3}.reference-decking-subframe .deck-project-label,.reference-decking-subframe .deck-project-link{margin-top:19px}.reference-decking-subframe .deck-resource{padding:27px}.reference-decking-subframe .deck-buy-card{padding:28px}.reference-decking-subframe .deck-newsletter{padding:60px 0}.reference-decking-subframe .deck-project-body{padding:26px 23px}.reference-decking-subframe .deck-project-body h2{font-size:2rem}.reference-decking-subframe .deck-photo-prev{left:8px}.reference-decking-subframe .deck-photo-next{right:8px}.reference-decking-subframe .deck-project-stage>img{height:40dvh}.reference-decking-subframe .deck-project-thumbnails button{flex-basis:75px;height:58px}.reference-decking-subframe .deck-detail-image{padding:22px}.reference-decking-subframe .deck-detail-image img{height:210px}.reference-decking-subframe .deck-detail-copy{padding:26px}.reference-decking-subframe .deck-detail-copy h2{font-size:2rem}.reference-decking-subframe .deck-detail-specs>div{gap:14px}.reference-decking-subframe .deck-detail-copy .actions{gap:17px}.reference-decking-subframe #deck-enquiry-dialog{padding:44px 25px 28px}.reference-decking-subframe #deck-enquiry-dialog h2{font-size:2.15rem}.reference-decking-subframe .deck-layer-grid,.reference-decking-subframe .deck-integrated-benefits{grid-template-columns:1fr}.reference-decking-subframe .deck-layer-grid article,.reference-decking-subframe .deck-integrated-benefits article{min-height:0}.reference-decking-subframe .deck-layer-index,.reference-decking-subframe .deck-integrated-benefits article>span{margin-bottom:25px}.reference-decking-subframe .deck-quote-strip{padding:25px 22px}.reference-decking-subframe .deck-breakdown-copy>h3{font-size:2rem}.reference-decking-subframe .deck-sales-link{text-align:center;width:100%}.reference-decking-subframe .deck-board-collections{grid-template-columns:1fr}.reference-decking-subframe .deck-tile-photo{min-height:310px;padding:52px 22px 30px}.reference-decking-subframe .deck-tile-copy{padding:34px 24px}.reference-decking-subframe .deck-tile-copy h3{font-size:2.6rem}.reference-decking-subframe .deck-tile-facts{grid-template-columns:1fr}.reference-decking-subframe .deck-tile-copy .actions{flex-direction:column;align-items:flex-start}.reference-decking-subframe .deck-tile-copy .btn{width:100%}}@media (prefers-reduced-motion:reduce){.reference-decking-subframe{scroll-behavior:auto}.reference-decking-subframe *,.reference-decking-subframe :before,.reference-decking-subframe :after{scroll-behavior:auto!important;transition:none!important}}.reference-decking-subframe .zerogap-page{background:var(--card)}.reference-decking-subframe .zerogap-page [hidden]{display:none!important}.reference-decking-subframe .zerogap-page .btn{text-transform:none;letter-spacing:0;gap:14px;font-size:.88rem;font-weight:500}.reference-decking-subframe .zerogap-page .header .btn{font-size:.79rem}.reference-decking-subframe .zerogap-page section[id],.reference-decking-subframe .zero-subframe[id]{scroll-margin-top:96px}.reference-decking-subframe .zero-hero{min-height:760px}.reference-decking-subframe .zero-hero .hero-img{object-position:center 58%}.reference-decking-subframe .zero-hero:after{background:linear-gradient(90deg,var(--fencing-overlay),var(--fencing-overlay) 53%,var(--fencing-overlay)),linear-gradient(0deg,var(--fencing-overlay),transparent 42%),linear-gradient(180deg,var(--fencing-overlay),transparent 24%)}.reference-decking-subframe .zero-hero .hero-content{padding-top:154px;padding-bottom:98px}.reference-decking-subframe .zero-breadcrumb{color:var(--ink-foreground);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:38px;font-size:.74rem;display:flex}.reference-decking-subframe .zero-breadcrumb a:hover{text-underline-offset:4px;text-decoration:underline}.reference-decking-subframe .zerogap-page .zero-hero h1{letter-spacing:0;max-width:850px;font-size:5.1rem;line-height:1.03}.reference-decking-subframe .zero-hero p.lead{max-width:50ch;color:var(--ink-foreground);margin:26px 0 30px;font-size:16px;font-weight:300}.reference-decking-subframe .zero-page-nav .deck-page-links{gap:27px}.reference-decking-subframe .zero-overview-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:68px;display:grid}.reference-decking-subframe .zero-board-figure{background:var(--secondary);padding:25px 20px 19px}.reference-decking-subframe .zero-board-figure>img{aspect-ratio:1.38;object-fit:contain;width:100%;height:auto}.reference-decking-subframe .zero-board-figure>figcaption{color:currentColor;padding:7px 4px;font-size:.74rem;font-weight:300}.reference-decking-subframe .zero-specification>.eyebrow{font-size:.72rem;font-weight:500}.reference-decking-subframe .zero-spec-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:0 0 28px;display:grid}.reference-decking-subframe .zero-spec-grid dt{color:currentColor;margin-bottom:7px;font-size:.78rem;font-weight:400}.reference-decking-subframe .zero-spec-grid dd{letter-spacing:0;margin:0;font-size:2.7rem;font-weight:400;line-height:1.05}.reference-decking-subframe .zero-spec-grid dd>span{color:var(--lime-ink);margin-left:3px;font-size:1.75rem}.reference-decking-subframe .zero-spec-list{margin:0}.reference-decking-subframe .zero-spec-list>div{border-top:1px solid var(--border);justify-content:space-between;align-items:start;gap:20px;padding:10px 0;font-size:.84rem;line-height:1.5;display:flex}.reference-decking-subframe .zero-spec-list dt{font-weight:500}.reference-decking-subframe .zero-spec-list dd{text-align:right;color:currentColor;margin:0;font-weight:300}.reference-decking-subframe .zero-spec-list dt{flex-shrink:0}.reference-decking-subframe .zero-spec-list dd{max-width:69%}.reference-decking-subframe .zero-spec-note{margin-top:12px;font-weight:300;line-height:1.6}.reference-decking-subframe .zero-profile{object-fit:contain;object-position:left center;width:100%;height:88px;margin:28px 0 12px}.reference-decking-subframe .zero-specification .text-link{font-size:.8rem;font-weight:500}.reference-decking-subframe .zero-colour-preview{aspect-ratio:1.17;border:0}.reference-decking-subframe .zero-colour-preview img{transition:opacity .18s}.reference-decking-subframe .zero-colour-preview[aria-busy=true] img{opacity:.55}.reference-decking-subframe .zerogap-page .deck-selection-title{margin-top:12px}.reference-decking-subframe .zerogap-page .deck-colour-swatches{margin-top:30px;margin-bottom:31px}.reference-decking-subframe .zerogap-page .deck-swatch>span:first-child{height:105px;padding:8px}.reference-decking-subframe .zerogap-page .deck-swatch>span:last-child{font-size:.8rem;font-weight:400}.reference-decking-subframe .zero-advantages{grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 42px;display:grid}.reference-decking-subframe .zero-advantage{border-top:1px solid var(--border);padding-top:27px;position:relative}.reference-decking-subframe .zero-advantage>svg{width:35px;height:35px;stroke:var(--lime-ink);stroke-width:1.1px;stroke-linecap:round;stroke-linejoin:round;fill:none;margin-bottom:29px}.reference-decking-subframe .zero-index{color:var(--foreground);font-size:.74rem;position:absolute;top:31px;right:0}.reference-decking-subframe .zero-advantage h3{letter-spacing:0;max-width:22ch;margin-bottom:17px;font-size:1.5rem;line-height:1.16}.reference-decking-subframe .zero-advantage p{color:currentColor;font-size:.93rem;font-weight:300;line-height:1.7}.reference-decking-subframe .zero-subframes{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;display:grid}.reference-decking-subframe .zero-subframe{background:var(--card);flex-direction:column;min-width:0;display:flex}.reference-decking-subframe .zero-subframe>figure{position:relative}.reference-decking-subframe .zero-subframe>figure>img{aspect-ratio:1.67;object-fit:cover;width:100%}.reference-decking-subframe .zero-subframe>figure>figcaption{background:var(--fencing-overlay);max-width:calc(100% - 30px);padding:6px 10px;font-size:.69rem;font-weight:400;line-height:1.45;position:absolute;bottom:14px;left:15px}.reference-decking-subframe .zero-sleeper-pairs{background:var(--secondary);grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:24px;display:grid}.reference-decking-subframe .zero-sleeper-pair{background:var(--card);border:1px solid var(--border);min-width:0;padding:16px}.reference-decking-subframe .zero-sleeper-type{letter-spacing:0;color:var(--lime-ink);margin-bottom:12px;font-size:.68rem;font-weight:500;line-height:1.5}.reference-decking-subframe .zero-sleeper-photo{place-items:center;height:142px;padding:8px;display:grid}.reference-decking-subframe .zero-sleeper-photo img{object-fit:contain;width:100%;height:100%;min-height:0}.reference-decking-subframe .zero-sleeper-product figcaption{text-align:center;flex-wrap:wrap;justify-content:center;gap:3px 8px;margin-top:8px;font-size:.68rem;line-height:1.5;display:flex}.reference-decking-subframe .zero-sleeper-product figcaption strong{color:var(--ink);font-weight:500}.reference-decking-subframe .zero-sleeper-product figcaption span{color:currentColor;font-weight:300}.reference-decking-subframe .zero-sleeper-product+.zero-sleeper-product{border-top:1px solid var(--border);margin-top:14px;padding-top:14px}.reference-decking-subframe .zero-sleeper-product--clip .zero-sleeper-photo{height:86px}.reference-decking-subframe .zero-sleeper-size{color:currentColor;text-align:center;margin-top:14px;font-size:.72rem;font-weight:300;line-height:1.55}.reference-decking-subframe .zero-subframe-body{flex-direction:column;flex:1;padding:32px;display:flex}.reference-decking-subframe .zero-tag{letter-spacing:0;color:var(--lime-ink);margin-bottom:12px;font-size:.7rem;font-weight:500;line-height:1.5}.reference-decking-subframe .zero-subframe h3{min-height:2.3em;margin-bottom:20px;font-size:2rem;line-height:1.15}.reference-decking-subframe .zero-subframe-body>p:not(.zero-tag){color:currentColor;margin-bottom:23px;font-size:.95rem;font-weight:300;line-height:1.65}.reference-decking-subframe .zero-subframe dl{margin:auto 0 17px}.reference-decking-subframe .zero-subframe dl>div{border-top:1px solid var(--border);grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:15px;padding:13px 0;font-size:.81rem;line-height:1.55;display:grid}.reference-decking-subframe .zero-subframe dt{font-weight:500}.reference-decking-subframe .zero-subframe dd{color:currentColor;margin:0;font-weight:300}.reference-decking-subframe .zero-subframe .text-link{color:var(--lime-ink);background:0 0;align-self:flex-start;padding:9px 0;font-size:.81rem;font-weight:500}.reference-decking-subframe .zero-system-note{border-top:1px solid var(--border);grid-template-columns:1fr 1.4fr auto;align-items:start;gap:26px;margin-top:31px;padding-top:25px;display:grid}.reference-decking-subframe .zero-system-note strong{font-size:.93rem;font-weight:500;line-height:1.5}.reference-decking-subframe .zero-system-note p{color:currentColor;font-size:.83rem;font-weight:300;line-height:1.65}.reference-decking-subframe .zero-system-note a{white-space:nowrap;padding-top:0;font-size:.78rem;font-weight:500}.reference-decking-subframe .zero-filter-bar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;margin-bottom:33px;display:flex}.reference-decking-subframe .zero-filter-bar>.small{color:currentColor;white-space:nowrap;font-size:.75rem}.reference-decking-subframe .zero-filter-bar .deck-filter-buttons{gap:26px;min-width:0}.reference-decking-subframe .zero-filter-bar .deck-filter-buttons button{font-size:.83rem;font-weight:400}.reference-decking-subframe .zero-filter-bar .deck-filter-buttons button[aria-pressed=true]{font-weight:500}.reference-decking-subframe .zero-accessories{grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 28px;display:grid}.reference-decking-subframe .zero-accessory-photo{background:var(--secondary);aspect-ratio:1.5;margin-bottom:22px;padding:26px}.reference-decking-subframe .zero-accessory-photo>img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}.reference-decking-subframe .zero-supplied-accessory .zero-accessory-photo>img{mix-blend-mode:normal}.reference-decking-subframe .zero-accessory .zero-tag{margin-bottom:9px;font-size:.67rem}.reference-decking-subframe .zero-accessory h3{letter-spacing:0;margin-bottom:11px;font-size:1.3rem;line-height:1.2}.reference-decking-subframe .zero-accessory>p:last-child{color:currentColor;max-width:42ch;font-size:.86rem;font-weight:300;line-height:1.6}.reference-decking-subframe .zero-accessory-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:start;gap:35px;margin-top:40px;padding-top:25px;display:flex}.reference-decking-subframe .zero-accessory-footer p{color:currentColor;max-width:56ch;font-size:.82rem;font-weight:300}.reference-decking-subframe .zero-accessory-footer a{flex-shrink:0;padding-top:0;font-size:.79rem;font-weight:500}.reference-decking-subframe .zero-projects{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.reference-decking-subframe .zero-project{min-width:0}.reference-decking-subframe .zero-project-open{display:block}.reference-decking-subframe .zero-project-cover{aspect-ratio:1.15;background:var(--secondary);margin-bottom:23px;position:relative;overflow:hidden}.reference-decking-subframe .zero-project-cover>img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.reference-decking-subframe .zero-project-open:hover img{transform:scale(1.035)}.reference-decking-subframe .zero-project-cover>span{background:var(--fencing-overlay);align-items:center;gap:22px;padding:5px 10px;font-size:.71rem;display:flex;position:absolute;bottom:13px;right:13px}.reference-decking-subframe .zero-project .zero-tag{letter-spacing:0;margin-bottom:10px;font-size:.68rem}.reference-decking-subframe .zero-project h3{font-size:2rem}.reference-decking-subframe .zero-project-link{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:24px;padding-top:15px;font-size:.81rem;display:flex}.reference-decking-subframe .zero-project-link span{color:var(--lime-ink);font-size:1.15rem}.reference-decking-subframe .zero-video-figure{max-width:1100px;margin:0 auto}.reference-decking-subframe .zero-video-figure>video{aspect-ratio:16/9;object-fit:contain;background:var(--foreground);width:100%;height:auto;display:block}.reference-decking-subframe .zero-video-figure>video:focus-visible{outline:3px solid var(--lime-ink);outline-offset:5px}.reference-decking-subframe .zero-video-figure>figcaption{justify-content:space-between;align-items:center;gap:24px;padding-top:23px;display:flex}.reference-decking-subframe .zero-video-figure h3{letter-spacing:0;font-size:1.35rem;line-height:1.25}.reference-decking-subframe .zero-video-figure figcaption p{color:currentColor;margin-top:7px;font-size:.78rem;font-weight:300}.reference-decking-subframe .zero-video-figure .text-link{flex-shrink:0;font-size:.79rem;font-weight:500}.reference-decking-subframe .zerogap-page #installation.tone .deck-resource{background:var(--card)}.reference-decking-subframe .zerogap-page .deck-resource p{font-weight:300}.reference-decking-subframe .zerogap-page .deck-resource h3{font-size:1.75rem}.reference-decking-subframe .zerogap-page .final-cta{background:var(--accent)}.reference-decking-subframe .zerogap-page .final-cta .eyebrow,.reference-decking-subframe .zerogap-page .final-cta .lead{color:var(--foreground)}.reference-decking-subframe .zerogap-page dialog::backdrop{background:var(--fencing-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.reference-decking-subframe #zero-project-dialog{width:min(1060px,94vw);max-width:1060px;padding:0}.reference-decking-subframe #zero-project-dialog .dialog-close{z-index:3}.reference-decking-subframe #zero-project-dialog .deck-project-stage{padding-top:0}.reference-decking-subframe #zero-project-photo{object-fit:contain;width:100%;height:min(58dvh,570px)}.reference-decking-subframe #zero-project-dialog .deck-project-body h2{font-size:2.3rem}.reference-decking-subframe #zero-project-dialog .deck-project-body>p:not(.eyebrow){font-weight:300}.reference-decking-subframe #zero-enquiry-dialog{width:min(570px,94vw);max-width:570px;padding:43px 38px}.reference-decking-subframe #zero-enquiry-dialog h2{margin-bottom:19px;font-size:2.7rem;line-height:1.08}.reference-decking-subframe #zero-enquiry-dialog>.eyebrow{margin-bottom:18px;font-size:.72rem}.reference-decking-subframe #zero-enquiry-form{margin-top:25px}.reference-decking-subframe #zero-enquiry-form label{margin-bottom:8px;font-size:.81rem;font-weight:500;display:block}.reference-decking-subframe #zero-enquiry-form label>span{color:currentColor;font-weight:300}.reference-decking-subframe #zero-enquiry-form input,.reference-decking-subframe #zero-enquiry-form select,.reference-decking-subframe #zero-enquiry-form textarea{background:var(--card);width:100%;color:var(--ink);border:1px solid var(--secondary);border-radius:0;min-height:46px;margin-bottom:18px;padding:11px 12px;font-size:.85rem}.reference-decking-subframe #zero-enquiry-form textarea{resize:vertical}.reference-decking-subframe #zero-enquiry-form .btn{width:100%}.reference-decking-subframe .zero-email-status{color:currentColor;margin-top:15px;font-size:.81rem}.reference-decking-subframe .zero-email-status a{font-size:inherit}.reference-decking-subframe .zero-page-nav .deck-page-links{min-width:0}.reference-decking-subframe .zero-how-layout{grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);align-items:start;gap:54px;display:grid}.reference-decking-subframe .zero-step-tabs{border-top:1px solid var(--border)}.reference-decking-subframe .zero-step-tab{border-bottom:1px solid var(--border);width:100%;color:var(--ink);text-align:left;background:0 0;grid-template-columns:35px minmax(0,1fr);gap:18px;padding:25px 21px 25px 0;transition:background .15s;display:grid}.reference-decking-subframe .zero-step-tab[aria-selected=true]{background:var(--secondary);box-shadow:inset 3px 0 var(--lime-ink);padding-left:19px}.reference-decking-subframe .zero-step-number{letter-spacing:0;color:var(--lime-ink);padding-top:4px;font-size:.75rem;font-weight:500}.reference-decking-subframe .zero-step-tab strong{letter-spacing:0;margin-bottom:12px;font-size:1.35rem;font-weight:500;line-height:1.2;display:block}.reference-decking-subframe .zero-step-tab>span:last-child>span{color:currentColor;font-size:.88rem;font-weight:300;line-height:1.65;display:block}.reference-decking-subframe .zero-step-tab:hover{background:var(--secondary)}.reference-decking-subframe .zero-step-tab:focus-visible,.reference-decking-subframe .zero-step-panel:focus-visible,.reference-decking-subframe .zero-table-scroll:focus-visible{outline:2px solid var(--lime-ink);outline-offset:5px}.reference-decking-subframe .zero-watch-link{margin-top:27px;font-size:.82rem;font-weight:500}.reference-decking-subframe .zero-step-visuals{min-width:0}.reference-decking-subframe .zero-step-panel{background:var(--card);margin:0}.reference-decking-subframe .zero-step-panel>img{aspect-ratio:1200/676;object-fit:contain;background:var(--card);width:100%;height:auto}.reference-decking-subframe .zero-step-panel>figcaption{border-bottom:1px solid var(--border);color:currentColor;justify-content:space-between;gap:16px;padding:17px 0;font-size:.7rem;font-weight:300;line-height:1.5;display:flex}.reference-decking-subframe .zero-step-panel>figcaption>span:first-child{color:var(--lime-ink);font-weight:500}.reference-decking-subframe .zero-how-note{color:currentColor;max-width:65ch;margin-top:20px;font-size:.79rem;font-weight:300;line-height:1.65}.reference-decking-subframe .zero-colour-description{font-family:var(--font-sans);color:currentColor;max-width:42ch;min-height:3.3em;margin-top:17px;font-size:16px;font-weight:300;line-height:1.65}.reference-decking-subframe .zero-table-hint{color:currentColor;margin-bottom:14px;font-size:.76rem;font-weight:300;display:none}.reference-decking-subframe .zero-table-scroll{scrollbar-width:thin;width:100%;max-width:100%;overflow-x:auto}.reference-decking-subframe .zero-comparison-table{table-layout:fixed;border-collapse:separate;border-spacing:0;width:100%;min-width:760px}.reference-decking-subframe .zero-comparison-table .zero-feature-col{width:22%}.reference-decking-subframe .zero-comparison-table th,.reference-decking-subframe .zero-comparison-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--border);padding:26px 28px}.reference-decking-subframe .zero-comparison-table thead th{letter-spacing:0;background:var(--secondary);color:var(--ink);vertical-align:middle;font-size:1.45rem;font-weight:500;line-height:1.25}.reference-decking-subframe .zero-comparison-table thead th:first-child{letter-spacing:0;text-transform:uppercase;background:var(--card);font-size:.76rem}.reference-decking-subframe .zero-comparison-table thead th:nth-child(2){background:var(--foreground);color:#fff}.reference-decking-subframe .zero-table-brand{letter-spacing:0;color:var(--ink-foreground);margin-bottom:9px;font-size:.64rem;font-weight:400;display:block}.reference-decking-subframe .zero-comparison-table tbody th{padding-left:0;font-size:.86rem;font-weight:500;line-height:1.5}.reference-decking-subframe .zero-comparison-table tbody td:nth-child(2),.reference-decking-subframe .zero-comparison-table tbody td:nth-child(3){background:var(--card)}.reference-decking-subframe .zero-comparison-table td strong{margin-bottom:9px;font-size:.91rem;font-weight:500;line-height:1.45;display:block}.reference-decking-subframe .zero-comparison-table td>span{color:currentColor;font-size:.84rem;font-weight:300;line-height:1.65;display:block}.reference-decking-subframe .zero-comparison-footer{justify-content:space-between;align-items:start;gap:45px;padding-top:25px;display:flex}.reference-decking-subframe .zero-comparison-footer p{color:currentColor;max-width:78ch;font-size:.79rem;font-weight:300;line-height:1.65}.reference-decking-subframe .zero-comparison-footer button{color:var(--lime-ink);white-space:nowrap;background:0 0;flex-shrink:0;padding-top:0;font-size:.81rem;font-weight:500}@media (width<=1100px){.reference-decking-subframe .zero-how-layout{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:30px}.reference-decking-subframe .zero-step-tab{gap:11px;padding-right:17px}.reference-decking-subframe .zero-step-tab strong{font-size:1.2rem}.reference-decking-subframe .zero-comparison-table th,.reference-decking-subframe .zero-comparison-table td{padding:23px}}@media (width<=800px){.reference-decking-subframe .zero-how-layout{grid-template-columns:1fr;gap:29px}.reference-decking-subframe .zero-step-tabs{grid-template-columns:1fr;display:grid}.reference-decking-subframe .zero-step-tab{grid-template-columns:28px 1fr;gap:17px;padding:21px 18px}.reference-decking-subframe .zero-step-tab[aria-selected=true]{padding-left:18px}.reference-decking-subframe .zero-step-tab strong{margin-bottom:8px;font-size:1.3rem}.reference-decking-subframe .zero-watch-link{margin-top:20px}.reference-decking-subframe .zero-colour-description{max-width:54ch;min-height:0}.reference-decking-subframe .zero-table-hint,.reference-decking-subframe .zero-comparison-footer{display:block}.reference-decking-subframe .zero-comparison-footer button{margin-top:18px}}@media (width<=520px){.reference-decking-subframe .zero-step-tab{grid-template-columns:22px 1fr;gap:12px;padding:20px 15px}.reference-decking-subframe .zero-step-tab[aria-selected=true]{padding-left:15px}.reference-decking-subframe .zero-step-tab strong{font-size:1.22rem}.reference-decking-subframe .zero-step-tab>span:last-child>span{font-size:.84rem}.reference-decking-subframe .zero-step-panel>figcaption{align-items:start;gap:14px;font-size:.65rem}.reference-decking-subframe .zero-step-panel>figcaption>span:last-child{text-align:right;max-width:16ch}.reference-decking-subframe .zero-comparison-table{min-width:690px}.reference-decking-subframe .zero-comparison-table th,.reference-decking-subframe .zero-comparison-table td{padding:20px}.reference-decking-subframe .zero-comparison-table thead th{font-size:1.24rem}.reference-decking-subframe .zero-comparison-table tbody th{font-size:.8rem}.reference-decking-subframe .zero-comparison-table td strong{font-size:.87rem}.reference-decking-subframe .zero-comparison-table td>span{font-size:.81rem}}@media (width>=1650px){.reference-decking-subframe .zero-hero{min-height:820px}}@media (width<=1100px){.reference-decking-subframe .zero-overview-grid{gap:35px}.reference-decking-subframe .zero-advantages{gap:34px 25px}.reference-decking-subframe .zero-subframe-body{padding:27px}.reference-decking-subframe .zero-system-note{grid-template-columns:1fr 1.7fr}.reference-decking-subframe .zero-system-note>a{grid-column:2;justify-self:start}.reference-decking-subframe .zero-accessory-footer{display:block}.reference-decking-subframe .zero-accessory-footer>a{margin-top:15px}.reference-decking-subframe .zero-page-nav .deck-page-links{gap:25px}}@media (width<=800px){.reference-decking-subframe .zerogap-page .section{padding:70px 0}.reference-decking-subframe .zero-hero{min-height:730px}.reference-decking-subframe .zero-hero .hero-content{padding-top:139px;padding-bottom:85px}.reference-decking-subframe .zero-breadcrumb{margin-bottom:30px}.reference-decking-subframe .zerogap-page .zero-hero h1{font-size:4.1rem}.reference-decking-subframe .zero-overview-grid{grid-template-columns:1fr;gap:32px}.reference-decking-subframe .zero-board-figure>img{max-height:350px}.reference-decking-subframe .zero-specification{max-width:none}.reference-decking-subframe .zero-spec-grid dd{font-size:2.65rem}.reference-decking-subframe .zero-profile{max-width:420px}.reference-decking-subframe .zero-advantages{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 28px}.reference-decking-subframe .zero-advantage h3{font-size:1.4rem}.reference-decking-subframe .zero-subframes{grid-template-columns:1fr;gap:30px}.reference-decking-subframe .zero-subframe h3{min-height:0;font-size:1.9rem}.reference-decking-subframe .zero-subframe>figure>img{aspect-ratio:1.9}.reference-decking-subframe .zero-system-note{display:block}.reference-decking-subframe .zero-system-note p{margin:10px 0 16px}.reference-decking-subframe .zero-filter-bar{margin-bottom:28px;display:block}.reference-decking-subframe .zero-filter-bar>.small{margin:7px 0 12px;display:block}.reference-decking-subframe .zero-accessories{grid-template-columns:repeat(2,minmax(0,1fr));gap:29px 22px}.reference-decking-subframe .zero-projects{grid-template-columns:1fr;gap:35px}.reference-decking-subframe .zero-project-cover{aspect-ratio:1.65;margin-bottom:19px}.reference-decking-subframe .zero-project h3{font-size:1.9rem}.reference-decking-subframe .zero-project-link{margin-top:18px}.reference-decking-subframe .zero-project .zero-tag{font-size:.74rem}.reference-decking-subframe .zero-video-figure>figcaption{align-items:flex-start}}@media (width<=520px){.reference-decking-subframe .zero-hero{min-height:690px}.reference-decking-subframe .zero-hero .hero-content{padding-top:117px;padding-bottom:81px}.reference-decking-subframe .zero-hero:after{background:linear-gradient(90deg,var(--fencing-overlay),var(--fencing-overlay)),linear-gradient(0deg,var(--fencing-overlay),transparent 50%)}.reference-decking-subframe .zero-breadcrumb{gap:9px;margin-bottom:25px;font-size:.68rem}.reference-decking-subframe .zerogap-page .zero-hero h1{max-width:100%;font-size:2.6rem}.reference-decking-subframe .zero-hero .eyebrow{letter-spacing:0;font-size:.7rem}.reference-decking-subframe .zero-hero p.lead{max-width:39ch}.reference-decking-subframe .zero-hero .actions{gap:11px}.reference-decking-subframe .zero-hero .btn{min-height:47px;padding:13px 17px;font-size:.78rem}.reference-decking-subframe .zero-hero .hero-caption{font-size:.61rem;bottom:22px;left:6%;right:auto}.reference-decking-subframe .zerogap-page .section{padding:58px 0}.reference-decking-subframe .zero-board-figure{padding:16px 12px}.reference-decking-subframe .zero-board-figure>figcaption{font-size:.67rem}.reference-decking-subframe .zero-spec-grid dd{font-size:2.4rem}.reference-decking-subframe .zero-spec-grid{gap:10px}.reference-decking-subframe .zero-spec-list>div{font-size:.78rem}.reference-decking-subframe .zerogap-page .deck-swatch>span:first-child{height:85px}.reference-decking-subframe .zerogap-page .deck-swatch>span:last-child{font-size:.74rem}.reference-decking-subframe .zero-advantages{gap:27px 22px}.reference-decking-subframe .zero-advantage h3{font-size:1.25rem}.reference-decking-subframe .zero-advantage p{font-size:.84rem}.reference-decking-subframe .zero-advantage>svg{margin-bottom:21px}.reference-decking-subframe .zero-subframe-body{padding:24px 21px}.reference-decking-subframe .zero-subframe h3{font-size:1.7rem}.reference-decking-subframe .zero-subframe dl>div{grid-template-columns:1fr 1.6fr;gap:12px;font-size:.76rem}.reference-decking-subframe .zero-sleeper-pairs{grid-template-columns:1fr;gap:14px;padding:18px}.reference-decking-subframe .zero-sleeper-pair{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:12px;padding:14px;display:grid}.reference-decking-subframe .zero-sleeper-type,.reference-decking-subframe .zero-sleeper-size{grid-column:1/-1;margin:0}.reference-decking-subframe .zero-sleeper-product+.zero-sleeper-product{border:0;margin:0;padding:0}.reference-decking-subframe .zero-sleeper-product--clip .zero-sleeper-photo{height:142px}.reference-decking-subframe .zero-subframe>figure>figcaption{font-size:.64rem;bottom:10px;left:10px}.reference-decking-subframe .zero-accessories{gap:29px 19px}.reference-decking-subframe .zero-accessory-photo{aspect-ratio:1.1;margin-bottom:16px;padding:15px}.reference-decking-subframe .zero-accessory h3{font-size:1.12rem}.reference-decking-subframe .zero-accessory>p:last-child{font-size:.81rem}.reference-decking-subframe .zero-accessory .zero-tag{font-size:.63rem}.reference-decking-subframe .zero-filter-bar .deck-filter-buttons{gap:23px}.reference-decking-subframe .zero-filter-bar .deck-filter-buttons button{font-size:.79rem}.reference-decking-subframe .zero-video-figure>figcaption{flex-direction:column;gap:15px;padding-top:19px}.reference-decking-subframe .zero-video-figure h3{font-size:1.2rem}.reference-decking-subframe #zero-enquiry-dialog{padding:37px 24px}.reference-decking-subframe #zero-enquiry-dialog h2{font-size:2.15rem}.reference-decking-subframe #zero-project-dialog .deck-project-body{padding:25px 23px}.reference-decking-subframe #zero-project-photo{height:43dvh}.reference-decking-subframe #zero-project-dialog .deck-project-body h2{font-size:2rem}}@media (prefers-reduced-motion:reduce){.reference-decking-subframe .zerogap-page{scroll-behavior:auto}.reference-decking-subframe .zerogap-page *{scroll-behavior:auto!important;transition:none!important}}.reference-decking-subframe{background:var(--card)}.reference-decking-subframe [hidden]{display:none!important}.reference-decking-subframe section[id]{scroll-margin-top:96px}.reference-decking-subframe .btn{letter-spacing:0;text-transform:none;gap:14px;font-size:.88rem;font-weight:500}.reference-decking-subframe .header .btn{font-size:.79rem}.reference-decking-subframe p.lead{font-family:var(--font-sans);font-synthesis:none;font-size:16px;font-weight:300;line-height:1.65}.reference-decking-subframe .sf-hero{min-height:760px}.reference-decking-subframe .sf-hero .hero-img{object-position:center 58%}.reference-decking-subframe .sf-hero:after{background:linear-gradient(90deg,var(--fencing-overlay),var(--fencing-overlay) 58%,var(--fencing-overlay)),linear-gradient(0deg,var(--fencing-overlay),transparent 42%),linear-gradient(180deg,var(--fencing-overlay),transparent 30%)}.reference-decking-subframe .sf-hero .hero-content{padding-top:154px;padding-bottom:98px}.reference-decking-subframe .sf-hero h1{letter-spacing:0;max-width:900px;font-size:5.1rem;line-height:1.03}.reference-decking-subframe .sf-hero .lead{max-width:50ch;color:var(--ink-foreground);margin:27px 0 32px}.reference-decking-subframe .sf-breadcrumb{color:var(--ink-foreground);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:38px;font-size:.74rem;display:flex}.reference-decking-subframe .sf-breadcrumb a:hover{text-underline-offset:4px;text-decoration:underline}.reference-decking-subframe .sf-page-nav .deck-page-links{gap:27px;min-width:0}.reference-decking-subframe .sf-tag{color:var(--lime-ink);letter-spacing:0;margin-bottom:12px;font-size:.7rem;font-weight:500;line-height:1.5}.reference-decking-subframe .sf-system-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;display:grid}.reference-decking-subframe .sf-system-card{background:var(--secondary);flex-direction:column;min-width:0;display:flex}.reference-decking-subframe .sf-system-image{background:var(--secondary);display:block;position:relative;overflow:hidden}.reference-decking-subframe .sf-system-image img{aspect-ratio:1.72;object-fit:cover;width:100%;height:auto;transition:transform .4s}.reference-decking-subframe .sf-system-image:hover img{transform:scale(1.025)}.reference-decking-subframe .sf-system-image>span{background:var(--card);color:var(--lime-ink);padding:8px 12px;font-size:.74rem;position:absolute;top:18px;left:19px}.reference-decking-subframe .sf-system-body{flex-direction:column;flex:1;padding:32px;display:flex}.reference-decking-subframe .sf-system-body h3{min-height:2.3em;margin:0 0 22px;font-size:2rem;line-height:1.15}.reference-decking-subframe .sf-system-body>p:not(.sf-tag){color:currentColor;margin-bottom:32px;font-size:1rem;font-weight:300;line-height:1.85}.reference-decking-subframe .sf-spec-list{margin:0 0 24px}.reference-decking-subframe .sf-spec-list>div{border-top:1px solid var(--border);grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);gap:20px;padding:13px 0;font-size:.83rem;line-height:1.6;display:grid}.reference-decking-subframe .sf-spec-list dt{font-weight:500}.reference-decking-subframe .sf-spec-list dd{color:currentColor;margin:0;font-weight:300}.reference-decking-subframe .sf-system-body .sf-spec-list{margin-top:auto}.reference-decking-subframe .sf-system-body .text-link{align-self:flex-start;font-size:.82rem;font-weight:500}.reference-decking-subframe .sf-advantage-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:34px;display:grid}.reference-decking-subframe .sf-advantage-grid article{border-top:1px solid var(--border);padding-top:26px}.reference-decking-subframe .sf-advantage-grid article h3{letter-spacing:0;margin-bottom:17px;font-size:1.48rem;line-height:1.2}.reference-decking-subframe .sf-advantage-grid article>p:not(.sf-saving-number){color:currentColor;font-size:.88rem;font-weight:300;line-height:1.65}.reference-decking-subframe .sf-icon{color:var(--lime-ink);letter-spacing:0;margin-bottom:28px;font-size:.66rem;display:block}.reference-decking-subframe .sf-saving-label{letter-spacing:0;color:var(--lime-ink);font-size:.65rem;font-weight:500;display:block}.reference-decking-subframe .sf-saving-number{letter-spacing:0;color:var(--foreground);margin:3px 0 16px;font-size:5.2rem;font-weight:400;line-height:1.1}.reference-decking-subframe .sf-saving-number>span{letter-spacing:0;margin-left:3px;font-size:2.5rem}.reference-decking-subframe .sf-fineprint{color:currentColor;max-width:110ch;margin-top:24px;font-size:.77rem;font-weight:300;line-height:1.6}.reference-decking-subframe .sf-detail-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:62px;display:grid}.reference-decking-subframe .sf-product-stage{background:var(--secondary);margin:0;padding:32px 35px 21px}.reference-decking-subframe .sf-product-stage img{aspect-ratio:1.03;object-fit:contain;width:100%;height:auto}.reference-decking-subframe .sf-product-stage figcaption{color:currentColor;padding-top:16px;font-size:.74rem;font-weight:300}.reference-decking-subframe .sf-detail-copy h3{letter-spacing:0;margin-bottom:26px;font-size:2.55rem;line-height:1.1}.reference-decking-subframe .sf-detail-copy>p:not(.sf-tag){color:currentColor;margin-bottom:25px;font-size:.93rem;font-weight:300;line-height:1.7}.reference-decking-subframe .sf-profile-stat{align-items:center;gap:28px;margin-bottom:24px;display:flex}.reference-decking-subframe .sf-profile-stat>strong{letter-spacing:0;color:var(--lime-ink);font-size:6rem;font-weight:400;line-height:1}.reference-decking-subframe .sf-profile-stat>strong>span{vertical-align:top;font-size:3rem}.reference-decking-subframe .sf-profile-stat>div>span{font-size:1.3rem;font-weight:400}.reference-decking-subframe .sf-profile-stat p{color:currentColor;max-width:20ch;margin-top:8px;font-size:.78rem;font-weight:300;line-height:1.5}.reference-decking-subframe .sf-detail-copy .text-link{font-size:.82rem;font-weight:500}.reference-decking-subframe .sf-height-note{background:var(--secondary);grid-template-columns:.9fr 1.4fr;align-items:start;gap:60px;margin-top:45px;padding:36px 39px;display:grid}.reference-decking-subframe .sf-height-note h3{letter-spacing:0;font-size:1.65rem;line-height:1.18}.reference-decking-subframe .sf-height-sum{justify-content:space-between;align-items:start;gap:15px;margin-bottom:24px;display:flex}.reference-decking-subframe .sf-height-sum>div{flex-direction:column;gap:8px;display:flex}.reference-decking-subframe .sf-height-sum strong{letter-spacing:0;font-size:2rem;font-weight:400;line-height:1.1}.reference-decking-subframe .sf-height-sum span{color:currentColor;font-size:.75rem;font-weight:300}.reference-decking-subframe .sf-height-sum>b{color:var(--lime-ink);font-size:1.2rem;font-weight:300;line-height:1.8}.reference-decking-subframe .sf-height-note>div>p:not(.sf-tag){color:currentColor;font-size:.79rem;font-weight:300;line-height:1.65}.reference-decking-subframe .sf-applications{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;margin-top:48px;display:grid}.reference-decking-subframe .sf-applications article{border-top:1px solid var(--border);padding-top:26px}.reference-decking-subframe .sf-applications h3{letter-spacing:0;margin-bottom:14px;font-size:1.35rem;line-height:1.2}.reference-decking-subframe .sf-applications article>p:last-child{color:currentColor;font-size:.88rem;font-weight:300;line-height:1.7}.reference-decking-subframe .sf-detail-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:start;gap:40px;margin-top:34px;padding-top:24px;display:flex}.reference-decking-subframe .sf-detail-footer p{color:currentColor;max-width:82ch;font-size:.8rem;font-weight:300;line-height:1.65}.reference-decking-subframe .sf-detail-footer .text-link,.reference-decking-subframe .sf-pedestal-details>.text-link{color:var(--lime-ink);background:0 0;flex-shrink:0;padding-top:0;font-size:.82rem;font-weight:500}.reference-decking-subframe .sf-pedestal-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:56px;display:grid}.reference-decking-subframe .sf-framework-stage{background:var(--card);margin:0;padding:18px 22px}.reference-decking-subframe .sf-framework-stage img{aspect-ratio:1.65;object-fit:contain;width:100%;height:auto}.reference-decking-subframe .sf-framework-stage figcaption{color:currentColor;padding:15px 0 2px;font-size:.72rem;font-weight:300}.reference-decking-subframe .sf-range{background:var(--card);margin-top:30px;padding:30px}.reference-decking-subframe .sf-range h3{letter-spacing:0;font-size:2.8rem;font-weight:400;line-height:1.1}.reference-decking-subframe .sf-range h3 span{color:var(--lime-ink);letter-spacing:0;font-size:1.3rem}.reference-decking-subframe .sf-range>p:not(.sf-fineprint){color:currentColor;margin-top:13px;font-size:.83rem;font-weight:300}.reference-decking-subframe .sf-range-chips{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:23px;display:grid}.reference-decking-subframe .sf-range-chips>span{text-align:center;background:var(--secondary);color:var(--ink);flex-direction:column;gap:4px;padding:10px 4px;font-size:.67rem;font-weight:300;display:flex}.reference-decking-subframe .sf-range-chips strong{font-size:.69rem;font-weight:500}.reference-decking-subframe .sf-range>.text-link{margin-top:21px;font-size:.8rem;font-weight:500}.reference-decking-subframe .sf-range .sf-fineprint{margin-top:19px;font-size:.73rem;line-height:1.6}.reference-decking-subframe .sf-pedestal-details article{border-top:1px solid var(--border);grid-template-columns:26px minmax(0,1fr);gap:20px;padding:26px 0;display:grid}.reference-decking-subframe .sf-pedestal-details article>span{color:var(--lime-ink);padding-top:4px;font-size:.71rem}.reference-decking-subframe .sf-pedestal-details h3{letter-spacing:0;margin-bottom:13px;font-size:1.5rem;line-height:1.2}.reference-decking-subframe .sf-pedestal-details p{color:currentColor;font-size:.9rem;font-weight:300;line-height:1.7}.reference-decking-subframe .sf-pedestal-details>.text-link{margin-top:13px}.reference-decking-subframe .sf-comparison-table thead th:nth-child(3){background:var(--secondary)}.reference-decking-subframe .sf-comparison-table thead th:nth-child(3) .zero-table-brand{color:var(--foreground)}.reference-decking-subframe .sf-selection{background:var(--secondary);grid-template-columns:1fr 1.15fr;gap:60px;margin-top:35px;padding:36px;display:grid}.reference-decking-subframe .sf-selection label{margin-bottom:18px;font-size:1.2rem;font-weight:500;line-height:1.4;display:block}.reference-decking-subframe .sf-selection select{background:var(--card);width:100%;color:var(--ink);border:1px solid var(--secondary);min-height:48px;font:inherit;border-radius:0;padding:12px;font-size:.84rem;display:block}.reference-decking-subframe .sf-selection-result{border-left:1px solid var(--border);min-height:155px;padding-left:35px}.reference-decking-subframe .sf-selection-result h3{letter-spacing:0;margin-bottom:13px;font-size:1.35rem;line-height:1.25}.reference-decking-subframe .sf-selection-result p{color:currentColor;margin-bottom:17px;font-size:.87rem;font-weight:300;line-height:1.7}.reference-decking-subframe .sf-selection-result .text-link{font-size:.8rem;font-weight:500}.reference-decking-subframe .sf-components{grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 25px;display:grid}.reference-decking-subframe .sf-component{min-width:0}.reference-decking-subframe .sf-component-photo{background:var(--card);aspect-ratio:1;margin-bottom:20px;padding:22px}.reference-decking-subframe .sf-component-photo img{object-fit:contain;width:100%;height:100%}.reference-decking-subframe .sf-component .sf-tag{letter-spacing:0;margin-bottom:10px;font-size:.64rem}.reference-decking-subframe .sf-component h3{letter-spacing:0;margin-bottom:11px;font-size:1.22rem;line-height:1.2}.reference-decking-subframe .sf-component>p:last-child{color:currentColor;font-size:.82rem;font-weight:300;line-height:1.65}.reference-decking-subframe .sf-component-spec{border-top:1px solid var(--border);margin:0;padding-top:13px}.reference-decking-subframe .sf-component-spec>div{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 10px;display:flex}.reference-decking-subframe .sf-component-spec dt{color:currentColor;font-size:.74rem;font-weight:300}.reference-decking-subframe .sf-component-spec dd{white-space:nowrap;margin:0;font-size:1.1rem;font-weight:500;line-height:1.4}.reference-decking-subframe .sf-component-spec dd span{font-size:.8rem;font-weight:300}.reference-decking-subframe #installation .deck-resource{background:var(--card)}.reference-decking-subframe .deck-resource p{font-weight:300}.reference-decking-subframe .deck-resource h3{font-size:1.75rem}.reference-decking-subframe .faq-followup button{color:var(--lime-ink);background:0 0}.reference-decking-subframe .final-cta{background:var(--accent)}.reference-decking-subframe .final-cta .lead{color:var(--foreground)}.reference-decking-subframe dialog::backdrop{background:var(--fencing-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.reference-decking-subframe #sf-enquiry-dialog{width:min(570px,94vw);max-width:570px;padding:43px 38px}.reference-decking-subframe #sf-enquiry-dialog h2{letter-spacing:0;margin-bottom:19px;font-size:2.7rem;line-height:1.08}.reference-decking-subframe #sf-enquiry-dialog>.eyebrow{margin-bottom:18px;font-size:.72rem}.reference-decking-subframe #sf-enquiry-form{margin-top:25px}.reference-decking-subframe #sf-enquiry-form label{margin-bottom:8px;font-size:.81rem;font-weight:500;display:block}.reference-decking-subframe #sf-enquiry-form label>span{color:currentColor;font-weight:300}.reference-decking-subframe #sf-enquiry-form input,.reference-decking-subframe #sf-enquiry-form select,.reference-decking-subframe #sf-enquiry-form textarea{background:var(--card);width:100%;color:var(--ink);border:1px solid var(--secondary);border-radius:0;min-height:46px;margin-bottom:18px;padding:11px 12px;font-size:.85rem}.reference-decking-subframe #sf-enquiry-form textarea{resize:vertical}.reference-decking-subframe #sf-enquiry-form .btn{width:100%}.reference-decking-subframe #sf-email-status{color:currentColor;margin-top:15px;font-size:.81rem;font-weight:300;line-height:1.6}.reference-decking-subframe #sf-email-link{text-underline-offset:3px;text-decoration:underline}@media (width>=1650px){.reference-decking-subframe .sf-hero{min-height:820px}}@media (width<=1100px){.reference-decking-subframe .sf-detail-layout,.reference-decking-subframe .sf-pedestal-layout{gap:35px}.reference-decking-subframe .sf-system-body{padding:27px}.reference-decking-subframe .sf-advantage-grid{gap:25px}.reference-decking-subframe .sf-advantage-grid article h3{font-size:1.3rem}.reference-decking-subframe .sf-height-note{gap:30px;padding:30px}.reference-decking-subframe .sf-height-sum strong{font-size:1.8rem}.reference-decking-subframe .sf-selection{gap:35px;padding:30px}.reference-decking-subframe .sf-selection-result{padding-left:27px}.reference-decking-subframe .sf-range{padding:25px}.reference-decking-subframe .sf-range-chips{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-decking-subframe .sf-components{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 22px}.reference-decking-subframe .sf-component-photo{padding:18px}}@media (width<=800px){.reference-decking-subframe .section{padding:70px 0}.reference-decking-subframe .sf-hero{min-height:730px}.reference-decking-subframe .sf-hero .hero-content{padding-top:139px;padding-bottom:85px}.reference-decking-subframe .sf-hero h1{font-size:4.1rem}.reference-decking-subframe .sf-breadcrumb{margin-bottom:30px}.reference-decking-subframe .sf-system-grid{grid-template-columns:1fr}.reference-decking-subframe .sf-system-body h3{min-height:0;font-size:1.9rem}.reference-decking-subframe .sf-system-image img{aspect-ratio:1.9}.reference-decking-subframe .sf-advantage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.reference-decking-subframe .sf-advantage-grid article h3{font-size:1.45rem}.reference-decking-subframe .sf-detail-layout,.reference-decking-subframe .sf-pedestal-layout{grid-template-columns:1fr;gap:35px}.reference-decking-subframe .sf-product-stage img{max-height:410px}.reference-decking-subframe .sf-detail-copy h3{font-size:2.2rem}.reference-decking-subframe .sf-height-note{grid-template-columns:1fr;gap:25px}.reference-decking-subframe .sf-height-sum{justify-content:flex-start;gap:28px}.reference-decking-subframe .sf-applications{grid-template-columns:1fr;gap:23px;margin-top:34px}.reference-decking-subframe .sf-applications article{padding-top:22px}.reference-decking-subframe .sf-detail-footer{display:block}.reference-decking-subframe .sf-detail-footer .text-link{margin-top:17px}.reference-decking-subframe .sf-pedestal-details article{padding:23px 0}.reference-decking-subframe .sf-range-chips{grid-template-columns:repeat(4,minmax(0,1fr))}.reference-decking-subframe .sf-selection{grid-template-columns:1fr;gap:26px}.reference-decking-subframe .sf-selection-result{border-left:0;border-top:1px solid var(--border);min-height:0;padding:25px 0 0}.reference-decking-subframe .sf-components{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 25px}}@media (width<=520px){.reference-decking-subframe .sf-hero{min-height:690px}.reference-decking-subframe .sf-hero .hero-content{padding-top:117px;padding-bottom:81px}.reference-decking-subframe .sf-hero:after{background:linear-gradient(90deg,var(--fencing-overlay),var(--fencing-overlay)),linear-gradient(0deg,var(--fencing-overlay),transparent 55%)}.reference-decking-subframe .sf-breadcrumb{gap:9px;margin-bottom:25px;font-size:.68rem}.reference-decking-subframe .sf-hero h1{font-size:2.6rem}.reference-decking-subframe .sf-hero .eyebrow{letter-spacing:0;font-size:.7rem}.reference-decking-subframe .sf-hero .lead{max-width:39ch}.reference-decking-subframe .sf-hero .actions{gap:11px}.reference-decking-subframe .sf-hero .btn{min-height:47px;padding:13px 17px;font-size:.78rem}.reference-decking-subframe .sf-hero .hero-caption{max-width:86%;font-size:.61rem;bottom:22px;left:6%;right:auto}.reference-decking-subframe .section{padding:58px 0}.reference-decking-subframe .sf-system-body{padding:25px 22px}.reference-decking-subframe .sf-system-body h3{font-size:1.7rem}.reference-decking-subframe .sf-spec-list>div{gap:15px;font-size:.78rem}.reference-decking-subframe .sf-advantage-grid{gap:26px 22px}.reference-decking-subframe .sf-advantage-grid article h3{font-size:1.25rem}.reference-decking-subframe .sf-advantage-grid article>p:not(.sf-saving-number){font-size:.83rem}.reference-decking-subframe .sf-icon{letter-spacing:0;margin-bottom:23px;font-size:.6rem}.reference-decking-subframe .sf-saving-number{font-size:4.4rem}.reference-decking-subframe .sf-product-stage{padding:25px 24px 20px}.reference-decking-subframe .sf-profile-stat>strong{font-size:5.3rem}.reference-decking-subframe .sf-height-note{padding:26px 22px}.reference-decking-subframe .sf-height-note h3{font-size:1.5rem}.reference-decking-subframe .sf-height-sum{justify-content:space-between;gap:16px}.reference-decking-subframe .sf-height-sum strong{font-size:1.55rem}.reference-decking-subframe .sf-height-sum span{font-size:.67rem}.reference-decking-subframe .sf-height-sum>b{font-size:.95rem}.reference-decking-subframe .sf-pedestal-details article{gap:14px}.reference-decking-subframe .sf-pedestal-details h3{font-size:1.35rem}.reference-decking-subframe .sf-range{padding:25px 22px}.reference-decking-subframe .sf-range h3{font-size:2.5rem}.reference-decking-subframe .sf-range-chips{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.reference-decking-subframe .sf-selection{padding:25px 22px}.reference-decking-subframe .sf-selection label{font-size:1.12rem}.reference-decking-subframe .sf-selection select{max-width:100%;font-size:.8rem}.reference-decking-subframe .sf-components{gap:29px 19px}.reference-decking-subframe .sf-component-photo{margin-bottom:17px;padding:15px}.reference-decking-subframe .sf-component h3{font-size:1.1rem}.reference-decking-subframe .sf-component>p:last-child{font-size:.79rem}.reference-decking-subframe .sf-component .sf-tag{font-size:.59rem}.reference-decking-subframe #sf-enquiry-dialog{padding:37px 24px}.reference-decking-subframe #sf-enquiry-dialog h2{font-size:2.15rem}}@media (prefers-reduced-motion:reduce){.reference-decking-subframe *{scroll-behavior:auto!important;transition:none!important}}.reference-decking-subframe .sf-sleeper-profiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;display:grid}.reference-decking-subframe .sf-sleeper-profile{background:var(--secondary);min-width:0;padding:32px}.reference-decking-subframe .sf-sleeper-profile h3{letter-spacing:0;margin-bottom:16px;font-size:2rem;line-height:1.15}.reference-decking-subframe .sf-sleeper-profile>p:not(.sf-tag){color:currentColor;min-height:3.4em;margin-bottom:24px;font-size:.93rem;font-weight:300;line-height:1.7}.reference-decking-subframe .sf-sleeper-products{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:18px;display:grid}.reference-decking-subframe .sf-sleeper-product{min-width:0;margin:0}.reference-decking-subframe .sf-sleeper-product-photo{background:var(--card);place-items:center;height:220px;padding:18px;display:grid}.reference-decking-subframe .sf-sleeper-product-photo img{object-fit:contain;width:100%;height:100%;min-height:0}.reference-decking-subframe .sf-sleeper-product figcaption{flex-wrap:wrap;align-items:baseline;gap:4px 9px;padding-top:12px;font-size:.76rem;line-height:1.5;display:flex}.reference-decking-subframe .sf-sleeper-product figcaption strong{color:var(--ink);font-weight:500}.reference-decking-subframe .sf-sleeper-product figcaption span{color:currentColor;font-weight:300}.reference-decking-subframe .sf-sleeper-profile .sf-spec-list{margin-top:27px}.reference-decking-subframe .sf-sleeper-guidance{color:currentColor;max-width:100ch;margin-top:26px;font-size:.86rem;font-weight:300;line-height:1.7}.reference-decking-subframe .sf-height-calculation+.sf-height-calculation{border-top:1px solid var(--border);margin-top:24px;padding-top:24px}.reference-decking-subframe .sf-height-calculation .sf-height-sum{margin-bottom:23px}.reference-decking-subframe .sf-height-calculation .sf-height-sum>div{flex:1;min-width:0}.reference-decking-subframe .sf-sleeper-profiles{grid-template-columns:1fr;gap:28px}.reference-decking-subframe .sf-sleeper-profile>p:not(.sf-tag){min-height:0}.reference-decking-subframe .sf-sleeper-profile{padding:25px 22px}.reference-decking-subframe .sf-sleeper-products{gap:12px}.reference-decking-subframe .sf-sleeper-product-photo{height:170px;padding:12px}.reference-decking-subframe .sf-sleeper-product figcaption{font-size:.7rem}.reference-decking-subframe .sf-height-calculation .sf-height-sum{gap:8px}.reference-decking-subframe .sf-height-calculation .sf-height-sum strong{font-size:1.35rem}.reference-decking-subframe .sf-joist-panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;display:grid}.reference-decking-subframe .sf-joist-panel{background:var(--card);flex-direction:column;min-width:0;display:flex}.reference-decking-subframe .sf-joist-panel-heading{flex:1;padding:32px}.reference-decking-subframe .sf-joist-panel h3{letter-spacing:0;margin-bottom:16px;font-size:2rem;line-height:1.15}.reference-decking-subframe .sf-joist-panel-heading>p:not(.sf-tag){color:currentColor;font-size:.93rem;font-weight:300;line-height:1.7}.reference-decking-subframe .sf-joist-panel figure{margin:0;overflow:hidden}.reference-decking-subframe .sf-joist-panel img{aspect-ratio:1.72;object-fit:cover;width:100%;height:auto;display:block}.reference-decking-subframe .sf-pedestal-layout--details{margin-top:40px}.reference-decking-subframe .sf-pedestal-layout--details .sf-range{margin-top:0}@media (width<=800px){.reference-decking-subframe .sf-joist-panels{grid-template-columns:1fr;gap:28px}.reference-decking-subframe .sf-joist-panel-heading{padding:27px}.reference-decking-subframe .sf-pedestal-layout--details{margin-top:35px}}@media (width<=520px){.reference-decking-subframe .sf-joist-panel-heading{padding:24px}.reference-decking-subframe .sf-joist-panel h3{font-size:1.7rem}}.reference-decking-subframe .section-head.split-section-heading{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:0 clamp(40px,6vw,88px);margin:0 0 44px;display:grid}.reference-decking-subframe .section-head.split-section-heading>.eyebrow{letter-spacing:0;grid-area:1/1/auto/-1;max-width:none;margin:0 0 18px;padding:0;font-size:.75rem;font-weight:600;line-height:1.5}.reference-decking-subframe .section-head.split-section-heading>:is(h1,.reference-decking-subframe h2,.reference-decking-subframe h3){letter-spacing:0;overflow-wrap:break-word;grid-area:2/1;max-width:100%;margin:0;font-size:3rem;font-weight:500;line-height:1.08}.reference-decking-subframe .section-head.split-section-heading>p.lead{width:100%;max-width:52ch;font-family:var(--font-sans);font-synthesis:none;grid-area:2/2;align-self:start;margin:0;padding:0;font-size:16px;font-weight:300;line-height:1.65}.reference-decking-subframe .split-section-heading+.material-layout,.reference-decking-subframe .split-section-heading+.fence-intro-stats,.reference-decking-subframe .split-section-heading+.fence-system-grid,.reference-decking-subframe .split-section-heading+.product-design .feature-list{margin-top:0}.reference-decking-subframe .advantages>.wrap>.advantage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.reference-decking-subframe .professionals-section .split-section-heading .eyebrow{color:var(--accent)}.reference-decking-subframe .professionals-section .split-section-heading .lead{color:var(--ink-foreground)}.reference-decking-subframe .professionals-layout .professional-links{margin-top:0}.reference-decking-subframe .newsletter-section .newsletter-layout{max-width:680px;margin-left:auto;display:block}.reference-decking-subframe .final-cta .wrap,.reference-decking-subframe .fence-newsletter .wrap{display:block}.reference-decking-subframe .final-cta .actions{flex-wrap:wrap;max-width:none}.reference-decking-subframe .final-cta .actions .btn{width:auto}.reference-decking-subframe .section-followup{margin-top:24px}.reference-decking-subframe .fence-slatted-family>.split-section-heading{grid-column:1/-1;margin-bottom:0}.reference-decking-subframe .fence-slatted-family{row-gap:44px}.reference-decking-subframe .fence-slatted-copy .fence-design-specs{margin-top:0}.reference-decking-subframe .fence-comparison .split-section-heading>h3{font-size:2.4rem}@media (width<=1000px){.reference-decking-subframe .advantages>.wrap>.advantage-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=800px){.reference-decking-subframe .section-head.split-section-heading{grid-template-columns:minmax(0,1fr);margin-bottom:32px}.reference-decking-subframe .section-head.split-section-heading>.eyebrow{grid-column:1;margin-bottom:14px}.reference-decking-subframe .section-head.split-section-heading>:is(h1,.reference-decking-subframe h2,.reference-decking-subframe h3){font-size:2.25rem}.reference-decking-subframe .section-head.split-section-heading>p.lead{grid-area:3/1;max-width:56ch;margin-top:20px}.reference-decking-subframe .newsletter-section .newsletter-layout{max-width:none;margin-left:0}.reference-decking-subframe .fence-slatted-family{row-gap:32px}}@media (width<=520px){.reference-decking-subframe .section-head.split-section-heading>:is(h1,.reference-decking-subframe h2,.reference-decking-subframe h3){font-size:2rem}.reference-decking-subframe .section-head.split-section-heading>.eyebrow{font-size:.7rem}.reference-decking-subframe .final-cta .actions{align-items:flex-start;max-width:100%}}.reference-decking-subframe .product-faqs{scroll-margin-top:110px}.reference-decking-subframe .product-faqs .faqs{max-width:880px;margin-left:auto}.reference-decking-subframe .product-faqs .faqs summary{padding:22px 44px 22px 0;font-size:16px;font-weight:400;line-height:1.5}.reference-decking-subframe .product-faqs .faqs details p{font-family:var(--font-sans);padding:0 38px 24px 0;font-size:16px;font-weight:300;line-height:1.65}.reference-decking-subframe .product-faqs .faqs a{color:var(--lime-ink);text-underline-offset:3px;text-decoration:underline}.reference-decking-subframe .faq-followup{justify-content:space-between;align-items:center;gap:24px;max-width:880px;margin:28px 0 0 auto;display:flex}.reference-decking-subframe .faq-followup p{font-family:var(--font-sans);color:currentColor;font-size:16px;font-weight:300;line-height:1.65}.reference-decking-subframe .faq-followup .text-link{flex-shrink:0;font-size:.85rem}.reference-decking-subframe .gate-faqs{background:var(--secondary)}@media (width<=600px){.reference-decking-subframe .product-faqs .faqs summary{padding-right:32px}.reference-decking-subframe .product-faqs .faqs details p{padding-right:12px}.reference-decking-subframe .faq-followup{flex-direction:column;align-items:flex-start;gap:14px}}.reference-decking-zerogap-decking *{box-sizing:border-box}.reference-decking-zerogap-decking{scroll-behavior:smooth;background:var(--background);color:var(--ink);font-family:var(--font-sans);margin:0;scroll-padding-top:90px;font-size:16px;line-height:1.6}.reference-decking-zerogap-decking button,.reference-decking-zerogap-decking input,.reference-decking-zerogap-decking select,.reference-decking-zerogap-decking textarea{font:inherit}.reference-decking-zerogap-decking button,.reference-decking-zerogap-decking a,.reference-decking-zerogap-decking select{touch-action:manipulation}.reference-decking-zerogap-decking button{cursor:pointer}.reference-decking-zerogap-decking a{color:inherit;text-decoration:none}.reference-decking-zerogap-decking button:focus-visible,.reference-decking-zerogap-decking a:focus-visible,.reference-decking-zerogap-decking select:focus-visible,.reference-decking-zerogap-decking summary:focus-visible{outline:3px solid var(--border);outline-offset:5px}.reference-decking-zerogap-decking img{max-width:100%;display:block}.reference-decking-zerogap-decking h1,.reference-decking-zerogap-decking h2,.reference-decking-zerogap-decking h3,.reference-decking-zerogap-decking p,.reference-decking-zerogap-decking figure{margin:0}.reference-decking-zerogap-decking h1,.reference-decking-zerogap-decking h2,.reference-decking-zerogap-decking h3{letter-spacing:0;font-weight:500;line-height:1.06}.reference-decking-zerogap-decking h1{max-width:1000px;font-size:6rem}.reference-decking-zerogap-decking h2{font-size:3.7rem}.reference-decking-zerogap-decking h3{font-size:2rem}.reference-decking-zerogap-decking p{max-width:68ch}.reference-decking-zerogap-decking button{border:0}.reference-decking-zerogap-decking button:disabled{cursor:not-allowed;opacity:.4}.reference-decking-zerogap-decking .wrap{width:min(1280px,88%);margin:auto}.reference-decking-zerogap-decking .section{padding:100px 0}.reference-decking-zerogap-decking .eyebrow{letter-spacing:0;text-transform:uppercase;color:var(--lime-ink);margin-bottom:22px;font-size:.8rem;font-weight:700}.reference-decking-zerogap-decking .lead{font-family:var(--font-sans);font-synthesis:none;color:currentColor;font-size:16px;font-weight:300;line-height:1.65}.reference-decking-zerogap-decking .muted{color:currentColor}.reference-decking-zerogap-decking .small{font-size:.85rem;line-height:1.55}.reference-decking-zerogap-decking .btn{letter-spacing:0;background:var(--accent);min-height:48px;color:var(--foreground);border:1px solid var(--accent);text-transform:uppercase;justify-content:center;align-items:center;padding:14px 23px;font-size:.85rem;font-weight:700;line-height:1.2;transition:background .2s;display:inline-flex}.reference-decking-zerogap-decking .btn:hover{background:var(--secondary);border-color:var(--secondary)}.reference-decking-zerogap-decking .btn.outline{color:inherit;background:0 0;border-color:currentColor}.reference-decking-zerogap-decking .btn.outline:hover{background:var(--fencing-overlay)}.reference-decking-zerogap-decking .btn.dark{background:var(--ink);color:var(--card);border-color:var(--ink)}.reference-decking-zerogap-decking .actions{flex-wrap:wrap;gap:12px;display:flex}.reference-decking-zerogap-decking .text-link{border-bottom:1px solid;padding:7px 0;font-size:.88rem;font-weight:700;display:inline-block}.reference-decking-zerogap-decking .skip{position:absolute;left:-999px}.reference-decking-zerogap-decking .skip:focus{z-index:999;background:var(--card);padding:16px;top:20px;left:20px}.reference-decking-zerogap-decking .utility{background:var(--accent);letter-spacing:0;height:34px;font-size:.73rem;font-weight:700}.reference-decking-zerogap-decking .utility .wrap{justify-content:space-between;align-items:center;height:100%;display:flex}.reference-decking-zerogap-decking .utility-links{gap:28px;display:flex}.reference-decking-zerogap-decking .header{z-index:10;color:var(--card);border-bottom:0;position:absolute;left:0;right:0}.reference-decking-zerogap-decking .header-inner{justify-content:space-between;align-items:center;gap:35px;height:96px;display:flex}.reference-decking-zerogap-decking .logo{object-fit:contain;object-position:left;width:178px;height:auto;max-height:40px}.reference-decking-zerogap-decking .wordmark{letter-spacing:0;color:var(--card);font-size:1.85rem;font-weight:700;display:none}.reference-decking-zerogap-decking .wordmark span{color:var(--accent)}.reference-decking-zerogap-decking .primary-nav{align-items:center;gap:36px;font-size:.82rem;font-weight:600;display:flex}.reference-decking-zerogap-decking .primary-nav>a{padding:12px 0}.reference-decking-zerogap-decking .primary-nav>a.active{border-bottom:2px solid var(--accent)}.reference-decking-zerogap-decking .header .btn{background:var(--background);border-color:var(--background);color:var(--ink);font-size:.75rem}.reference-decking-zerogap-decking .menu-toggle{color:var(--card);background:0 0;min-height:44px;padding:10px;font-size:1rem;display:none}.reference-decking-zerogap-decking .hero{min-height:720px;color:var(--ink-foreground);background:var(--foreground);align-items:center;display:flex;position:relative;overflow:hidden}.reference-decking-zerogap-decking .hero-img{object-fit:cover;object-position:center 52%;width:100%;height:100%;position:absolute;inset:0}.reference-decking-zerogap-decking .hero:after{content:"";background:linear-gradient(90deg,var(--fencing-hero-overlay),var(--fencing-hero-overlay) 70%,var(--fencing-hero-overlay)),linear-gradient(0deg,var(--fencing-hero-overlay),transparent 65%);position:absolute;inset:0}.reference-decking-zerogap-decking .hero-content{z-index:1;padding-top:150px;padding-bottom:80px;position:relative}.reference-decking-zerogap-decking .hero .eyebrow{color:var(--accent)}.reference-decking-zerogap-decking .hero p:not(.eyebrow){max-width:620px;color:var(--ink-foreground);margin:25px 0 32px;font-size:1.13rem}.reference-decking-zerogap-decking .hero .hero-caption{z-index:1;letter-spacing:0;color:var(--ink-foreground);font-size:.75rem;position:absolute;bottom:28px;right:6%}.reference-decking-zerogap-decking .hero .breadcrumb{align-items:center;gap:14px;display:flex}.reference-decking-zerogap-decking .hero .breadcrumb span{color:var(--ink-foreground)}.reference-decking-zerogap-decking .hero.product{min-height:675px}.reference-decking-zerogap-decking .hero.product h1{max-width:750px}.reference-decking-zerogap-decking .hero.product .hero-img{object-position:50% 55%}.reference-decking-zerogap-decking .page-nav{z-index:20;background:var(--fencing-overlay);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0}.reference-decking-zerogap-decking .page-nav .wrap{justify-content:space-between;align-items:center;gap:24px;min-height:64px;display:flex}.reference-decking-zerogap-decking .page-tabs,.reference-decking-zerogap-decking .jump-links{align-items:center;gap:28px;font-size:.88rem;display:flex}.reference-decking-zerogap-decking .page-tabs a{white-space:nowrap;padding:20px 0}.reference-decking-zerogap-decking .page-tabs a[aria-current=page]{border-bottom:2px solid var(--lime-ink);font-weight:700}.reference-decking-zerogap-decking .jump-links{color:currentColor;gap:25px}.reference-decking-zerogap-decking .jump-links a:hover{color:var(--ink)}.reference-decking-zerogap-decking .intro-grid{grid-template-columns:1fr 1fr;align-items:start;gap:11%;display:grid}.reference-decking-zerogap-decking .intro-grid h2{max-width:560px}.reference-decking-zerogap-decking .intro-grid .lead{padding-top:37px}.reference-decking-zerogap-decking .benefit-strip{border-top:1px solid var(--border);grid-template-columns:repeat(4,1fr);margin-top:62px;display:grid}.reference-decking-zerogap-decking .benefit{padding:28px 32px 4px 0}.reference-decking-zerogap-decking .benefit:not(:first-child){border-left:1px solid var(--border);padding-left:30px}.reference-decking-zerogap-decking .benefit strong{margin:12px 0;font-size:1.15rem;font-weight:600;line-height:1.3;display:block}.reference-decking-zerogap-decking .benefit .symbol{color:var(--lime-ink);font-size:1.7rem;line-height:1}.reference-decking-zerogap-decking .benefit p{color:currentColor;font-size:.95rem}.reference-decking-zerogap-decking .section-head{justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:45px;display:flex}.reference-decking-zerogap-decking .section-head p{max-width:440px}.reference-decking-zerogap-decking .section-head .eyebrow{margin-bottom:18px}.reference-decking-zerogap-decking .profiles{grid-template-columns:1fr 1fr;gap:28px;display:grid}.reference-decking-zerogap-decking .profile-card{display:block}.reference-decking-zerogap-decking .profile-image{height:380px;position:relative;overflow:hidden}.reference-decking-zerogap-decking .profile-image img{object-fit:cover;width:100%;height:100%;transition:transform .7s}.reference-decking-zerogap-decking .profile-card:hover img{transform:scale(1.035)}.reference-decking-zerogap-decking .profile-image .number{background:var(--background);padding:5px 12px;font-size:.85rem;position:absolute;top:20px;left:20px}.reference-decking-zerogap-decking .profile-info{padding:28px 0 5px}.reference-decking-zerogap-decking .profile-info h3{margin-bottom:15px;font-size:2.4rem}.reference-decking-zerogap-decking .profile-info p{color:currentColor;max-width:480px;margin-bottom:15px}.reference-decking-zerogap-decking .tags{flex-wrap:wrap;gap:7px;margin:20px 0;display:flex}.reference-decking-zerogap-decking .tag{border:1px solid var(--border);padding:5px 10px;font-size:.77rem;line-height:1.3}.reference-decking-zerogap-decking .explorer-grid{grid-template-columns:minmax(0,1.4fr) minmax(350px,1fr);align-items:start;gap:56px;display:grid}.reference-decking-zerogap-decking .explorer-photo{background:var(--secondary);aspect-ratio:1.25;position:relative;overflow:hidden}.reference-decking-zerogap-decking .explorer-photo>img{object-fit:cover;width:100%;height:100%}.reference-decking-zerogap-decking .image-note{background:var(--fencing-overlay);color:var(--ink);padding:5px 10px;font-size:.75rem;position:absolute;bottom:20px;left:20px}.reference-decking-zerogap-decking .photo-expand{color:var(--ink);background:var(--card);min-height:42px;padding:8px 12px;font-size:.8rem;position:absolute;top:17px;right:17px}.reference-decking-zerogap-decking .photo-caption{justify-content:space-between;align-items:start;gap:12px;margin-top:16px;font-size:.9rem;display:flex}.reference-decking-zerogap-decking .photo-caption small{color:currentColor;font-size:.78rem}.reference-decking-zerogap-decking .explorer-controls{padding-top:1px}.reference-decking-zerogap-decking .segmented{border:1px solid var(--border);gap:0;width:fit-content;margin-bottom:28px;display:flex}.reference-decking-zerogap-decking .segmented button{color:currentColor;background:0 0;min-height:42px;padding:10px 20px;font-size:.88rem}.reference-decking-zerogap-decking .segmented button[aria-pressed=true]{background:var(--ink);color:var(--card)}.reference-decking-zerogap-decking .explorer-controls h3{font-size:2.6rem}.reference-decking-zerogap-decking .finish-story{color:currentColor;min-height:76px;margin-top:12px;font-size:1rem}.reference-decking-zerogap-decking .swatches{grid-template-columns:repeat(5,1fr);gap:18px 13px;margin:28px 0;display:grid}.reference-decking-zerogap-decking .swatch{text-align:left;color:var(--ink);background:0 0;padding:0}.reference-decking-zerogap-decking .swatch-chip{border:1px solid var(--fencing-overlay);width:100%;height:46px;margin-bottom:7px;display:block;position:relative}.reference-decking-zerogap-decking .swatch[aria-pressed=true] .swatch-chip{outline:2px solid var(--lime-ink);outline-offset:4px}.reference-decking-zerogap-decking .swatch[aria-pressed=true] .swatch-chip:after{content:"✓";background:var(--background);color:var(--lime-ink);text-align:center;border-radius:50%;width:20px;height:20px;font-size:14px;font-weight:700;line-height:20px;position:absolute;bottom:4px;right:5px}.reference-decking-zerogap-decking .swatch-label{min-height:28px;font-size:.77rem;line-height:1.15;display:block}.reference-decking-zerogap-decking .orientation{margin-top:25px}.reference-decking-zerogap-decking .orientation .small{margin-bottom:9px}.reference-decking-zerogap-decking .orientation .segmented{margin-bottom:12px}.reference-decking-zerogap-decking .sample-action{flex-wrap:wrap;align-items:center;gap:22px;margin-top:24px;display:flex}.reference-decking-zerogap-decking .colour-note{color:currentColor;margin-top:22px;font-size:.77rem}.reference-decking-zerogap-decking .no-preview{text-align:center;background:var(--secondary);flex-direction:column;justify-content:center;align-items:center;gap:15px;height:100%;padding:35px;display:flex}.reference-decking-zerogap-decking .colour-block{border:1px solid var(--fencing-overlay);width:140px;height:100px;display:block}.reference-decking-zerogap-decking .gallery-tools{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;margin:30px 0;display:flex}.reference-decking-zerogap-decking .filter-buttons{gap:24px;display:flex}.reference-decking-zerogap-decking .filter-buttons button{color:currentColor;background:0 0;border-bottom:2px solid #0000;padding:14px 0;font-size:.92rem}.reference-decking-zerogap-decking .filter-buttons button[aria-pressed=true]{border-color:var(--ink);color:var(--ink);font-weight:600}.reference-decking-zerogap-decking .gallery-tools select{color:var(--ink);background:0 0;border:0;max-width:180px;padding:9px 24px 9px 9px;font-size:.88rem}.reference-decking-zerogap-decking .gallery-grid{grid-template-columns:repeat(3,1fr);gap:40px 24px;display:grid}.reference-decking-zerogap-decking .gallery-card{text-align:left;color:inherit;background:0 0;padding:0}.reference-decking-zerogap-decking .gallery-card .gallery-img{aspect-ratio:1.35;overflow:hidden}.reference-decking-zerogap-decking .gallery-card img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.reference-decking-zerogap-decking .gallery-card:hover img{transform:scale(1.035)}.reference-decking-zerogap-decking .gallery-card h3{letter-spacing:0;margin:15px 0 6px;font-size:1.3rem;line-height:1.3}.reference-decking-zerogap-decking .gallery-card p{color:currentColor;font-size:.86rem}.reference-decking-zerogap-decking .gallery-bottom{justify-content:space-between;align-items:center;gap:30px;margin-top:38px;display:flex}.reference-decking-zerogap-decking .empty-gallery{color:currentColor;grid-column:1/-1;padding:50px 0}.reference-decking-zerogap-decking .construction{background:var(--foreground);color:var(--ink-foreground)}.reference-decking-zerogap-decking .construction .eyebrow{color:var(--accent)}.reference-decking-zerogap-decking .construction-grid{grid-template-columns:1fr 1fr;align-items:start;gap:85px;display:grid}.reference-decking-zerogap-decking .construction h2{max-width:450px;margin-bottom:25px}.reference-decking-zerogap-decking .construction .lead{color:var(--ink-foreground);max-width:455px}.reference-decking-zerogap-decking .construction-steps{border-top:1px solid var(--fencing-overlay)}.reference-decking-zerogap-decking .construction-step{border-bottom:1px solid var(--fencing-overlay);grid-template-columns:45px 1fr;gap:15px;padding:25px 0;display:grid}.reference-decking-zerogap-decking .construction-step>span{color:var(--accent);font-size:.85rem}.reference-decking-zerogap-decking .construction-step h3{letter-spacing:0;margin-bottom:10px;font-size:1.4rem}.reference-decking-zerogap-decking .construction-step p{color:var(--ink-foreground);font-size:.96rem}.reference-decking-zerogap-decking .construction .actions{margin-top:35px}.reference-decking-zerogap-decking .product-design{grid-template-columns:1.05fr 1fr;align-items:center;gap:75px;display:grid}.reference-decking-zerogap-decking .product-design img{aspect-ratio:1.12;object-fit:cover;width:100%}.reference-decking-zerogap-decking .product-design h2{margin-bottom:23px}.reference-decking-zerogap-decking .product-design p{margin-bottom:22px}.reference-decking-zerogap-decking .feature-list{border-top:1px solid var(--border);margin:30px 0 0;padding:0;list-style:none}.reference-decking-zerogap-decking .feature-list li{border-bottom:1px solid var(--border);gap:18px;padding:15px 0;font-size:.97rem;display:flex}.reference-decking-zerogap-decking .feature-list li>span{color:var(--lime-ink);padding-top:3px;font-size:.78rem}.reference-decking-zerogap-decking .spec-grid{grid-template-columns:.9fr 1.1fr;gap:100px;display:grid}.reference-decking-zerogap-decking .spec-grid h2{margin-bottom:24px}.reference-decking-zerogap-decking .spec-table{margin:0}.reference-decking-zerogap-decking .spec-table>div{border-top:1px solid var(--border);grid-template-columns:1fr 1.2fr;gap:25px;padding:18px 0;font-size:.97rem;display:grid}.reference-decking-zerogap-decking .spec-table dt{font-weight:600}.reference-decking-zerogap-decking .spec-table dd{color:currentColor;margin:0}.reference-decking-zerogap-decking .spec-table>div:last-child{border-bottom:1px solid var(--border)}.reference-decking-zerogap-decking .faq-grid{grid-template-columns:.85fr 1.15fr;gap:90px;display:grid}.reference-decking-zerogap-decking .faq-grid h2{max-width:380px;margin-bottom:25px}.reference-decking-zerogap-decking .faq-grid .lead{max-width:335px}.reference-decking-zerogap-decking .faqs details{border-top:1px solid var(--border)}.reference-decking-zerogap-decking .faqs details:last-child{border-bottom:1px solid var(--border)}.reference-decking-zerogap-decking .faqs summary{cursor:pointer;padding:23px 45px 23px 0;font-size:1.08rem;line-height:1.4;list-style:none;position:relative}.reference-decking-zerogap-decking .faqs summary::-webkit-details-marker{display:none}.reference-decking-zerogap-decking .faqs summary:after{content:"+";color:var(--lime-ink);font-size:1.6rem;font-weight:400;position:absolute;top:19px;right:4px}.reference-decking-zerogap-decking .faqs details[open] summary:after{content:"−"}.reference-decking-zerogap-decking .faqs details p{color:currentColor;padding:0 30px 25px 0;font-size:1rem;line-height:1.7}.reference-decking-zerogap-decking .crosslink{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:40px;margin-top:70px;padding:35px 0;display:flex}.reference-decking-zerogap-decking .crosslink h3{font-size:1.9rem}.reference-decking-zerogap-decking .final-cta{background:var(--accent);padding:75px 0}.reference-decking-zerogap-decking .final-cta .wrap{justify-content:space-between;align-items:center;gap:60px;display:flex}.reference-decking-zerogap-decking .final-cta h2{max-width:640px;font-size:3.6rem}.reference-decking-zerogap-decking .final-cta p{max-width:580px;color:var(--foreground);margin-top:20px}.reference-decking-zerogap-decking .final-cta .actions{flex-shrink:0;max-width:220px}.reference-decking-zerogap-decking .final-cta .btn{width:100%}.reference-decking-zerogap-decking .footer{background:var(--foreground);color:var(--ink-foreground);padding:65px 0 25px}.reference-decking-zerogap-decking .footer-top{grid-template-columns:repeat(4,minmax(0,1fr));gap:65px;display:grid}.reference-decking-zerogap-decking .footer .logo{width:175px}.reference-decking-zerogap-decking .footer p{color:var(--ink-foreground);max-width:330px;margin-top:22px;font-size:.9rem}.reference-decking-zerogap-decking .footer-title{letter-spacing:0;color:var(--accent);margin-bottom:20px;font-size:.76rem}.reference-decking-zerogap-decking .footer-links{flex-direction:column;gap:11px;font-size:.9rem;display:flex}.reference-decking-zerogap-decking .footer-bottom{border-top:1px solid var(--fencing-overlay);color:var(--foreground);justify-content:space-between;gap:20px;margin-top:50px;padding-top:25px;font-size:.76rem;display:flex}.reference-decking-zerogap-decking dialog{background:var(--background);color:var(--ink);width:100%;max-width:min(1050px,94vw);max-height:92dvh;box-shadow:0 20px 100px var(--fencing-overlay);border:0;padding:0;overflow:auto}.reference-decking-zerogap-decking dialog::backdrop{background:var(--fencing-overlay)}.reference-decking-zerogap-decking .dialog-close{z-index:2;background:var(--background);width:44px;height:44px;color:var(--ink);justify-content:center;align-items:center;font-size:1.6rem;display:flex;position:absolute;top:15px;right:15px}.reference-decking-zerogap-decking .lightbox-image{object-fit:contain;background:var(--foreground);width:100%;max-height:65dvh}.reference-decking-zerogap-decking .lightbox-.reference-decking-zerogap-decking{justify-content:space-between;align-items:center;gap:30px;padding:28px 35px;display:flex}.reference-decking-zerogap-decking .lightbox-.reference-decking-zerogap-decking h3{margin-bottom:8px;font-size:1.8rem}.reference-decking-zerogap-decking #sample-dialog{max-width:580px;padding:45px}.reference-decking-zerogap-decking #sample-dialog h2{margin-bottom:18px;font-size:2.7rem}.reference-decking-zerogap-decking #sample-dialog p{color:currentColor}.reference-decking-zerogap-decking .sample-fields{gap:20px;margin:26px 0;display:grid}.reference-decking-zerogap-decking .sample-fields label{font-size:.87rem;font-weight:600}.reference-decking-zerogap-decking .sample-fields select{border:1px solid var(--border);background:var(--card);border-radius:0;width:100%;margin-top:8px;padding:12px;display:block}.reference-decking-zerogap-decking .sample-summary{background:var(--secondary);margin:20px 0;padding:18px}.reference-decking-zerogap-decking .sample-summary strong{display:block}.reference-decking-zerogap-decking .sample-note{margin-top:18px;font-size:.83rem}.reference-decking-zerogap-decking .sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=1700px){.reference-decking-zerogap-decking .hero{min-height:800px}}@media (width<=1100px){.reference-decking-zerogap-decking .wrap{width:90%}.reference-decking-zerogap-decking .primary-nav{gap:24px}.reference-decking-zerogap-decking .explorer-grid{grid-template-columns:1.15fr 1fr;gap:35px}.reference-decking-zerogap-decking .section{padding:80px 0}.reference-decking-zerogap-decking .construction-grid,.reference-decking-zerogap-decking .faq-grid,.reference-decking-zerogap-decking .spec-grid{gap:55px}.reference-decking-zerogap-decking .footer-top{gap:30px}.reference-decking-zerogap-decking .profile-image{height:320px}.reference-decking-zerogap-decking .jump-links{gap:17px}.reference-decking-zerogap-decking .swatches{gap:16px 12px}.reference-decking-zerogap-decking .product-design{gap:45px}}@media (width<=800px){.reference-decking-zerogap-decking .utility .wrap>span{display:none}.reference-decking-zerogap-decking .utility .wrap{justify-content:flex-end}.reference-decking-zerogap-decking .utility-links{gap:20px}.reference-decking-zerogap-decking .header-inner{height:82px}.reference-decking-zerogap-decking .logo{width:160px}.reference-decking-zerogap-decking .menu-toggle{display:block}.reference-decking-zerogap-decking .primary-nav{background:var(--foreground);flex-direction:column;align-items:stretch;gap:7px;padding:25px 5%;display:none;position:absolute;top:82px;left:0;right:0}.reference-decking-zerogap-decking .primary-nav.open{display:flex}.reference-decking-zerogap-decking .hero{min-height:650px}.reference-decking-zerogap-decking .hero-content{padding-top:160px;padding-bottom:80px}.reference-decking-zerogap-decking .hero h1{max-width:630px;font-size:4.7rem}.reference-decking-zerogap-decking .hero:after{background:linear-gradient(90deg,var(--fencing-hero-overlay),var(--fencing-hero-overlay)),linear-gradient(0deg,var(--fencing-hero-overlay),transparent)}.reference-decking-zerogap-decking .hero p:not(.eyebrow){font-size:1.05rem}.reference-decking-zerogap-decking .hero-caption{display:none}.reference-decking-zerogap-decking .page-nav .wrap{min-height:0;display:block}.reference-decking-zerogap-decking .page-tabs{justify-content:space-between;gap:15px}.reference-decking-zerogap-decking .page-tabs a{padding:17px 0;font-size:.85rem}.reference-decking-zerogap-decking .jump-links{display:none}.reference-decking-zerogap-decking .intro-grid{grid-template-columns:1fr;gap:15px}.reference-decking-zerogap-decking .intro-grid .lead{padding-top:0}.reference-decking-zerogap-decking .benefit-strip{grid-template-columns:1fr 1fr;gap:0;margin-top:40px}.reference-decking-zerogap-decking .benefit{padding:25px 15px 20px 0}.reference-decking-zerogap-decking .benefit:not(:first-child){padding-left:20px}.reference-decking-zerogap-decking .benefit:nth-child(3){border-left:0;border-top:1px solid var(--border);padding-left:0}.reference-decking-zerogap-decking .benefit:nth-child(4){border-top:1px solid var(--border)}.reference-decking-zerogap-decking .section-head{flex-direction:column;align-items:start;gap:22px;margin-bottom:32px}.reference-decking-zerogap-decking .section-head p{max-width:620px}.reference-decking-zerogap-decking .profile-image{height:300px}.reference-decking-zerogap-decking .profile-info h3{font-size:2rem}.reference-decking-zerogap-decking .explorer-grid{grid-template-columns:1fr;gap:30px}.reference-decking-zerogap-decking .explorer-photo{aspect-ratio:1.5}.reference-decking-zerogap-decking .explorer-controls h3{font-size:2.5rem}.reference-decking-zerogap-decking .finish-story{min-height:0}.reference-decking-zerogap-decking .swatches{grid-template-columns:repeat(5,1fr);gap:22px}.reference-decking-zerogap-decking .swatch-chip{height:60px}.reference-decking-zerogap-decking .swatch-label{min-height:0;font-size:.82rem}.reference-decking-zerogap-decking .gallery-grid{grid-template-columns:1fr 1fr}.reference-decking-zerogap-decking .construction-grid,.reference-decking-zerogap-decking .faq-grid,.reference-decking-zerogap-decking .spec-grid,.reference-decking-zerogap-decking .product-design{grid-template-columns:1fr;gap:40px}.reference-decking-zerogap-decking .construction h2{max-width:600px}.reference-decking-zerogap-decking .product-design img{aspect-ratio:1.5}.reference-decking-zerogap-decking .faq-grid h2{max-width:580px}.reference-decking-zerogap-decking .faq-grid .lead{max-width:500px}.reference-decking-zerogap-decking .final-cta .wrap{flex-direction:column;align-items:flex-start;gap:32px}.reference-decking-zerogap-decking .final-cta .actions{max-width:none}.reference-decking-zerogap-decking .final-cta .btn{width:auto}.reference-decking-zerogap-decking .footer-top{grid-template-columns:1.5fr 1fr;gap:42px}.reference-decking-zerogap-decking .footer-bottom{flex-direction:column}.reference-decking-zerogap-decking .lightbox-.reference-decking-zerogap-decking{flex-direction:column;align-items:start;gap:18px}}@media (width<=520px){.reference-decking-zerogap-decking{font-size:16px}.reference-decking-zerogap-decking .wrap{width:89%}.reference-decking-zerogap-decking .utility{height:30px}.reference-decking-zerogap-decking .utility-links{gap:22px;font-size:.65rem}.reference-decking-zerogap-decking .hero{min-height:690px}.reference-decking-zerogap-decking .hero.product{min-height:650px}.reference-decking-zerogap-decking .hero-content{padding-top:140px;padding-bottom:64px}.reference-decking-zerogap-decking .hero h1{letter-spacing:0;font-size:3.25rem}.reference-decking-zerogap-decking .hero .eyebrow{font-size:.72rem}.reference-decking-zerogap-decking .hero .actions{flex-direction:column;align-items:stretch;max-width:270px}.reference-decking-zerogap-decking .section{padding:62px 0}.reference-decking-zerogap-decking .eyebrow{margin-bottom:16px}.reference-decking-zerogap-decking h2{font-size:2.55rem}.reference-decking-zerogap-decking .benefit strong{font-size:1.05rem}.reference-decking-zerogap-decking .benefit p{font-size:.88rem}.reference-decking-zerogap-decking .benefit:not(:first-child){padding-left:16px}.reference-decking-zerogap-decking .benefit:nth-child(3){padding-left:0}.reference-decking-zerogap-decking .profiles{grid-template-columns:1fr;gap:38px}.reference-decking-zerogap-decking .profile-image{height:285px}.reference-decking-zerogap-decking .profile-info{padding-top:22px}.reference-decking-zerogap-decking .profile-info p{font-size:.98rem}.reference-decking-zerogap-decking .explorer-photo{aspect-ratio:1.15}.reference-decking-zerogap-decking .image-note{font-size:.7rem;bottom:12px;left:12px}.reference-decking-zerogap-decking .photo-caption{flex-direction:column;gap:2px}.reference-decking-zerogap-decking .swatches{grid-template-columns:repeat(3,1fr);gap:20px 12px}.reference-decking-zerogap-decking .swatch-chip{height:49px}.reference-decking-zerogap-decking .swatch-label{font-size:.82rem}.reference-decking-zerogap-decking .sample-action{gap:17px}.reference-decking-zerogap-decking .gallery-tools{align-items:flex-start}.reference-decking-zerogap-decking .filter-buttons{gap:19px}.reference-decking-zerogap-decking .filter-buttons button{font-size:.86rem}.reference-decking-zerogap-decking .gallery-tools select{max-width:115px;padding-top:15px;font-size:.8rem}.reference-decking-zerogap-decking .gallery-grid{grid-template-columns:1fr;gap:30px}.reference-decking-zerogap-decking .gallery-card .gallery-img{aspect-ratio:1.4}.reference-decking-zerogap-decking .gallery-bottom{flex-direction:column;align-items:start;gap:20px}.reference-decking-zerogap-decking .spec-table>div{grid-template-columns:1fr 1.2fr;gap:20px;font-size:.9rem}.reference-decking-zerogap-decking .construction-step{grid-template-columns:27px 1fr;gap:12px}.reference-decking-zerogap-decking .faqs summary{font-size:1rem}.reference-decking-zerogap-decking .crosslink{flex-direction:column;align-items:start;margin-top:45px}.reference-decking-zerogap-decking .final-cta{padding:60px 0}.reference-decking-zerogap-decking .final-cta .actions{flex-direction:column;width:100%;max-width:270px}.reference-decking-zerogap-decking .footer-top{grid-template-columns:1fr 1fr;gap:35px 24px}.reference-decking-zerogap-decking .footer-top>div:first-child,.reference-decking-zerogap-decking .footer-top>div:last-child{grid-column:1/-1}.reference-decking-zerogap-decking .footer-title{margin-bottom:16px}.reference-decking-zerogap-decking #sample-dialog{padding:35px 25px}.reference-decking-zerogap-decking .lightbox-.reference-decking-zerogap-decking{padding:23px}.reference-decking-zerogap-decking .page-tabs{gap:10px}.reference-decking-zerogap-decking .page-tabs a{font-size:.79rem}.reference-decking-zerogap-decking .segmented button{padding:10px 16px}}@media (prefers-reduced-motion:reduce){.reference-decking-zerogap-decking{scroll-behavior:auto}.reference-decking-zerogap-decking *{transition:none!important}}.reference-decking-zerogap-decking .preview-switch{width:100%;margin-bottom:18px}.reference-decking-zerogap-decking .preview-switch button{flex:1;min-height:46px}.reference-decking-zerogap-decking .explorer-photo.board-preview{background:var(--card);border:1px solid var(--border)}.reference-decking-zerogap-decking .explorer-photo.board-preview>img{object-fit:contain;width:100%;height:100%;padding:18px 20px 35px}.reference-decking-zerogap-decking .board-colour-label{margin:25px 0 13px;font-size:.85rem;font-weight:600}.reference-decking-zerogap-decking .swatches.board-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:21px 15px;margin:0 0 22px}.reference-decking-zerogap-decking .board-options .swatch-chip{aspect-ratio:.84;background:var(--card);border:1px solid var(--border);height:auto;margin-bottom:10px;overflow:visible}.reference-decking-zerogap-decking .board-options .swatch-chip img{object-fit:contain;width:100%;height:100%;transition:transform .25s}.reference-decking-zerogap-decking .board-options .swatch:hover img{transform:scale(1.06)}.reference-decking-zerogap-decking .board-options .swatch-label{min-height:1.25em;font-size:.85rem;line-height:1.25}.reference-decking-zerogap-decking .board-options .swatch[aria-pressed=true] .swatch-chip{outline-offset:3px}.reference-decking-zerogap-decking .additional-finish{color:currentColor;flex-wrap:wrap;align-items:center;gap:5px 10px;margin-top:8px;font-size:.8rem;display:flex}.reference-decking-zerogap-decking .additional-finish button{color:var(--ink);background:0 0;padding:5px 0;font-size:.8rem}.reference-decking-zerogap-decking .additional-finish button[aria-pressed=true]{color:var(--lime-ink);border-bottom-width:2px}.reference-decking-zerogap-decking .board-unavailable{background:var(--card)}.reference-decking-zerogap-decking .board-unavailable p{max-width:35ch}.reference-decking-zerogap-decking .board-unavailable .eyebrow{margin-bottom:0}.reference-decking-zerogap-decking .board-unavailable .btn{margin-top:12px}.reference-decking-zerogap-decking .board-dialog-image{background:var(--card);justify-content:center;align-items:center;padding:35px 30px 15px;display:flex}.reference-decking-zerogap-decking .board-dialog-image img{object-fit:contain;max-width:100%;height:62dvh;max-height:760px}.reference-decking-zerogap-decking #board-dialog{max-width:min(900px,94vw)}.reference-decking-zerogap-decking #board-dialog .lightbox-.reference-decking-zerogap-decking{border-top:1px solid var(--border)}@media (width<=1100px){.reference-decking-zerogap-decking .swatches.board-options{gap:20px 12px}.reference-decking-zerogap-decking .board-options .swatch-label{font-size:.8rem}.reference-decking-zerogap-decking .board-options .swatch-chip{aspect-ratio:.75}}@media (width<=800px){.reference-decking-zerogap-decking .explorer-photo.board-preview{aspect-ratio:1.3}.reference-decking-zerogap-decking .swatches.board-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px}.reference-decking-zerogap-decking .board-options .swatch-chip{aspect-ratio:1}.reference-decking-zerogap-decking .board-options .swatch-label{font-size:.88rem}.reference-decking-zerogap-decking .preview-switch{margin-bottom:15px}}@media (width<=520px){.reference-decking-zerogap-decking .explorer-photo.board-preview{aspect-ratio:1.04}.reference-decking-zerogap-decking .explorer-photo.board-preview>img{padding:10px 14px 30px}.reference-decking-zerogap-decking .swatches.board-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:21px 12px}.reference-decking-zerogap-decking .board-options .swatch-chip{aspect-ratio:.65}.reference-decking-zerogap-decking .board-options .swatch-label{min-height:2.5em;font-size:.82rem}.reference-decking-zerogap-decking .preview-switch button{padding:12px 10px;font-size:.85rem}.reference-decking-zerogap-decking .board-dialog-image{padding:45px 15px 15px}.reference-decking-zerogap-decking .board-dialog-image img{height:52dvh}.reference-decking-zerogap-decking .additional-finish{font-size:.8rem}}.reference-decking-zerogap-decking .header .logo,.reference-decking-zerogap-decking .footer .logo{mix-blend-mode:normal;object-fit:contain;width:240px;height:auto;max-height:none;display:block}.reference-decking-zerogap-decking .header-inner>a:first-child{flex-shrink:0;display:block}@media (width<=1000px){.reference-decking-zerogap-decking .header .logo{width:210px}}@media (width<=480px){.reference-decking-zerogap-decking .header .logo{width:188px}.reference-decking-zerogap-decking .footer .logo{width:220px}}.reference-decking-zerogap-decking .advantages{position:relative}.reference-decking-zerogap-decking .advantages .section-anchor{position:absolute;top:0;left:0}.reference-decking-zerogap-decking .advantage-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:70px;display:grid}.reference-decking-zerogap-decking .advantages .advantage-intro .eyebrow{letter-spacing:0;max-width:390px;font-size:.8rem;line-height:1.6}.reference-decking-zerogap-decking .advantages h2{letter-spacing:0;max-width:530px;margin-bottom:25px;font-size:4.2rem;line-height:1.08}.reference-decking-zerogap-decking .advantages h2 span{color:var(--accent)}.reference-decking-zerogap-decking .advantages .lead{max-width:390px;margin-bottom:32px;line-height:1.65}.reference-decking-zerogap-decking .advantage-intro>.btn{border-color:var(--secondary);color:var(--ink-foreground);min-height:48px}.reference-decking-zerogap-decking .advantage-grid{gap:22px;display:grid}.reference-decking-zerogap-decking .advantage-card{background:var(--background);color:var(--ink);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);min-width:0;min-height:235px;display:grid;overflow:hidden}.reference-decking-zerogap-decking .advantage-image{background:var(--card);justify-content:center;align-items:center;min-width:0;padding:34px 14px 25px;display:flex;position:relative}.reference-decking-zerogap-decking .advantage-number{color:var(--lime-ink);letter-spacing:0;font-size:.8rem;font-weight:600;position:absolute;top:18px;left:20px}.reference-decking-zerogap-decking .advantage-drawing{width:100%;max-width:240px;height:auto;display:block;overflow:hidden}.reference-decking-zerogap-decking .advantage-copy{flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;padding:31px 30px 29px 24px;display:flex}.reference-decking-zerogap-decking .advantage-copy h3{letter-spacing:0;margin-bottom:13px;font-size:1.55rem;line-height:1.2}.reference-decking-zerogap-decking .advantage-copy p{color:currentColor;margin-bottom:21px;font-size:1rem;line-height:1.65}.reference-decking-zerogap-decking .advantage-result{border-top:2px solid var(--secondary);max-width:100%;color:var(--lime-ink);padding-top:13px;font-size:.875rem;font-weight:600;line-height:1.45;display:block}.reference-decking-zerogap-decking .jump-links a{white-space:nowrap}@media (width<=1180px){.reference-decking-zerogap-decking .page-nav .jump-links{display:none}.reference-decking-zerogap-decking .advantage-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:42px}.reference-decking-zerogap-decking .advantage-copy{padding:28px 24px 26px 20px}.reference-decking-zerogap-decking .advantages h2{font-size:3.25rem}}@media (width<=1000px){.reference-decking-zerogap-decking .advantage-layout{grid-template-columns:1fr;gap:38px}.reference-decking-zerogap-decking .advantage-intro,.reference-decking-zerogap-decking .advantages h2{max-width:600px}.reference-decking-zerogap-decking .advantages .lead{max-width:570px}.reference-decking-zerogap-decking .advantage-card{grid-template-columns:minmax(180px,.65fr) minmax(0,1.35fr);min-height:220px}.reference-decking-zerogap-decking .advantage-copy{padding:30px}.reference-decking-zerogap-decking .advantage-image{padding:35px 20px 25px}.reference-decking-zerogap-decking .advantage-drawing{max-width:235px}}@media (width<=520px){.reference-decking-zerogap-decking .advantages h2{font-size:2.75rem}.reference-decking-zerogap-decking .advantages .advantage-intro .eyebrow{max-width:290px;font-size:.8rem}.reference-decking-zerogap-decking .advantage-layout{gap:32px}.reference-decking-zerogap-decking .advantage-grid{gap:22px}.reference-decking-zerogap-decking .advantage-card{grid-template-columns:1fr}.reference-decking-zerogap-decking .advantage-image{height:175px;padding:30px 45px 18px}.reference-decking-zerogap-decking .advantage-drawing{width:auto;max-width:100%;height:100%}.reference-decking-zerogap-decking .advantage-number{top:17px;left:24px}.reference-decking-zerogap-decking .advantage-copy{padding:25px}.reference-decking-zerogap-decking .advantage-copy h3{font-size:1.55rem}.reference-decking-zerogap-decking .advantage-copy p{margin-bottom:19px}.reference-decking-zerogap-decking .advantage-result{font-size:.875rem}.reference-decking-zerogap-decking .advantage-intro>.btn{font-size:.8rem}}.reference-decking-zerogap-decking .trims-section{border-top:1px solid var(--border);background:var(--background)}.reference-decking-zerogap-decking .trim-section-meta{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.reference-decking-zerogap-decking .trim-finish{color:currentColor;align-items:center;gap:10px;font-size:.88rem;display:inline-flex}.reference-decking-zerogap-decking .trim-finish>span{background:var(--border);border:1px solid var(--fencing-overlay);width:24px;height:24px;display:block}.reference-decking-zerogap-decking .trim-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.reference-decking-zerogap-decking .trim-card{text-align:left;color:inherit;border:1px solid var(--border);background:0 0;flex-direction:column;padding:0;transition:border-color .2s;display:flex}.reference-decking-zerogap-decking .trim-card:hover{border-color:var(--lime-ink)}.reference-decking-zerogap-decking .trim-card-image{background:var(--card);aspect-ratio:1.35;width:100%;position:relative;overflow:hidden}.reference-decking-zerogap-decking .trim-card-image img{object-fit:contain;width:100%;height:100%;transition:transform .4s}.reference-decking-zerogap-decking .trim-card:hover img{transform:scale(1.035)}.reference-decking-zerogap-decking .trim-card-number{color:currentColor;font-size:.75rem;position:absolute;top:14px;left:16px}.reference-decking-zerogap-decking .trim-card-.reference-decking-zerogap-decking{flex-direction:column;flex:1;align-items:flex-start;padding:22px 20px;display:flex}.reference-decking-zerogap-decking .trim-card h3{letter-spacing:0;margin-bottom:8px;font-size:1.2rem;line-height:1.25}.reference-decking-zerogap-decking .trim-card p{color:currentColor;margin-bottom:22px;font-size:.85rem}.reference-decking-zerogap-decking .trim-view{border-bottom:1px solid;margin-top:auto;padding-bottom:3px;font-size:.82rem;font-weight:600;display:inline-block}.reference-decking-zerogap-decking .trim-section-bottom{justify-content:space-between;align-items:center;gap:50px;margin-top:35px;display:flex}.reference-decking-zerogap-decking .trim-section-bottom p{max-width:650px}.reference-decking-zerogap-decking .trim-section-bottom .btn{flex-shrink:0}.reference-decking-zerogap-decking #trim-dialog{max-width:min(1100px,94vw)}.reference-decking-zerogap-decking .trim-dialog-grid{grid-template-columns:1.2fr 1fr;min-height:480px;display:grid}.reference-decking-zerogap-decking .trim-dialog-image{background:var(--card);justify-content:center;align-items:center;min-width:0;padding:25px;display:flex}.reference-decking-zerogap-decking .trim-dialog-image img{object-fit:contain;width:100%;max-height:65dvh}.reference-decking-zerogap-decking .trim-dialog-.reference-decking-zerogap-decking{flex-direction:column;align-items:flex-start;padding:62px 40px 45px;display:flex}.reference-decking-zerogap-decking .trim-dialog-.reference-decking-zerogap-decking h2{margin-bottom:24px;font-size:2.5rem}.reference-decking-zerogap-decking .trim-dialog-.reference-decking-zerogap-decking>.trim-finish{margin-bottom:25px}.reference-decking-zerogap-decking .trim-dialog-.reference-decking-zerogap-decking #trim-dialog-description{margin-bottom:22px;font-size:1.02rem}.reference-decking-zerogap-decking .trim-dialog-.reference-decking-zerogap-decking>.btn{margin-top:30px}.reference-decking-zerogap-decking .trim-dialog-.reference-decking-zerogap-decking>.eyebrow{margin-bottom:17px}@media (width<=1100px){.reference-decking-zerogap-decking .trim-grid{gap:18px}.reference-decking-zerogap-decking .trim-card-.reference-decking-zerogap-decking{padding:20px 15px}.reference-decking-zerogap-decking .trim-card h3{font-size:1.08rem}}@media (width<=950px){.reference-decking-zerogap-decking .page-nav .jump-links{display:none}.reference-decking-zerogap-decking .trim-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-decking-zerogap-decking .trim-dialog-grid{grid-template-columns:1fr}.reference-decking-zerogap-decking .trim-dialog-image{padding:10px 35px}.reference-decking-zerogap-decking .trim-dialog-image img{height:38dvh}.reference-decking-zerogap-decking .trim-dialog-.reference-decking-zerogap-decking{padding:30px 35px 40px}.reference-decking-zerogap-decking .trim-dialog-.reference-decking-zerogap-decking h2{margin-bottom:20px}.reference-decking-zerogap-decking .trim-section-bottom{gap:25px}}@media (width<=520px){.reference-decking-zerogap-decking .trim-grid{gap:18px 12px}.reference-decking-zerogap-decking .trim-card-.reference-decking-zerogap-decking{padding:16px 13px}.reference-decking-zerogap-decking .trim-card h3{font-size:1rem;line-height:1.3}.reference-decking-zerogap-decking .trim-card p{margin-bottom:18px;font-size:.8rem}.reference-decking-zerogap-decking .trim-card-image{aspect-ratio:1.05}.reference-decking-zerogap-decking .trim-card-number{top:10px;left:10px}.reference-decking-zerogap-decking .trim-card-image img{transform:scale(1.12)}.reference-decking-zerogap-decking .trim-card:hover img{transform:scale(1.16)}.reference-decking-zerogap-decking .trim-section-meta{align-items:flex-start;gap:20px}.reference-decking-zerogap-decking .trim-section-meta>p{text-align:right;max-width:150px;font-size:.8rem}.reference-decking-zerogap-decking .trim-section-bottom{flex-direction:column;align-items:flex-start;gap:23px}.reference-decking-zerogap-decking .trim-dialog-.reference-decking-zerogap-decking{padding:25px}.reference-decking-zerogap-decking .trim-dialog-.reference-decking-zerogap-decking h2{font-size:2.15rem}.reference-decking-zerogap-decking .trim-dialog-image{padding:20px}.reference-decking-zerogap-decking .trim-dialog-image img{height:31dvh}.reference-decking-zerogap-decking .trim-dialog-.reference-decking-zerogap-decking>.btn{width:100%}}.reference-decking-zerogap-decking .material-story .intro-grid{grid-template-columns:1.25fr 1fr;align-items:center;gap:70px}.reference-decking-zerogap-decking .material-story .intro-grid h2{max-width:690px;font-size:3.7rem;line-height:1.1}.reference-decking-zerogap-decking .material-story .intro-grid h2 span{color:var(--lime-ink)}.reference-decking-zerogap-decking .material-story .intro-grid .lead{max-width:440px;padding-top:22px}.reference-decking-zerogap-decking .material-story .lead strong{font-weight:inherit;color:var(--ink)}.reference-decking-zerogap-decking .material-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);align-items:stretch;gap:60px;margin-top:48px;display:grid}.reference-decking-zerogap-decking .core-card{background:var(--secondary);border-top:3px solid var(--lime-ink);padding:34px 36px 30px}.reference-decking-zerogap-decking .core-card .eyebrow{letter-spacing:0;margin-bottom:18px;font-size:.8rem}.reference-decking-zerogap-decking .core-card h3{letter-spacing:0;font-size:1.95rem;line-height:1.15}.reference-decking-zerogap-decking .core-composition{margin:25px 0 23px}.reference-decking-zerogap-decking .core-composition>div{border-bottom:1px solid var(--secondary);grid-template-columns:96px minmax(0,1fr);align-items:center;gap:15px;padding:14px 0;display:grid}.reference-decking-zerogap-decking .core-composition>div:first-child{border-top:1px solid var(--secondary)}.reference-decking-zerogap-decking .core-composition dt{color:var(--foreground);grid-area:1/2;font-size:.95rem;line-height:1.45}.reference-decking-zerogap-decking .core-composition dd{letter-spacing:0;color:var(--foreground);font-variant-numeric:tabular-nums;grid-area:1/1;margin:0;font-size:2.55rem;font-weight:500;line-height:1}.reference-decking-zerogap-decking .core-composition dd span{letter-spacing:0;margin-left:3px;font-size:1.2rem}.reference-decking-zerogap-decking .core-note{color:var(--foreground);font-size:1rem;line-height:1.6}.reference-decking-zerogap-decking .material-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 42px;display:grid}.reference-decking-zerogap-decking .material-benefit{border-bottom:1px solid var(--border);padding:12px 0 30px}.reference-decking-zerogap-decking .material-benefit:nth-child(n+3){border-bottom:0;padding-top:28px;padding-bottom:4px}.reference-decking-zerogap-decking .material-icon{width:42px;height:42px;color:var(--lime-ink);justify-content:center;align-items:center;margin-bottom:20px;display:flex}.reference-decking-zerogap-decking .material-icon svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:34px;height:34px}.reference-decking-zerogap-decking .material-benefit h3{letter-spacing:0;margin-bottom:13px;font-size:1.45rem;line-height:1.2}.reference-decking-zerogap-decking .material-benefit p{color:currentColor;font-size:1rem;line-height:1.65}@media (width<=1100px){.reference-decking-zerogap-decking .material-story .intro-grid{gap:40px}.reference-decking-zerogap-decking .material-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:35px}.reference-decking-zerogap-decking .core-card{padding:30px 26px}.reference-decking-zerogap-decking .core-composition>div{grid-template-columns:80px minmax(0,1fr);gap:10px}.reference-decking-zerogap-decking .material-benefits{gap:0 28px}.reference-decking-zerogap-decking .material-benefit h3{font-size:1.3rem}}@media (width<=800px){.reference-decking-zerogap-decking .material-story .intro-grid{grid-template-columns:1fr;gap:22px}.reference-decking-zerogap-decking .material-story .intro-grid .lead{max-width:600px;padding-top:0}.reference-decking-zerogap-decking .material-layout{grid-template-columns:1fr;gap:30px;margin-top:35px}.reference-decking-zerogap-decking .core-card{padding:30px}.reference-decking-zerogap-decking .core-composition{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:25px 0 20px;display:grid}.reference-decking-zerogap-decking .core-composition>div{border-top:1px solid var(--secondary);flex-direction:column;align-items:flex-start;gap:12px;padding:18px 0;display:flex}.reference-decking-zerogap-decking .core-composition dd{order:-1}.reference-decking-zerogap-decking .core-composition dt{font-size:.95rem}.reference-decking-zerogap-decking .core-note{max-width:550px}.reference-decking-zerogap-decking .material-benefits{gap:0 35px}.reference-decking-zerogap-decking .material-benefit{padding-top:15px}.reference-decking-zerogap-decking .material-benefit h3{font-size:1.45rem}}@media (width<=520px){.reference-decking-zerogap-decking .material-story .intro-grid h2{font-size:2.55rem}.reference-decking-zerogap-decking .core-card{padding:27px 25px}.reference-decking-zerogap-decking .core-card h3{font-size:1.85rem}.reference-decking-zerogap-decking .core-composition{margin:23px 0 20px;display:block}.reference-decking-zerogap-decking .core-composition>div{border-top:0;grid-template-columns:82px minmax(0,1fr);gap:14px;padding:15px 0;display:grid}.reference-decking-zerogap-decking .core-composition dd{font-size:2.4rem}.reference-decking-zerogap-decking .core-composition dt{font-size:1rem}.reference-decking-zerogap-decking .material-benefits{grid-template-columns:1fr;gap:0}.reference-decking-zerogap-decking .material-benefit,.reference-decking-zerogap-decking .material-benefit:nth-child(n+3){border-bottom:1px solid var(--border);grid-template-columns:36px minmax(0,1fr);column-gap:18px;padding:25px 0;display:grid}.reference-decking-zerogap-decking .material-benefit:last-child{border-bottom:0;padding-bottom:0}.reference-decking-zerogap-decking .material-icon{grid-area:1/1;width:36px;height:32px;margin:0}.reference-decking-zerogap-decking .material-icon svg{width:30px;height:30px}.reference-decking-zerogap-decking .material-benefit h3{grid-area:1/2;margin:2px 0 12px;font-size:1.4rem}.reference-decking-zerogap-decking .material-benefit p{grid-column:2;font-size:1rem}}.reference-decking-zerogap-decking .buying-section{background:var(--secondary);border-top:1px solid var(--border)}.reference-decking-zerogap-decking .buying-section .section-head{align-items:center}.reference-decking-zerogap-decking .buying-section .section-head .lead{max-width:430px}.reference-decking-zerogap-decking .buying-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.reference-decking-zerogap-decking .buying-option{background:var(--background);border:1px solid var(--border);grid-template-columns:54px minmax(0,1fr);gap:24px;padding:36px;transition:border-color .2s,background .2s;display:grid}.reference-decking-zerogap-decking .buying-option:hover{border-color:var(--lime-ink);background:var(--card)}.reference-decking-zerogap-decking .buying-icon{color:var(--lime-ink);background:var(--secondary);justify-content:center;align-items:center;width:54px;height:54px;display:flex}.reference-decking-zerogap-decking .buying-icon svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:38px;height:38px}.reference-decking-zerogap-decking .buying-option h3{letter-spacing:0;margin:2px 0 14px;font-size:1.7rem;line-height:1.2}.reference-decking-zerogap-decking .buying-option p{color:currentColor;max-width:370px;font-size:1rem;line-height:1.65}.reference-decking-zerogap-decking .buying-link{border-top:1px solid var(--border);color:var(--lime-ink);justify-content:space-between;align-items:center;gap:20px;margin-top:27px;padding-top:18px;font-size:.95rem;font-weight:600;display:flex}.reference-decking-zerogap-decking .buying-link>span{font-size:1.3rem;line-height:1}.reference-decking-zerogap-decking .buying-help{justify-content:space-between;align-items:center;gap:35px;margin-top:32px;display:flex}.reference-decking-zerogap-decking .buying-help h3{letter-spacing:0;margin-bottom:5px;font-size:1.15rem;line-height:1.35}.reference-decking-zerogap-decking .buying-help p{color:currentColor;font-size:1rem}.reference-decking-zerogap-decking .buying-help .btn{flex-shrink:0}.reference-decking-zerogap-decking .professionals-section{background:var(--foreground);color:var(--background)}.reference-decking-zerogap-decking .professionals-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:80px;display:grid}.reference-decking-zerogap-decking .professionals-copy .eyebrow{color:var(--accent)}.reference-decking-zerogap-decking .professionals-copy h2{max-width:530px;margin-bottom:24px}.reference-decking-zerogap-decking .professionals-copy .lead{color:var(--ink-foreground);max-width:460px}.reference-decking-zerogap-decking .professional-links{border-top:1px solid var(--fencing-overlay);margin-top:31px}.reference-decking-zerogap-decking .professional-links>a{border-bottom:1px solid var(--fencing-overlay);justify-content:space-between;align-items:center;gap:20px;padding:23px 0;display:flex}.reference-decking-zerogap-decking .professional-links h3{letter-spacing:0;margin-bottom:8px;font-size:1.35rem;line-height:1.25}.reference-decking-zerogap-decking .professional-links p{color:var(--ink-foreground);max-width:380px;font-size:1rem;line-height:1.55}.reference-decking-zerogap-decking .professional-links>a>span{color:var(--accent);flex-shrink:0;font-size:1.6rem;line-height:1}.reference-decking-zerogap-decking .professional-links>a:hover h3{color:var(--accent)}.reference-decking-zerogap-decking .professional-inspiration{border-bottom:1px solid var(--secondary);align-items:center;gap:20px;margin-top:25px;padding:7px 0;font-size:.95rem;font-weight:600;display:inline-flex}.reference-decking-zerogap-decking .professional-inspiration>span{color:var(--accent)}.reference-decking-zerogap-decking .professionals-image{min-width:0;position:relative}.reference-decking-zerogap-decking .professionals-image>img{object-fit:cover;object-position:center;width:100%;height:510px}.reference-decking-zerogap-decking .professionals-image figcaption{color:var(--ink-foreground);flex-wrap:wrap;justify-content:space-between;gap:5px 15px;margin-top:14px;font-size:.875rem;line-height:1.45;display:flex}.reference-decking-zerogap-decking .professionals-image small{color:var(--ink-foreground);font-size:.8rem}@media (width<=1100px){.reference-decking-zerogap-decking .buying-option{grid-template-columns:46px minmax(0,1fr);gap:20px;padding:30px}.reference-decking-zerogap-decking .buying-icon{width:46px;height:46px}.reference-decking-zerogap-decking .buying-icon svg{width:32px;height:32px}.reference-decking-zerogap-decking .buying-option h3{font-size:1.5rem}.reference-decking-zerogap-decking .professionals-layout{gap:45px}.reference-decking-zerogap-decking .professionals-image>img{height:520px}}@media (width<=800px){.reference-decking-zerogap-decking .buying-section .section-head{align-items:flex-start}.reference-decking-zerogap-decking .buying-section .section-head .lead{max-width:600px}.reference-decking-zerogap-decking .buying-options{grid-template-columns:1fr;gap:20px}.reference-decking-zerogap-decking .buying-option{grid-template-columns:54px minmax(0,1fr);gap:25px}.reference-decking-zerogap-decking .buying-option p{max-width:550px}.reference-decking-zerogap-decking .buying-icon{width:54px;height:54px}.reference-decking-zerogap-decking .buying-icon svg{width:38px;height:38px}.reference-decking-zerogap-decking .buying-option h3{font-size:1.7rem}.reference-decking-zerogap-decking .professionals-layout{grid-template-columns:1fr;gap:38px}.reference-decking-zerogap-decking .professionals-copy h2{max-width:620px}.reference-decking-zerogap-decking .professionals-copy .lead,.reference-decking-zerogap-decking .professional-links p{max-width:600px}.reference-decking-zerogap-decking .professionals-image>img{aspect-ratio:1.5;height:auto}.reference-decking-zerogap-decking .professionals-image figcaption{margin-top:12px}}@media (width<=520px){.reference-decking-zerogap-decking .buying-option{grid-template-columns:1fr;gap:21px;padding:26px}.reference-decking-zerogap-decking .buying-option h3{font-size:1.55rem}.reference-decking-zerogap-decking .buying-option p{font-size:1rem}.reference-decking-zerogap-decking .buying-link{margin-top:23px;padding-top:17px}.reference-decking-zerogap-decking .buying-help{flex-direction:column;align-items:flex-start;gap:22px;margin-top:28px}.reference-decking-zerogap-decking .buying-help h3{font-size:1.1rem}.reference-decking-zerogap-decking .buying-help p{font-size:1rem}.reference-decking-zerogap-decking .professionals-copy h2{font-size:2.65rem}.reference-decking-zerogap-decking .professional-links{margin-top:26px}.reference-decking-zerogap-decking .professional-links>a{padding:22px 0}.reference-decking-zerogap-decking .professional-links h3{font-size:1.3rem}.reference-decking-zerogap-decking .professional-links p{font-size:1rem}.reference-decking-zerogap-decking .professional-inspiration{font-size:.9rem}.reference-decking-zerogap-decking .professionals-image>img{aspect-ratio:1.15}.reference-decking-zerogap-decking .professionals-image figcaption{flex-direction:column;font-size:.875rem}}.reference-decking-zerogap-decking .journal-section{background:var(--background)}.reference-decking-zerogap-decking .journal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;display:grid}.reference-decking-zerogap-decking .journal-card{color:var(--ink);text-align:left;background:0 0;flex-direction:column;min-width:0;padding:0;display:flex}.reference-decking-zerogap-decking .journal-card-image{aspect-ratio:1.4;background:var(--secondary);width:100%;position:relative;overflow:hidden}.reference-decking-zerogap-decking .journal-card-image>img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.reference-decking-zerogap-decking .journal-card:hover .journal-card-image>img{transform:scale(1.035)}.reference-decking-zerogap-decking .journal-image-note{background:var(--fencing-overlay);color:var(--foreground);padding:4px 8px;font-size:.75rem;line-height:1.35;position:absolute;bottom:12px;left:14px}.reference-decking-zerogap-decking .journal-card-copy{flex-direction:column;flex:1;align-items:flex-start;width:100%;padding:25px 0 0;display:flex}.reference-decking-zerogap-decking .journal-category{text-transform:uppercase;letter-spacing:0;color:var(--lime-ink);font-size:.8rem;font-weight:600;line-height:1.5}.reference-decking-zerogap-decking .journal-card h3{letter-spacing:0;margin:12px 0 14px;font-size:1.65rem;line-height:1.18}.reference-decking-zerogap-decking .journal-card p{color:currentColor;margin-bottom:24px;font-size:1rem;line-height:1.6}.reference-decking-zerogap-decking .journal-read{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;width:100%;margin-top:auto;padding-top:17px;font-size:.9rem;font-weight:600;display:flex}.reference-decking-zerogap-decking .journal-read>span{color:var(--lime-ink);font-size:1.35rem}.reference-decking-zerogap-decking .journal-card:hover .journal-read{color:var(--lime-ink)}.reference-decking-zerogap-decking #article-dialog{max-width:min(900px,94vw)}.reference-decking-zerogap-decking .article-image{object-fit:cover;width:100%;height:310px;max-height:40dvh}.reference-decking-zerogap-decking .article-.reference-decking-zerogap-decking{padding:38px 55px 45px}.reference-decking-zerogap-decking .article-.reference-decking-zerogap-decking h2{max-width:680px;margin:12px 0 15px;font-size:3rem;line-height:1.13}.reference-decking-zerogap-decking .article-image-caption{color:currentColor;margin-bottom:30px;font-size:.8rem}.reference-decking-zerogap-decking .article-content{max-width:680px}.reference-decking-zerogap-decking .article-content p{color:var(--foreground);margin-bottom:20px;font-size:1.05rem;line-height:1.8}.reference-decking-zerogap-decking .article-content h3{letter-spacing:0;margin:27px 0 12px;font-size:1.4rem;line-height:1.3}.reference-decking-zerogap-decking .article-.reference-decking-zerogap-decking>.btn{margin-top:14px}.reference-decking-zerogap-decking .newsletter-section{background:var(--foreground);color:var(--background);border-bottom:1px solid var(--fencing-overlay);padding:76px 0}.reference-decking-zerogap-decking .newsletter-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:85px;display:grid}.reference-decking-zerogap-decking .newsletter-section .eyebrow{color:var(--accent)}.reference-decking-zerogap-decking .newsletter-section h2{margin-bottom:22px;font-size:3.4rem;line-height:1.1}.reference-decking-zerogap-decking .newsletter-section .lead{color:var(--ink-foreground);max-width:430px}.reference-decking-zerogap-decking .newsletter-email-label{margin-bottom:12px;font-size:1rem;font-weight:500;display:block}.reference-decking-zerogap-decking .newsletter-entry{align-items:stretch;gap:0;display:flex}.reference-decking-zerogap-decking .newsletter-entry input{border:1px solid var(--secondary);background:var(--card);width:100%;min-width:0;color:var(--ink);border-radius:0;min-height:56px;padding:16px 18px;font-size:1rem}.reference-decking-zerogap-decking .newsletter-entry input::placeholder{color:var(--foreground)}.reference-decking-zerogap-decking .newsletter-entry .btn{white-space:nowrap;flex-shrink:0;gap:14px;padding:16px 20px}.reference-decking-zerogap-decking .newsletter-entry .btn>span{font-size:1.2rem;line-height:1}.reference-decking-zerogap-decking .newsletter-consent{color:var(--ink-foreground);cursor:pointer;align-items:flex-start;gap:12px;margin-top:20px;font-size:.9rem;line-height:1.6;display:flex}.reference-decking-zerogap-decking .newsletter-consent input{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0;margin:3px 0 0}.reference-decking-zerogap-decking .newsletter-form input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.reference-decking-zerogap-decking .newsletter-note{color:var(--ink-foreground);max-width:520px;margin-top:15px;font-size:.875rem;line-height:1.6}.reference-decking-zerogap-decking .newsletter-status{color:var(--ink-foreground);border-left:3px solid var(--accent);background:var(--fencing-overlay);margin-top:20px;padding:16px 18px;font-size:.95rem;line-height:1.6}.reference-decking-zerogap-decking .newsletter-status a{color:var(--accent);text-underline-offset:3px;margin-top:5px;text-decoration:underline;display:inline-block}@media (width<=1100px){.reference-decking-zerogap-decking .journal-grid{gap:24px}.reference-decking-zerogap-decking .journal-card h3{font-size:1.5rem}.reference-decking-zerogap-decking .newsletter-layout{gap:48px}.reference-decking-zerogap-decking .newsletter-entry .btn{gap:10px;padding:16px 15px;font-size:.8rem}}@media (width<=800px){.reference-decking-zerogap-decking .journal-grid{grid-template-columns:1fr;gap:32px}.reference-decking-zerogap-decking .journal-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;display:grid}.reference-decking-zerogap-decking .journal-card-image{aspect-ratio:1.2;height:100%;min-height:245px}.reference-decking-zerogap-decking .journal-card-copy{padding:0}.reference-decking-zerogap-decking .journal-card h3{font-size:1.6rem}.reference-decking-zerogap-decking .newsletter-layout{grid-template-columns:1fr;gap:32px}.reference-decking-zerogap-decking .newsletter-section .lead{max-width:550px}.reference-decking-zerogap-decking .newsletter-entry .btn{padding:16px 23px;font-size:.85rem}.reference-decking-zerogap-decking .article-.reference-decking-zerogap-decking{padding:32px 35px 40px}}@media (width<=520px){.reference-decking-zerogap-decking .journal-grid{gap:36px}.reference-decking-zerogap-decking .journal-card{gap:0;display:flex}.reference-decking-zerogap-decking .journal-card-image{aspect-ratio:1.4;height:auto;min-height:0}.reference-decking-zerogap-decking .journal-card-copy{padding-top:22px}.reference-decking-zerogap-decking .journal-card h3{font-size:1.6rem}.reference-decking-zerogap-decking .journal-card p{margin-bottom:20px}.reference-decking-zerogap-decking .article-image{height:210px;max-height:30dvh}.reference-decking-zerogap-decking .article-.reference-decking-zerogap-decking{padding:28px 25px 32px}.reference-decking-zerogap-decking .article-.reference-decking-zerogap-decking h2{font-size:2rem}.reference-decking-zerogap-decking .article-content p{font-size:1rem;line-height:1.75}.reference-decking-zerogap-decking .article-content h3{font-size:1.3rem}.reference-decking-zerogap-decking .newsletter-section{padding:60px 0}.reference-decking-zerogap-decking .newsletter-section h2{font-size:2.6rem}.reference-decking-zerogap-decking .newsletter-entry{flex-direction:column;gap:12px}.reference-decking-zerogap-decking .newsletter-entry .btn{width:100%;min-height:52px}.reference-decking-zerogap-decking .newsletter-consent{font-size:.9rem}.reference-decking-zerogap-decking .newsletter-note{font-size:.875rem}}.reference-decking-zerogap-decking .siding-download-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.reference-decking-zerogap-decking .siding-download-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-decking-zerogap-decking .siding-download-card{background:var(--secondary);border:1px solid var(--border);flex-direction:column;align-items:flex-start;min-width:0;padding:32px;display:flex}.reference-decking-zerogap-decking .siding-download-type{letter-spacing:0;color:var(--lime-ink);margin-bottom:24px;font-size:.72rem;font-weight:700}.reference-decking-zerogap-decking .siding-download-card h3{margin-bottom:18px;font-size:1.8rem;line-height:1.15}.reference-decking-zerogap-decking .siding-download-card p{color:currentColor;margin-bottom:26px;font-size:.95rem}.reference-decking-zerogap-decking .siding-download-meta{color:currentColor;margin-top:auto;margin-bottom:16px;font-size:.8rem}.reference-decking-zerogap-decking .siding-download-card .btn{gap:18px}.reference-decking-zerogap-decking .siding-spec-downloads{flex-direction:column;align-items:flex-start;gap:14px;margin-top:25px;display:flex}@media (width<=1100px) and (width>=801px){.reference-decking-zerogap-decking .siding-page-nav .wrap{flex-wrap:wrap;gap:0}.reference-decking-zerogap-decking .siding-page-nav .page-tabs,.reference-decking-zerogap-decking .siding-page-nav .jump-links{justify-content:center;width:100%}.reference-decking-zerogap-decking .siding-page-nav .jump-links{flex-wrap:wrap;padding:0 0 14px}.reference-decking-zerogap-decking .siding-download-card{padding:25px}}@media (width<=800px){.reference-decking-zerogap-decking .siding-download-grid,.reference-decking-zerogap-decking .siding-download-grid-four{grid-template-columns:1fr}.reference-decking-zerogap-decking .siding-download-card{padding:28px}.reference-decking-zerogap-decking .siding-download-card h3{font-size:1.7rem}}.reference-decking-zerogap-decking .tone{background:var(--secondary)}.reference-decking-zerogap-decking .hero .lead{max-width:530px;font-size:16px;font-weight:300;line-height:1.65}.reference-decking-zerogap-decking .deck-hero{min-height:740px}.reference-decking-zerogap-decking .deck-hero .hero-img{object-position:center 56%}.reference-decking-zerogap-decking .deck-hero:after{background:linear-gradient(90deg,var(--fencing-overlay) 0%,var(--fencing-overlay) 46%,var(--fencing-overlay) 100%),linear-gradient(180deg,var(--fencing-overlay),transparent 50%)}.reference-decking-zerogap-decking .deck-hero-video{pointer-events:none}.reference-decking-zerogap-decking .deck-hero-control{z-index:2;border:1px solid var(--fencing-overlay);background:var(--fencing-overlay);min-height:44px;color:var(--card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:center;gap:10px;padding:9px 14px;font-size:.75rem;font-weight:400;line-height:1.3;display:inline-flex;position:absolute;bottom:22px;left:6%}.reference-decking-zerogap-decking .deck-hero-control:hover{background:var(--fencing-overlay)}.reference-decking-zerogap-decking .deck-hero-control>span:first-child{text-align:center;min-width:12px;font-size:.85rem}.reference-decking-zerogap-decking .deck-hero-control[hidden],.reference-decking-zerogap-decking .deck-hero-video[hidden]{display:none}.reference-decking-zerogap-decking .deck-page-nav{background:var(--fencing-overlay)}.reference-decking-zerogap-decking .deck-nav-label{letter-spacing:0;flex-shrink:0;font-size:.72rem;font-weight:700}.reference-decking-zerogap-decking .deck-page-links{scrollbar-width:thin;align-items:center;gap:24px;display:flex;overflow-x:auto}.reference-decking-zerogap-decking .deck-page-links a{white-space:nowrap;color:currentColor;padding:21px 0;font-size:.82rem}.reference-decking-zerogap-decking .deck-page-links a:hover{color:var(--lime-ink)}.reference-decking-zerogap-decking .deck-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;margin-top:54px;display:grid}.reference-decking-zerogap-decking .deck-benefits article{border-top:1px solid var(--border);padding-top:25px}.reference-decking-zerogap-decking .deck-number{letter-spacing:0;color:var(--lime-ink);margin-bottom:23px;font-size:.7rem;font-weight:600;line-height:1.5;display:block}.reference-decking-zerogap-decking .deck-benefits h3{letter-spacing:0;margin-bottom:16px;font-size:1.6rem;line-height:1.2}.reference-decking-zerogap-decking .deck-benefits p{color:currentColor;font-size:.96rem;line-height:1.65}.reference-decking-zerogap-decking .deck-collections{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 32px;display:grid}.reference-decking-zerogap-decking .deck-board-collections{grid-template-columns:repeat(3,minmax(0,1fr))}.reference-decking-zerogap-decking .deck-collection{flex-direction:column;min-width:0;display:flex}.reference-decking-zerogap-decking .deck-product-photo{background:var(--card);width:100%;height:270px;color:var(--ink);justify-content:center;align-items:center;padding:48px 22px 24px;display:flex;position:relative;overflow:hidden}.reference-decking-zerogap-decking .deck-product-photo img{object-fit:contain;width:100%;height:100%;transition:transform .4s}.reference-decking-zerogap-decking .deck-product-photo:hover img{transform:scale(1.035)}.reference-decking-zerogap-decking .deck-card-index{letter-spacing:0;color:var(--foreground);font-size:.68rem;font-weight:600;position:absolute;top:18px;left:20px}.reference-decking-zerogap-decking .deck-image-more{color:var(--lime-ink);font-size:1.4rem;position:absolute;bottom:13px;right:17px}.reference-decking-zerogap-decking .deck-collection-copy{flex-direction:column;flex:1;padding:25px 0 0;display:flex}.reference-decking-zerogap-decking .deck-card-tag{font-weight:500;color:var(--lime-ink)!important;margin-bottom:12px!important;font-size:.75rem!important}.reference-decking-zerogap-decking .deck-collection h3{margin-bottom:16px;font-size:2.15rem;line-height:1.12}.reference-decking-zerogap-decking .deck-collection-copy>p:not(.deck-card-tag){color:currentColor;max-width:48ch;margin-bottom:19px;font-size:.96rem;line-height:1.65}.reference-decking-zerogap-decking .deck-card-facts{flex-wrap:wrap;gap:8px;margin-top:auto;margin-bottom:20px;display:flex}.reference-decking-zerogap-decking .deck-card-facts span{border:1px solid var(--secondary);padding:4px 9px;font-size:.73rem}.reference-decking-zerogap-decking .deck-card-actions{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;padding-top:13px;display:flex}.reference-decking-zerogap-decking .deck-card-actions .text-link{color:var(--ink);text-align:left;background:0 0;border:0;padding:9px 0;font-weight:600}.reference-decking-zerogap-decking .deck-card-actions .text-link span{color:var(--lime-ink);margin-left:8px}.reference-decking-zerogap-decking .deck-plain-link{text-align:left;color:var(--lime-ink);text-underline-offset:4px;background:0 0;padding:8px 0;font-size:.85rem;font-weight:500}.reference-decking-zerogap-decking .deck-plain-link:hover,.reference-decking-zerogap-decking .deck-card-actions .text-link:hover{text-decoration:underline}.reference-decking-zerogap-decking .deck-compare{border-top:1px solid var(--secondary);border-bottom:1px solid var(--secondary);margin-top:48px}.reference-decking-zerogap-decking .deck-compare>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-size:1.05rem;list-style:none;display:flex}.reference-decking-zerogap-decking .deck-compare>summary::-webkit-details-marker{display:none}.reference-decking-zerogap-decking .deck-compare>summary>span{color:var(--lime-ink);font-size:1.5rem;font-weight:300;transition:transform .2s}.reference-decking-zerogap-decking .deck-compare[open]>summary>span{transform:rotate(45deg)}.reference-decking-zerogap-decking .deck-table-scroll{overflow-x:auto}.reference-decking-zerogap-decking .deck-compare table{border-collapse:collapse;text-align:left;width:100%;min-width:870px;font-size:.84rem}.reference-decking-zerogap-decking .deck-compare th,.reference-decking-zerogap-decking .deck-compare td{border-top:1px solid var(--border);vertical-align:top;padding:16px 15px;line-height:1.55}.reference-decking-zerogap-decking .deck-compare thead{background:var(--secondary)}.reference-decking-zerogap-decking .deck-compare th{font-weight:600}.reference-decking-zerogap-decking .deck-compare tbody th{min-width:135px}.reference-decking-zerogap-decking .deck-compare tbody td{color:currentColor}.reference-decking-zerogap-decking .deck-compare .deck-fineprint{margin:20px 0}.reference-decking-zerogap-decking .deck-tile-section{background:var(--card)}.reference-decking-zerogap-decking .deck-tile-feature{background:var(--secondary);grid-template-columns:minmax(0,1.12fr) minmax(380px,.88fr);min-height:500px;display:grid}.reference-decking-zerogap-decking .deck-tile-photo{background:var(--card);border:1px solid var(--border);min-width:0;color:var(--ink);justify-content:center;align-items:center;padding:70px 50px 45px;display:flex;position:relative;overflow:hidden}.reference-decking-zerogap-decking .deck-tile-photo img{object-fit:contain;width:100%;height:100%;max-height:430px;transition:transform .4s}.reference-decking-zerogap-decking .deck-tile-photo:hover img{transform:scale(1.035)}.reference-decking-zerogap-decking .deck-tile-copy{flex-direction:column;justify-content:center;padding:55px 50px;display:flex}.reference-decking-zerogap-decking .deck-tile-copy h3{margin-bottom:22px;font-size:4.1rem;line-height:1.05}.reference-decking-zerogap-decking .deck-tile-copy>p:not(.deck-card-tag){color:currentColor;margin-bottom:31px;line-height:1.7}.reference-decking-zerogap-decking .deck-tile-facts{border-top:1px solid var(--border);border-left:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:32px;display:grid}.reference-decking-zerogap-decking .deck-tile-facts>div{border-right:1px solid var(--border);border-bottom:1px solid var(--border);padding:16px}.reference-decking-zerogap-decking .deck-tile-facts span,.reference-decking-zerogap-decking .deck-tile-facts strong{display:block}.reference-decking-zerogap-decking .deck-tile-facts span{letter-spacing:0;color:var(--lime-ink);margin-bottom:6px;font-size:.66rem;font-weight:700}.reference-decking-zerogap-decking .deck-tile-facts strong{font-size:.88rem;font-weight:500}.reference-decking-zerogap-decking .deck-tile-copy .actions{align-items:center;gap:20px}.reference-decking-zerogap-decking .deck-colour-layout{grid-template-columns:minmax(0,1.13fr) minmax(0,1fr);align-items:start;gap:65px;display:grid}.reference-decking-zerogap-decking .deck-colour-preview{aspect-ratio:1.17;background:var(--card);border:1px solid var(--border);justify-content:center;align-items:center;padding:65px 25px 45px;display:flex;position:relative}.reference-decking-zerogap-decking .deck-colour-preview img{object-fit:contain;width:100%;height:100%}.reference-decking-zerogap-decking .deck-preview-label{font-size:.8rem;font-weight:500;position:absolute;top:21px;left:25px}.reference-decking-zerogap-decking .deck-preview-foot{letter-spacing:0;color:currentColor;font-size:.67rem;position:absolute;bottom:19px;left:25px}.reference-decking-zerogap-decking .deck-colour-caption{color:currentColor;justify-content:space-between;gap:15px;padding-top:16px;font-size:.79rem;display:flex}.reference-decking-zerogap-decking .deck-field-label{letter-spacing:0;margin-bottom:10px;font-size:.78rem;font-weight:600;display:block}.reference-decking-zerogap-decking .deck-colour-controls>select{background:var(--card);width:100%;color:var(--ink);border:1px solid var(--border);border-radius:0;min-height:48px;padding:13px 15px}.reference-decking-zerogap-decking .deck-selection-title{margin:30px 0 21px}.reference-decking-zerogap-decking .deck-selection-title .eyebrow{margin-bottom:11px;font-size:.68rem;font-weight:500}.reference-decking-zerogap-decking .deck-selection-title h3{font-size:2.4rem;line-height:1.12}.reference-decking-zerogap-decking .deck-colour-swatches{grid-template-columns:repeat(3,minmax(0,1fr));gap:21px 15px;margin-bottom:30px;display:grid}.reference-decking-zerogap-decking .deck-swatch{text-align:left;color:var(--ink);background:0 0;padding:0}.reference-decking-zerogap-decking .deck-swatch>span:first-child{border:1px solid var(--border);background:var(--card);height:76px;padding:7px;display:block;position:relative}.reference-decking-zerogap-decking .deck-swatch img{object-fit:contain;width:100%;height:100%}.reference-decking-zerogap-decking .deck-swatch>span:last-child{margin-top:9px;font-size:.77rem;line-height:1.3;display:block}.reference-decking-zerogap-decking .deck-swatch[aria-pressed=true]>span:first-child{outline:2px solid var(--lime-ink);outline-offset:3px}.reference-decking-zerogap-decking .deck-swatch[aria-pressed=true]>span:first-child:after{content:"✓";background:var(--lime-ink);color:var(--card);text-align:center;width:17px;height:17px;font-size:10px;line-height:17px;display:block;position:absolute;bottom:3px;right:3px}.reference-decking-zerogap-decking .deck-colour-controls .actions{align-items:center;gap:20px}.reference-decking-zerogap-decking .deck-fineprint{color:currentColor;max-width:70ch;margin-top:22px;font-size:.77rem;line-height:1.6}.reference-decking-zerogap-decking .deck-system-layout{grid-template-columns:minmax(0,1.16fr) minmax(0,1fr);align-items:start;gap:65px;display:grid}.reference-decking-zerogap-decking .deck-system-photo{background:var(--card);padding:25px 20px 17px}.reference-decking-zerogap-decking .deck-system-photo>img{object-fit:contain;width:100%;height:355px}.reference-decking-zerogap-decking .deck-system-photo figcaption{color:currentColor;padding:10px 7px 0;font-size:.73rem}.reference-decking-zerogap-decking .deck-system-steps article{border-top:1px solid var(--border);grid-template-columns:30px minmax(0,1fr);gap:19px;padding:24px 0;display:grid}.reference-decking-zerogap-decking .deck-system-steps article>span{color:var(--lime-ink);padding-top:3px;font-size:.78rem}.reference-decking-zerogap-decking .deck-system-steps h3{margin-bottom:11px;font-size:1.55rem;line-height:1.2}.reference-decking-zerogap-decking .deck-system-steps p{color:currentColor;font-size:.95rem;line-height:1.6}.reference-decking-zerogap-decking .deck-system-steps .text-link{margin-top:4px;margin-left:49px;font-weight:500}.reference-decking-zerogap-decking .deck-system-footer{border-top:1px solid var(--border);grid-template-columns:1fr 1.3fr auto;align-items:start;gap:28px;margin-top:44px;padding-top:26px;display:grid}.reference-decking-zerogap-decking .deck-system-footer strong{max-width:24ch;font-size:.98rem;font-weight:500}.reference-decking-zerogap-decking .deck-system-footer p{color:currentColor;max-width:45ch;font-size:.86rem}.reference-decking-zerogap-decking .deck-system-footer a{white-space:nowrap;padding:0}.reference-decking-zerogap-decking .deck-filter-bar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:25px;margin-bottom:32px;display:flex}.reference-decking-zerogap-decking .deck-filter-bar>.small{color:currentColor;flex-shrink:0;font-size:.76rem}.reference-decking-zerogap-decking .deck-filter-buttons{scrollbar-width:thin;gap:28px;display:flex;overflow-x:auto}.reference-decking-zerogap-decking .deck-filter-buttons button{color:currentColor;white-space:nowrap;background:0 0;border-bottom:2px solid #0000;min-height:52px;padding:14px 0;font-size:.88rem}.reference-decking-zerogap-decking .deck-filter-buttons button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--lime-ink);font-weight:600}.reference-decking-zerogap-decking .deck-component-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 25px;display:grid}.reference-decking-zerogap-decking .deck-component-card{color:inherit;text-align:left;background:0 0;align-self:start;min-width:0;padding:0}.reference-decking-zerogap-decking .deck-component-photo{background:var(--card);border:1px solid var(--secondary);aspect-ratio:1.2;padding:21px;display:block;position:relative}.reference-decking-zerogap-decking .deck-component-photo img{object-fit:contain;width:100%;height:100%;transition:transform .4s}.reference-decking-zerogap-decking .deck-component-card:hover img{transform:scale(1.035)}.reference-decking-zerogap-decking .deck-component-photo>span{color:var(--lime-ink);font-size:1.2rem;position:absolute;bottom:8px;right:13px}.reference-decking-zerogap-decking .deck-component-name{letter-spacing:0;margin-top:16px;font-size:1.04rem;font-weight:500;line-height:1.3;display:block}.reference-decking-zerogap-decking .deck-component-note{color:currentColor;margin-top:7px;font-size:.76rem;line-height:1.5;display:block}.reference-decking-zerogap-decking .deck-project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;display:grid}.reference-decking-zerogap-decking .deck-project-card{text-align:left;color:inherit;background:0 0;min-width:0;padding:0}.reference-decking-zerogap-decking .deck-project-cover{aspect-ratio:1.17;display:block;position:relative;overflow:hidden}.reference-decking-zerogap-decking .deck-project-cover>img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.reference-decking-zerogap-decking .deck-project-card:hover .deck-project-cover>img{transform:scale(1.035)}.reference-decking-zerogap-decking .deck-project-cover>span{background:var(--fencing-overlay);align-items:center;gap:20px;padding:7px 11px;font-size:.7rem;display:flex;position:absolute;bottom:14px;right:14px}.reference-decking-zerogap-decking .deck-project-label{color:var(--lime-ink);margin:22px 0 9px;font-size:.74rem;display:block}.reference-decking-zerogap-decking .deck-project-name{letter-spacing:0;font-size:1.9rem;font-weight:500;line-height:1.15;display:block}.reference-decking-zerogap-decking .deck-project-link{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:22px;padding-top:17px;font-size:.82rem;font-weight:500;display:flex}.reference-decking-zerogap-decking .deck-project-link>span{color:var(--lime-ink);font-size:1.1rem}.reference-decking-zerogap-decking .deck-case-study-card{min-width:0}.reference-decking-zerogap-decking .deck-case-study-card>.deck-project-card{width:100%}.reference-decking-zerogap-decking .deck-case-study-card>p{color:currentColor;margin:18px 0 8px;font-size:.92rem;line-height:1.65}.reference-decking-zerogap-decking .deck-case-study-card>.text-link{font-size:.82rem;font-weight:500}.reference-decking-zerogap-decking .deck-project-case-study{margin-top:22px}.reference-decking-zerogap-decking .deck-project-case-study[hidden]{display:none}.reference-decking-zerogap-decking .deck-resource-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;display:grid}.reference-decking-zerogap-decking .deck-resource{background:var(--secondary);text-align:left;color:var(--ink);border:1px solid #0000;flex-direction:column;padding:30px;display:flex}.reference-decking-zerogap-decking .deck-resource:hover{border-color:var(--lime-ink)}.reference-decking-zerogap-decking .deck-resource h3{margin-bottom:17px;font-size:1.6rem;line-height:1.2}.reference-decking-zerogap-decking .deck-resource p{color:currentColor;margin-bottom:28px;font-size:.94rem;line-height:1.65}.reference-decking-zerogap-decking .deck-resource-link{border-top:1px solid var(--border);width:100%;color:var(--lime-ink);justify-content:space-between;align-items:center;gap:15px;margin-top:auto;padding-top:18px;font-size:.83rem;font-weight:600;display:flex}.reference-decking-zerogap-decking .deck-faqs{max-width:880px;margin-left:auto}.reference-decking-zerogap-decking .deck-faqs summary{font-size:1rem}.reference-decking-zerogap-decking .deck-faqs details p{font-size:.94rem}.reference-decking-zerogap-decking .deck-buy-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.reference-decking-zerogap-decking .deck-buy-card{border:1px solid var(--border);flex-direction:column;padding:36px;display:flex}.reference-decking-zerogap-decking .deck-buy-card:hover{border-color:var(--lime-ink)}.reference-decking-zerogap-decking .deck-buy-card h3{margin-bottom:18px;font-size:1.9rem;line-height:1.17}.reference-decking-zerogap-decking .deck-buy-card p{color:currentColor;max-width:45ch;margin-bottom:29px;font-size:.96rem}.reference-decking-zerogap-decking .deck-professionals{background:var(--foreground);color:#fff}.reference-decking-zerogap-decking .deck-professionals .eyebrow,.reference-decking-zerogap-decking .deck-newsletter .eyebrow{color:var(--accent)}.reference-decking-zerogap-decking .deck-professionals .lead,.reference-decking-zerogap-decking .deck-newsletter .lead{color:var(--ink-foreground)}.reference-decking-zerogap-decking .deck-professional-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;display:grid}.reference-decking-zerogap-decking .deck-professional-links>a{border-top:1px solid var(--fencing-overlay);justify-content:space-between;align-items:center;gap:20px;padding:22px 0 0;font-size:.92rem;display:flex}.reference-decking-zerogap-decking .deck-professional-links>a span{color:var(--accent);font-size:1.3rem}.reference-decking-zerogap-decking .deck-newsletter{background:var(--foreground);color:var(--card);border-bottom:1px solid var(--fencing-overlay);padding:72px 0}.reference-decking-zerogap-decking .final-cta .lead{color:var(--foreground)}.reference-decking-zerogap-decking .final-cta .btn.outline:hover{background:var(--secondary)}.reference-decking-zerogap-decking dialog{background:var(--card)}.reference-decking-zerogap-decking.decking-page:has(dialog[open]){overflow:hidden}.reference-decking-zerogap-decking #deck-detail-dialog{max-width:min(1020px,94vw)}.reference-decking-zerogap-decking #detail-content{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.reference-decking-zerogap-decking .deck-detail-image{background:var(--card);justify-content:center;align-items:center;padding:45px 30px;display:flex}.reference-decking-zerogap-decking .deck-detail-image img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:380px}.reference-decking-zerogap-decking .deck-detail-copy{padding:48px 38px 38px}.reference-decking-zerogap-decking .deck-detail-copy>.eyebrow{margin-bottom:14px;font-size:.68rem}.reference-decking-zerogap-decking .deck-detail-copy h2{margin-bottom:19px;font-size:2.55rem;line-height:1.1}.reference-decking-zerogap-decking .deck-detail-copy>p:not(.eyebrow){color:currentColor;font-size:.94rem;line-height:1.65}.reference-decking-zerogap-decking .deck-detail-specs{margin:27px 0}.reference-decking-zerogap-decking .deck-detail-specs>div{border-top:1px solid var(--border);grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:20px;padding:12px 0;font-size:.82rem;line-height:1.5;display:grid}.reference-decking-zerogap-decking .deck-detail-specs>div:last-child{border-bottom:1px solid var(--border)}.reference-decking-zerogap-decking .deck-detail-specs dt{font-weight:500}.reference-decking-zerogap-decking .deck-detail-specs dd{color:currentColor;margin:0}.reference-decking-zerogap-decking .deck-detail-copy .actions{align-items:center;gap:20px}.reference-decking-zerogap-decking .deck-detail-copy .text-link{font-size:.79rem;font-weight:500}.reference-decking-zerogap-decking .deck-project-stage{background:var(--foreground);position:relative}.reference-decking-zerogap-decking .deck-project-stage>img{object-fit:contain;width:100%;height:58dvh}.reference-decking-zerogap-decking .deck-photo-prev,.reference-decking-zerogap-decking .deck-photo-next{background:var(--fencing-overlay);min-width:44px;min-height:48px;color:var(--ink);font-size:1.35rem;position:absolute;top:50%;transform:translateY(-50%)}.reference-decking-zerogap-decking .deck-photo-prev{left:15px}.reference-decking-zerogap-decking .deck-photo-next{right:15px}.reference-decking-zerogap-decking .deck-photo-count{background:var(--fencing-overlay);color:var(--card);padding:4px 10px;font-size:.76rem;position:absolute;bottom:15px;right:19px}.reference-decking-zerogap-decking .deck-project-.reference-decking-zerogap-decking{padding:30px 36px 35px}.reference-decking-zerogap-decking .deck-project-.reference-decking-zerogap-decking>.eyebrow{margin-bottom:13px;font-size:.7rem}.reference-decking-zerogap-decking .deck-project-.reference-decking-zerogap-decking h2{margin-bottom:18px;font-size:2.3rem}.reference-decking-zerogap-decking .deck-project-.reference-decking-zerogap-decking>p:not(.eyebrow){color:currentColor;max-width:75ch;font-size:.95rem}.reference-decking-zerogap-decking .deck-project-thumbnails{gap:12px;margin:22px -4px 16px;padding:7px 4px;display:flex;overflow-x:auto}.reference-decking-zerogap-decking .deck-project-thumbnails button{background:var(--secondary);flex:0 0 90px;height:70px;padding:0}.reference-decking-zerogap-decking .deck-project-thumbnails img{object-fit:cover;width:100%;height:100%}.reference-decking-zerogap-decking .deck-project-thumbnails button[aria-pressed=true]{outline:2px solid var(--lime-ink);outline-offset:3px}.reference-decking-zerogap-decking .deck-project-.reference-decking-zerogap-decking>.text-link{font-size:.79rem;font-weight:500}.reference-decking-zerogap-decking #deck-enquiry-dialog{max-width:570px;padding:45px 40px}.reference-decking-zerogap-decking #deck-enquiry-dialog>.eyebrow{margin-bottom:15px;font-size:.7rem}.reference-decking-zerogap-decking #deck-enquiry-dialog h2{margin-bottom:18px;font-size:2.6rem;line-height:1.13}.reference-decking-zerogap-decking #deck-enquiry-dialog>p:not(.eyebrow){color:currentColor;font-size:.93rem}.reference-decking-zerogap-decking #deck-enquiry-form{margin-top:25px}.reference-decking-zerogap-decking #deck-enquiry-form label{margin-bottom:8px;font-size:.83rem;font-weight:500;display:block}.reference-decking-zerogap-decking #deck-enquiry-form label>span{color:currentColor;font-size:.76rem;font-weight:400}.reference-decking-zerogap-decking #deck-enquiry-form input,.reference-decking-zerogap-decking #deck-enquiry-form select,.reference-decking-zerogap-decking #deck-enquiry-form textarea{border:1px solid var(--secondary);background:var(--card);width:100%;color:var(--ink);border-radius:0;margin-bottom:18px;padding:12px;display:block}.reference-decking-zerogap-decking #deck-enquiry-form textarea{resize:vertical}.reference-decking-zerogap-decking #deck-enquiry-form .btn{width:100%;margin-top:4px}.reference-decking-zerogap-decking #deck-enquiry-form .deck-fineprint{margin-top:15px}.reference-decking-zerogap-decking input:focus-visible,.reference-decking-zerogap-decking textarea:focus-visible,.reference-decking-zerogap-decking .deck-table-scroll:focus-visible{outline:3px solid var(--lime-ink);outline-offset:3px}.reference-decking-zerogap-decking .deck-integrated{background:var(--card)}.reference-decking-zerogap-decking .deck-system-statement{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);align-items:end;gap:50px;padding:42px 0;display:grid}.reference-decking-zerogap-decking .deck-system-statement .eyebrow{margin-bottom:14px}.reference-decking-zerogap-decking .deck-system-statement h3{letter-spacing:0;max-width:680px;margin-bottom:18px;font-size:3rem;line-height:1.08}.reference-decking-zerogap-decking .deck-system-statement p:not(.eyebrow){color:currentColor;max-width:700px;line-height:1.7}.reference-decking-zerogap-decking .deck-system-equation{grid-template-columns:1fr auto;align-items:center;gap:10px 14px;display:grid}.reference-decking-zerogap-decking .deck-system-equation a{background:var(--ink);min-height:48px;color:var(--card);letter-spacing:0;justify-content:space-between;align-items:center;gap:24px;padding:14px 16px;font-size:.72rem;font-weight:700;transition:background .2s;display:flex}.reference-decking-zerogap-decking .deck-system-equation a:hover{background:var(--lime-ink);text-underline-offset:4px;text-decoration:underline}.reference-decking-zerogap-decking .deck-system-equation a:focus-visible{outline:3px solid var(--lime-ink);outline-offset:3px}.reference-decking-zerogap-decking .deck-system-equation a span{letter-spacing:0;font-size:1rem;line-height:1}.reference-decking-zerogap-decking .deck-system-equation b{color:var(--lime-ink);font-size:1.25rem;font-weight:400}.reference-decking-zerogap-decking .deck-layer-grid{background:var(--border);border:1px solid var(--border);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:44px;display:grid}.reference-decking-zerogap-decking .deck-layer-grid article{background:var(--secondary);min-height:290px;padding:31px 25px 29px;position:relative}.reference-decking-zerogap-decking .deck-layer-index{color:var(--lime-ink);letter-spacing:0;margin-bottom:42px;font-size:.72rem;font-weight:700;display:block}.reference-decking-zerogap-decking .deck-layer-label{letter-spacing:0;margin-bottom:13px;font-weight:700;color:var(--lime-ink)!important;font-size:.68rem!important}.reference-decking-zerogap-decking .deck-layer-grid h3{letter-spacing:0;margin-bottom:15px;font-size:1.45rem;line-height:1.2}.reference-decking-zerogap-decking .deck-layer-grid article>p:last-child{color:currentColor;font-size:.9rem;line-height:1.65}.reference-decking-zerogap-decking .deck-quote-strip{background:var(--accent);justify-content:space-between;align-items:center;gap:35px;margin-top:28px;padding:28px 32px;display:flex}.reference-decking-zerogap-decking .deck-quote-strip strong{margin-bottom:6px;font-size:1.2rem;display:block}.reference-decking-zerogap-decking .deck-quote-strip p{max-width:680px;font-size:.9rem}.reference-decking-zerogap-decking .deck-quote-strip .btn{flex-shrink:0}.reference-decking-zerogap-decking .deck-integrated-benefits{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-bottom:20px;display:grid}.reference-decking-zerogap-decking .deck-integrated-benefits article{background:var(--card);border-top:4px solid var(--accent);min-height:245px;padding:28px 24px}.reference-decking-zerogap-decking .deck-integrated-benefits article>span{color:var(--lime-ink);letter-spacing:0;margin-bottom:40px;font-size:.72rem;font-weight:700;display:block}.reference-decking-zerogap-decking .deck-integrated-benefits h3{margin-bottom:14px;font-size:1.45rem;line-height:1.2}.reference-decking-zerogap-decking .deck-integrated-benefits p{color:currentColor;font-size:.9rem;line-height:1.65}.reference-decking-zerogap-decking .deck-warranty-note{color:currentColor;max-width:850px;margin-bottom:48px;font-size:.75rem}.reference-decking-zerogap-decking .deck-breakdown-layout{border-top:1px solid var(--border);grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:start;gap:50px;padding-top:48px;display:grid}.reference-decking-zerogap-decking .deck-breakdown-copy>.eyebrow{margin-bottom:14px}.reference-decking-zerogap-decking .deck-breakdown-copy>h3{letter-spacing:0;margin-bottom:15px;font-size:2.35rem;line-height:1.1}.reference-decking-zerogap-decking .deck-breakdown-copy>p:not(.eyebrow){color:currentColor;margin-bottom:25px}.reference-decking-zerogap-decking .deck-breakdown-scroll{overflow-x:auto}.reference-decking-zerogap-decking .deck-breakdown-table{border-collapse:collapse;text-align:left;width:100%;min-width:650px;font-size:.82rem}.reference-decking-zerogap-decking .deck-breakdown-table th,.reference-decking-zerogap-decking .deck-breakdown-table td{border-top:1px solid var(--border);vertical-align:top;padding:14px 13px;line-height:1.5}.reference-decking-zerogap-decking .deck-breakdown-table thead{background:var(--ink);color:#fff}.reference-decking-zerogap-decking .deck-breakdown-table thead th{letter-spacing:0;text-transform:uppercase;font-size:.68rem}.reference-decking-zerogap-decking .deck-breakdown-table tbody th{color:var(--lime-ink);width:18%;font-weight:700}.reference-decking-zerogap-decking .deck-breakdown-table tbody td:last-child{color:currentColor}.reference-decking-zerogap-decking .deck-sales-link{align-self:center;font-weight:700}.reference-decking-zerogap-decking .footer-action{color:inherit;text-align:left;font:inherit;background:0 0;padding:0}.reference-decking-zerogap-decking .footer-action:hover{text-decoration:underline}.reference-decking-zerogap-decking .deck-buy-card[type=button]{color:inherit;text-align:left;background:0 0;width:100%}@media (width>=1700px){.reference-decking-zerogap-decking .deck-hero{min-height:820px}}@media (width<=1100px){.reference-decking-zerogap-decking .deck-hero-control{left:5%}.reference-decking-zerogap-decking .deck-page-nav>.wrap{display:block}.reference-decking-zerogap-decking .deck-nav-label{display:none}.reference-decking-zerogap-decking .deck-page-links{justify-content:space-between;gap:22px}.reference-decking-zerogap-decking .deck-colour-layout,.reference-decking-zerogap-decking .deck-system-layout{gap:35px}.reference-decking-zerogap-decking .deck-benefits{gap:25px}.reference-decking-zerogap-decking .deck-collections{gap:34px 23px}.reference-decking-zerogap-decking .deck-product-photo{height:240px;padding:47px 15px 22px}.reference-decking-zerogap-decking .deck-card-actions{flex-direction:column;align-items:flex-start;gap:0}.reference-decking-zerogap-decking .deck-system-footer{grid-template-columns:1fr 1.4fr}.reference-decking-zerogap-decking .deck-system-footer a{grid-column:2}.reference-decking-zerogap-decking .deck-resource{padding:26px}.reference-decking-zerogap-decking .deck-resource h3{font-size:1.4rem}.reference-decking-zerogap-decking .deck-component-grid{gap:30px 20px}.reference-decking-zerogap-decking .deck-professional-links{gap:25px}.reference-decking-zerogap-decking .deck-professional-links>a{font-size:.85rem}.reference-decking-zerogap-decking .deck-layer-grid,.reference-decking-zerogap-decking .deck-integrated-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-decking-zerogap-decking .deck-system-statement{gap:30px}.reference-decking-zerogap-decking .deck-board-collections{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-decking-zerogap-decking .deck-tile-feature{grid-template-columns:minmax(0,1fr) minmax(340px,.85fr)}.reference-decking-zerogap-decking .deck-tile-copy{padding:44px 35px}.reference-decking-zerogap-decking .deck-tile-photo{padding:60px 35px 40px}}@media (width<=800px){.reference-decking-zerogap-decking .deck-hero{min-height:675px}.reference-decking-zerogap-decking .deck-hero .hero-img{object-position:65% center}.reference-decking-zerogap-decking .deck-page-links{justify-content:flex-start;gap:23px}.reference-decking-zerogap-decking .deck-page-links a{padding:18px 0;font-size:.8rem}.reference-decking-zerogap-decking .deck-benefits{grid-template-columns:1fr;gap:27px;margin-top:40px}.reference-decking-zerogap-decking .deck-benefits article{padding-top:22px}.reference-decking-zerogap-decking .deck-benefits h3{font-size:1.5rem}.reference-decking-zerogap-decking .deck-benefits p{max-width:58ch}.reference-decking-zerogap-decking .deck-number{margin-bottom:16px}.reference-decking-zerogap-decking .deck-collections{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px}.reference-decking-zerogap-decking .deck-collection h3{font-size:1.95rem}.reference-decking-zerogap-decking .deck-card-actions{flex-flow:wrap;align-items:center;gap:8px}.reference-decking-zerogap-decking .deck-colour-layout,.reference-decking-zerogap-decking .deck-system-layout{grid-template-columns:1fr;gap:33px}.reference-decking-zerogap-decking .deck-colour-preview{aspect-ratio:1.6}.reference-decking-zerogap-decking .deck-colour-controls{max-width:650px}.reference-decking-zerogap-decking .deck-colour-swatches{grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.reference-decking-zerogap-decking .deck-swatch>span:first-child{height:103px}.reference-decking-zerogap-decking .deck-system-photo>img{height:340px}.reference-decking-zerogap-decking .deck-system-footer{grid-template-columns:1fr;gap:15px}.reference-decking-zerogap-decking .deck-system-footer strong{max-width:none}.reference-decking-zerogap-decking .deck-system-footer a{grid-column:auto}.reference-decking-zerogap-decking .deck-component-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 18px}.reference-decking-zerogap-decking .deck-component-photo{padding:14px}.reference-decking-zerogap-decking .deck-component-name{font-size:.95rem}.reference-decking-zerogap-decking .deck-filter-bar{gap:20px}.reference-decking-zerogap-decking .deck-filter-buttons{gap:22px}.reference-decking-zerogap-decking .deck-filter-buttons button{font-size:.8rem}.reference-decking-zerogap-decking .deck-filter-bar>.small{display:none}.reference-decking-zerogap-decking .deck-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.reference-decking-zerogap-decking .deck-project-name{font-size:1.75rem}.reference-decking-zerogap-decking .deck-resource-grid{grid-template-columns:1fr}.reference-decking-zerogap-decking .deck-resource{padding:30px}.reference-decking-zerogap-decking .deck-resource h3{font-size:1.6rem}.reference-decking-zerogap-decking .deck-resource p{max-width:60ch}.reference-decking-zerogap-decking .deck-buy-card{padding:27px}.reference-decking-zerogap-decking .deck-buy-card h3{font-size:1.6rem}.reference-decking-zerogap-decking .deck-professional-links{grid-template-columns:1fr;gap:23px}.reference-decking-zerogap-decking .deck-professional-links>a{font-size:.96rem}.reference-decking-zerogap-decking .deck-system-statement,.reference-decking-zerogap-decking .deck-breakdown-layout{grid-template-columns:1fr}.reference-decking-zerogap-decking .deck-system-statement{align-items:start}.reference-decking-zerogap-decking .deck-breakdown-layout{gap:34px}.reference-decking-zerogap-decking .deck-quote-strip{flex-direction:column;align-items:flex-start}.reference-decking-zerogap-decking .deck-quote-strip .btn{width:100%}.reference-decking-zerogap-decking .deck-tile-feature{grid-template-columns:1fr}.reference-decking-zerogap-decking .deck-tile-photo{min-height:390px}.reference-decking-zerogap-decking .deck-tile-copy{padding:40px 34px}.reference-decking-zerogap-decking #detail-content{grid-template-columns:1fr}.reference-decking-zerogap-decking .deck-detail-image{padding:28px}.reference-decking-zerogap-decking .deck-detail-image img{height:250px}.reference-decking-zerogap-decking .deck-detail-copy{padding:30px}.reference-decking-zerogap-decking .deck-detail-copy h2{font-size:2.2rem}.reference-decking-zerogap-decking .deck-project-stage>img{height:48dvh}}@media (width<=520px){.reference-decking-zerogap-decking .deck-hero{min-height:650px}.reference-decking-zerogap-decking .hero h1{font-size:3.1rem}.reference-decking-zerogap-decking .hero .lead{max-width:34ch;font-size:16px}.reference-decking-zerogap-decking .deck-hero .hero-content{padding-top:135px;padding-bottom:104px}.reference-decking-zerogap-decking .deck-hero .actions{gap:10px}.reference-decking-zerogap-decking .deck-hero .btn{min-height:47px;padding:13px 15px;font-size:.74rem}.reference-decking-zerogap-decking .deck-collections{grid-template-columns:1fr;gap:38px}.reference-decking-zerogap-decking .deck-product-photo{height:260px;min-height:0}.reference-decking-zerogap-decking .deck-card-actions{flex-wrap:nowrap;gap:14px}.reference-decking-zerogap-decking .deck-collection h3{font-size:2rem}.reference-decking-zerogap-decking .deck-compare{margin-top:35px}.reference-decking-zerogap-decking .deck-colour-preview{aspect-ratio:1.2;padding:58px 18px 35px}.reference-decking-zerogap-decking .deck-preview-label{left:20px}.reference-decking-zerogap-decking .deck-colour-caption{gap:12px;font-size:.73rem}.reference-decking-zerogap-decking .deck-colour-swatches{gap:22px 13px}.reference-decking-zerogap-decking .deck-swatch>span:first-child{height:78px}.reference-decking-zerogap-decking .deck-selection-title h3{font-size:2.15rem}.reference-decking-zerogap-decking .deck-colour-controls .actions{flex-direction:column;align-items:flex-start;gap:15px}.reference-decking-zerogap-decking .deck-colour-controls .btn{width:100%}.reference-decking-zerogap-decking .deck-system-photo{padding:16px 10px}.reference-decking-zerogap-decking .deck-system-photo>img{height:255px}.reference-decking-zerogap-decking .deck-system-photo figcaption{font-size:.66rem}.reference-decking-zerogap-decking .deck-system-steps h3{font-size:1.4rem}.reference-decking-zerogap-decking .deck-system-steps .text-link{font-size:.82rem}.reference-decking-zerogap-decking .deck-component-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 17px}.reference-decking-zerogap-decking .deck-component-photo{aspect-ratio:1;padding:14px}.reference-decking-zerogap-decking .deck-component-name{font-size:.94rem}.reference-decking-zerogap-decking .deck-component-note{font-size:.71rem}.reference-decking-zerogap-decking .deck-component-photo>span{bottom:5px;right:9px}.reference-decking-zerogap-decking .deck-filter-buttons{gap:22px}.reference-decking-zerogap-decking .deck-project-grid,.reference-decking-zerogap-decking .deck-buy-grid{grid-template-columns:1fr;gap:34px}.reference-decking-zerogap-decking .deck-project-cover{aspect-ratio:1.3}.reference-decking-zerogap-decking .deck-project-label,.reference-decking-zerogap-decking .deck-project-link{margin-top:19px}.reference-decking-zerogap-decking .deck-resource{padding:27px}.reference-decking-zerogap-decking .deck-buy-card{padding:28px}.reference-decking-zerogap-decking .deck-newsletter{padding:60px 0}.reference-decking-zerogap-decking .deck-project-.reference-decking-zerogap-decking{padding:26px 23px}.reference-decking-zerogap-decking .deck-project-.reference-decking-zerogap-decking h2{font-size:2rem}.reference-decking-zerogap-decking .deck-photo-prev{left:8px}.reference-decking-zerogap-decking .deck-photo-next{right:8px}.reference-decking-zerogap-decking .deck-project-stage>img{height:40dvh}.reference-decking-zerogap-decking .deck-project-thumbnails button{flex-basis:75px;height:58px}.reference-decking-zerogap-decking .deck-detail-image{padding:22px}.reference-decking-zerogap-decking .deck-detail-image img{height:210px}.reference-decking-zerogap-decking .deck-detail-copy{padding:26px}.reference-decking-zerogap-decking .deck-detail-copy h2{font-size:2rem}.reference-decking-zerogap-decking .deck-detail-specs>div{gap:14px}.reference-decking-zerogap-decking .deck-detail-copy .actions{gap:17px}.reference-decking-zerogap-decking #deck-enquiry-dialog{padding:44px 25px 28px}.reference-decking-zerogap-decking #deck-enquiry-dialog h2{font-size:2.15rem}.reference-decking-zerogap-decking .deck-layer-grid,.reference-decking-zerogap-decking .deck-integrated-benefits{grid-template-columns:1fr}.reference-decking-zerogap-decking .deck-layer-grid article,.reference-decking-zerogap-decking .deck-integrated-benefits article{min-height:0}.reference-decking-zerogap-decking .deck-layer-index,.reference-decking-zerogap-decking .deck-integrated-benefits article>span{margin-bottom:25px}.reference-decking-zerogap-decking .deck-quote-strip{padding:25px 22px}.reference-decking-zerogap-decking .deck-breakdown-copy>h3{font-size:2rem}.reference-decking-zerogap-decking .deck-sales-link{text-align:center;width:100%}.reference-decking-zerogap-decking .deck-board-collections{grid-template-columns:1fr}.reference-decking-zerogap-decking .deck-tile-photo{min-height:310px;padding:52px 22px 30px}.reference-decking-zerogap-decking .deck-tile-copy{padding:34px 24px}.reference-decking-zerogap-decking .deck-tile-copy h3{font-size:2.6rem}.reference-decking-zerogap-decking .deck-tile-facts{grid-template-columns:1fr}.reference-decking-zerogap-decking .deck-tile-copy .actions{flex-direction:column;align-items:flex-start}.reference-decking-zerogap-decking .deck-tile-copy .btn{width:100%}}@media (prefers-reduced-motion:reduce){.reference-decking-zerogap-decking{scroll-behavior:auto}.reference-decking-zerogap-decking *,.reference-decking-zerogap-decking :before,.reference-decking-zerogap-decking :after{scroll-behavior:auto!important;transition:none!important}}.reference-decking-zerogap-decking{background:var(--card)}.reference-decking-zerogap-decking [hidden]{display:none!important}.reference-decking-zerogap-decking .btn{text-transform:none;letter-spacing:0;gap:14px;font-size:.88rem;font-weight:500}.reference-decking-zerogap-decking .header .btn{font-size:.79rem}.reference-decking-zerogap-decking section[id],.reference-decking-zerogap-decking .zero-subframe[id]{scroll-margin-top:96px}.reference-decking-zerogap-decking .zero-hero{min-height:760px}.reference-decking-zerogap-decking .zero-hero .hero-img{object-position:center 58%}.reference-decking-zerogap-decking .zero-hero:after{background:linear-gradient(90deg,var(--fencing-overlay),var(--fencing-overlay) 53%,var(--fencing-overlay)),linear-gradient(0deg,var(--fencing-overlay),transparent 42%),linear-gradient(180deg,var(--fencing-overlay),transparent 24%)}.reference-decking-zerogap-decking .zero-hero .hero-content{padding-top:154px;padding-bottom:98px}.reference-decking-zerogap-decking .zero-breadcrumb{color:var(--ink-foreground);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:38px;font-size:.74rem;display:flex}.reference-decking-zerogap-decking .zero-breadcrumb a:hover{text-underline-offset:4px;text-decoration:underline}.reference-decking-zerogap-decking .zero-hero h1{letter-spacing:0;max-width:850px;font-size:5.1rem;line-height:1.03}.reference-decking-zerogap-decking .zero-hero p.lead{max-width:50ch;color:var(--ink-foreground);margin:26px 0 30px;font-size:16px;font-weight:300}.reference-decking-zerogap-decking .zero-page-nav .deck-page-links{gap:27px}.reference-decking-zerogap-decking .zero-overview-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:68px;display:grid}.reference-decking-zerogap-decking .zero-board-figure{background:var(--secondary);padding:25px 20px 19px}.reference-decking-zerogap-decking .zero-board-figure>img{aspect-ratio:1.38;object-fit:contain;width:100%;height:auto}.reference-decking-zerogap-decking .zero-board-figure>figcaption{color:currentColor;padding:7px 4px;font-size:.74rem;font-weight:300}.reference-decking-zerogap-decking .zero-specification>.eyebrow{font-size:.72rem;font-weight:500}.reference-decking-zerogap-decking .zero-spec-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:0 0 28px;display:grid}.reference-decking-zerogap-decking .zero-spec-grid dt{color:currentColor;margin-bottom:7px;font-size:.78rem;font-weight:400}.reference-decking-zerogap-decking .zero-spec-grid dd{letter-spacing:0;margin:0;font-size:2.7rem;font-weight:400;line-height:1.05}.reference-decking-zerogap-decking .zero-spec-grid dd>span{color:var(--lime-ink);margin-left:3px;font-size:1.75rem}.reference-decking-zerogap-decking .zero-spec-list{margin:0}.reference-decking-zerogap-decking .zero-spec-list>div{border-top:1px solid var(--border);justify-content:space-between;align-items:start;gap:20px;padding:10px 0;font-size:.84rem;line-height:1.5;display:flex}.reference-decking-zerogap-decking .zero-spec-list dt{font-weight:500}.reference-decking-zerogap-decking .zero-spec-list dd{text-align:right;color:currentColor;margin:0;font-weight:300}.reference-decking-zerogap-decking .zero-spec-list dt{flex-shrink:0}.reference-decking-zerogap-decking .zero-spec-list dd{max-width:69%}.reference-decking-zerogap-decking .zero-spec-note{margin-top:12px;font-weight:300;line-height:1.6}.reference-decking-zerogap-decking .zero-profile{object-fit:contain;object-position:left center;width:100%;height:88px;margin:28px 0 12px}.reference-decking-zerogap-decking .zero-specification .text-link{font-size:.8rem;font-weight:500}.reference-decking-zerogap-decking .zero-colour-preview{aspect-ratio:1.17;border:0}.reference-decking-zerogap-decking .zero-colour-preview img{transition:opacity .18s}.reference-decking-zerogap-decking .zero-colour-preview[aria-busy=true] img{opacity:.55}.reference-decking-zerogap-decking .deck-selection-title{margin-top:12px}.reference-decking-zerogap-decking .deck-colour-swatches{margin-top:30px;margin-bottom:31px}.reference-decking-zerogap-decking .deck-swatch>span:first-child{height:105px;padding:8px}.reference-decking-zerogap-decking .deck-swatch>span:last-child{font-size:.8rem;font-weight:400}.reference-decking-zerogap-decking .zero-advantages{grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 42px;display:grid}.reference-decking-zerogap-decking .zero-advantage{border-top:1px solid var(--border);padding-top:27px;position:relative}.reference-decking-zerogap-decking .zero-advantage>svg{width:35px;height:35px;stroke:var(--lime-ink);stroke-width:1.1px;stroke-linecap:round;stroke-linejoin:round;fill:none;margin-bottom:29px}.reference-decking-zerogap-decking .zero-index{color:var(--foreground);font-size:.74rem;position:absolute;top:31px;right:0}.reference-decking-zerogap-decking .zero-advantage h3{letter-spacing:0;max-width:22ch;margin-bottom:17px;font-size:1.5rem;line-height:1.16}.reference-decking-zerogap-decking .zero-advantage p{color:currentColor;font-size:.93rem;font-weight:300;line-height:1.7}.reference-decking-zerogap-decking .zero-subframes{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;display:grid}.reference-decking-zerogap-decking .zero-subframe{background:var(--card);flex-direction:column;min-width:0;display:flex}.reference-decking-zerogap-decking .zero-subframe>figure{position:relative}.reference-decking-zerogap-decking .zero-subframe>figure>img{aspect-ratio:1.67;object-fit:cover;width:100%}.reference-decking-zerogap-decking .zero-subframe>figure>figcaption{background:var(--fencing-overlay);max-width:calc(100% - 30px);padding:6px 10px;font-size:.69rem;font-weight:400;line-height:1.45;position:absolute;bottom:14px;left:15px}.reference-decking-zerogap-decking .zero-sleeper-pairs{background:var(--secondary);grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:24px;display:grid}.reference-decking-zerogap-decking .zero-sleeper-pair{background:var(--card);border:1px solid var(--border);min-width:0;padding:16px}.reference-decking-zerogap-decking .zero-sleeper-type{letter-spacing:0;color:var(--lime-ink);margin-bottom:12px;font-size:.68rem;font-weight:500;line-height:1.5}.reference-decking-zerogap-decking .zero-sleeper-photo{place-items:center;height:142px;padding:8px;display:grid}.reference-decking-zerogap-decking .zero-sleeper-photo img{object-fit:contain;width:100%;height:100%;min-height:0}.reference-decking-zerogap-decking .zero-sleeper-product figcaption{text-align:center;flex-wrap:wrap;justify-content:center;gap:3px 8px;margin-top:8px;font-size:.68rem;line-height:1.5;display:flex}.reference-decking-zerogap-decking .zero-sleeper-product figcaption strong{color:var(--ink);font-weight:500}.reference-decking-zerogap-decking .zero-sleeper-product figcaption span{color:currentColor;font-weight:300}.reference-decking-zerogap-decking .zero-sleeper-product+.zero-sleeper-product{border-top:1px solid var(--border);margin-top:14px;padding-top:14px}.reference-decking-zerogap-decking .zero-sleeper-product--clip .zero-sleeper-photo{height:86px}.reference-decking-zerogap-decking .zero-sleeper-size{color:currentColor;text-align:center;margin-top:14px;font-size:.72rem;font-weight:300;line-height:1.55}.reference-decking-zerogap-decking .zero-subframe-.reference-decking-zerogap-decking{flex-direction:column;flex:1;padding:32px;display:flex}.reference-decking-zerogap-decking .zero-tag{letter-spacing:0;color:var(--lime-ink);margin-bottom:12px;font-size:.7rem;font-weight:500;line-height:1.5}.reference-decking-zerogap-decking .zero-subframe h3{min-height:2.3em;margin-bottom:20px;font-size:2rem;line-height:1.15}.reference-decking-zerogap-decking .zero-subframe-.reference-decking-zerogap-decking>p:not(.zero-tag){color:currentColor;margin-bottom:23px;font-size:.95rem;font-weight:300;line-height:1.65}.reference-decking-zerogap-decking .zero-subframe dl{margin:auto 0 17px}.reference-decking-zerogap-decking .zero-subframe dl>div{border-top:1px solid var(--border);grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:15px;padding:13px 0;font-size:.81rem;line-height:1.55;display:grid}.reference-decking-zerogap-decking .zero-subframe dt{font-weight:500}.reference-decking-zerogap-decking .zero-subframe dd{color:currentColor;margin:0;font-weight:300}.reference-decking-zerogap-decking .zero-subframe .text-link{color:var(--lime-ink);background:0 0;align-self:flex-start;padding:9px 0;font-size:.81rem;font-weight:500}.reference-decking-zerogap-decking .zero-system-note{border-top:1px solid var(--border);grid-template-columns:1fr 1.4fr auto;align-items:start;gap:26px;margin-top:31px;padding-top:25px;display:grid}.reference-decking-zerogap-decking .zero-system-note strong{font-size:.93rem;font-weight:500;line-height:1.5}.reference-decking-zerogap-decking .zero-system-note p{color:currentColor;font-size:.83rem;font-weight:300;line-height:1.65}.reference-decking-zerogap-decking .zero-system-note a{white-space:nowrap;padding-top:0;font-size:.78rem;font-weight:500}.reference-decking-zerogap-decking .zero-filter-bar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;margin-bottom:33px;display:flex}.reference-decking-zerogap-decking .zero-filter-bar>.small{color:currentColor;white-space:nowrap;font-size:.75rem}.reference-decking-zerogap-decking .zero-filter-bar .deck-filter-buttons{gap:26px;min-width:0}.reference-decking-zerogap-decking .zero-filter-bar .deck-filter-buttons button{font-size:.83rem;font-weight:400}.reference-decking-zerogap-decking .zero-filter-bar .deck-filter-buttons button[aria-pressed=true]{font-weight:500}.reference-decking-zerogap-decking .zero-accessories{grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 28px;display:grid}.reference-decking-zerogap-decking .zero-accessory-photo{background:var(--secondary);aspect-ratio:1.5;margin-bottom:22px;padding:26px}.reference-decking-zerogap-decking .zero-accessory-photo>img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}.reference-decking-zerogap-decking .zero-supplied-accessory .zero-accessory-photo>img{mix-blend-mode:normal}.reference-decking-zerogap-decking .zero-accessory .zero-tag{margin-bottom:9px;font-size:.67rem}.reference-decking-zerogap-decking .zero-accessory h3{letter-spacing:0;margin-bottom:11px;font-size:1.3rem;line-height:1.2}.reference-decking-zerogap-decking .zero-accessory>p:last-child{color:currentColor;max-width:42ch;font-size:.86rem;font-weight:300;line-height:1.6}.reference-decking-zerogap-decking .zero-accessory-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:start;gap:35px;margin-top:40px;padding-top:25px;display:flex}.reference-decking-zerogap-decking .zero-accessory-footer p{color:currentColor;max-width:56ch;font-size:.82rem;font-weight:300}.reference-decking-zerogap-decking .zero-accessory-footer a{flex-shrink:0;padding-top:0;font-size:.79rem;font-weight:500}.reference-decking-zerogap-decking .zero-projects{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.reference-decking-zerogap-decking .zero-project{min-width:0}.reference-decking-zerogap-decking .zero-project-open{display:block}.reference-decking-zerogap-decking .zero-project-cover{aspect-ratio:1.15;background:var(--secondary);margin-bottom:23px;position:relative;overflow:hidden}.reference-decking-zerogap-decking .zero-project-cover>img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.reference-decking-zerogap-decking .zero-project-open:hover img{transform:scale(1.035)}.reference-decking-zerogap-decking .zero-project-cover>span{background:var(--fencing-overlay);align-items:center;gap:22px;padding:5px 10px;font-size:.71rem;display:flex;position:absolute;bottom:13px;right:13px}.reference-decking-zerogap-decking .zero-project .zero-tag{letter-spacing:0;margin-bottom:10px;font-size:.68rem}.reference-decking-zerogap-decking .zero-project h3{font-size:2rem}.reference-decking-zerogap-decking .zero-project-link{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:24px;padding-top:15px;font-size:.81rem;display:flex}.reference-decking-zerogap-decking .zero-project-link span{color:var(--lime-ink);font-size:1.15rem}.reference-decking-zerogap-decking .zero-video-figure{max-width:1100px;margin:0 auto}.reference-decking-zerogap-decking .zero-video-figure>video{aspect-ratio:16/9;object-fit:contain;background:var(--foreground);width:100%;height:auto;display:block}.reference-decking-zerogap-decking .zero-video-figure>video:focus-visible{outline:3px solid var(--lime-ink);outline-offset:5px}.reference-decking-zerogap-decking .zero-video-figure>figcaption{justify-content:space-between;align-items:center;gap:24px;padding-top:23px;display:flex}.reference-decking-zerogap-decking .zero-video-figure h3{letter-spacing:0;font-size:1.35rem;line-height:1.25}.reference-decking-zerogap-decking .zero-video-figure figcaption p{color:currentColor;margin-top:7px;font-size:.78rem;font-weight:300}.reference-decking-zerogap-decking .zero-video-figure .text-link{flex-shrink:0;font-size:.79rem;font-weight:500}.reference-decking-zerogap-decking #installation.tone .deck-resource{background:var(--card)}.reference-decking-zerogap-decking .deck-resource p{font-weight:300}.reference-decking-zerogap-decking .deck-resource h3{font-size:1.75rem}.reference-decking-zerogap-decking .final-cta{background:var(--accent)}.reference-decking-zerogap-decking .final-cta .eyebrow,.reference-decking-zerogap-decking .final-cta .lead{color:var(--foreground)}.reference-decking-zerogap-decking dialog::backdrop{background:var(--fencing-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.reference-decking-zerogap-decking #zero-project-dialog{width:min(1060px,94vw);max-width:1060px;padding:0}.reference-decking-zerogap-decking #zero-project-dialog .dialog-close{z-index:3}.reference-decking-zerogap-decking #zero-project-dialog .deck-project-stage{padding-top:0}.reference-decking-zerogap-decking #zero-project-photo{object-fit:contain;width:100%;height:min(58dvh,570px)}.reference-decking-zerogap-decking #zero-project-dialog .deck-project-.reference-decking-zerogap-decking h2{font-size:2.3rem}.reference-decking-zerogap-decking #zero-project-dialog .deck-project-.reference-decking-zerogap-decking>p:not(.eyebrow){font-weight:300}.reference-decking-zerogap-decking #zero-enquiry-dialog{width:min(570px,94vw);max-width:570px;padding:43px 38px}.reference-decking-zerogap-decking #zero-enquiry-dialog h2{margin-bottom:19px;font-size:2.7rem;line-height:1.08}.reference-decking-zerogap-decking #zero-enquiry-dialog>.eyebrow{margin-bottom:18px;font-size:.72rem}.reference-decking-zerogap-decking #zero-enquiry-form{margin-top:25px}.reference-decking-zerogap-decking #zero-enquiry-form label{margin-bottom:8px;font-size:.81rem;font-weight:500;display:block}.reference-decking-zerogap-decking #zero-enquiry-form label>span{color:currentColor;font-weight:300}.reference-decking-zerogap-decking #zero-enquiry-form input,.reference-decking-zerogap-decking #zero-enquiry-form select,.reference-decking-zerogap-decking #zero-enquiry-form textarea{background:var(--card);width:100%;color:var(--ink);border:1px solid var(--secondary);border-radius:0;min-height:46px;margin-bottom:18px;padding:11px 12px;font-size:.85rem}.reference-decking-zerogap-decking #zero-enquiry-form textarea{resize:vertical}.reference-decking-zerogap-decking #zero-enquiry-form .btn{width:100%}.reference-decking-zerogap-decking .zero-email-status{color:currentColor;margin-top:15px;font-size:.81rem}.reference-decking-zerogap-decking .zero-email-status a{font-size:inherit}.reference-decking-zerogap-decking .zero-page-nav .deck-page-links{min-width:0}.reference-decking-zerogap-decking .zero-how-layout{grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);align-items:start;gap:54px;display:grid}.reference-decking-zerogap-decking .zero-step-tabs{border-top:1px solid var(--border)}.reference-decking-zerogap-decking .zero-step-tab{border-bottom:1px solid var(--border);width:100%;color:var(--ink);text-align:left;background:0 0;grid-template-columns:35px minmax(0,1fr);gap:18px;padding:25px 21px 25px 0;transition:background .15s;display:grid}.reference-decking-zerogap-decking .zero-step-tab[aria-selected=true]{background:var(--secondary);box-shadow:inset 3px 0 var(--lime-ink);padding-left:19px}.reference-decking-zerogap-decking .zero-step-number{letter-spacing:0;color:var(--lime-ink);padding-top:4px;font-size:.75rem;font-weight:500}.reference-decking-zerogap-decking .zero-step-tab strong{letter-spacing:0;margin-bottom:12px;font-size:1.35rem;font-weight:500;line-height:1.2;display:block}.reference-decking-zerogap-decking .zero-step-tab>span:last-child>span{color:currentColor;font-size:.88rem;font-weight:300;line-height:1.65;display:block}.reference-decking-zerogap-decking .zero-step-tab:hover{background:var(--secondary)}.reference-decking-zerogap-decking .zero-step-tab:focus-visible,.reference-decking-zerogap-decking .zero-step-panel:focus-visible,.reference-decking-zerogap-decking .zero-table-scroll:focus-visible{outline:2px solid var(--lime-ink);outline-offset:5px}.reference-decking-zerogap-decking .zero-watch-link{margin-top:27px;font-size:.82rem;font-weight:500}.reference-decking-zerogap-decking .zero-step-visuals{min-width:0}.reference-decking-zerogap-decking .zero-step-panel{background:var(--card);margin:0}.reference-decking-zerogap-decking .zero-step-panel>img{aspect-ratio:1200/676;object-fit:contain;background:var(--card);width:100%;height:auto}.reference-decking-zerogap-decking .zero-step-panel>figcaption{border-bottom:1px solid var(--border);color:currentColor;justify-content:space-between;gap:16px;padding:17px 0;font-size:.7rem;font-weight:300;line-height:1.5;display:flex}.reference-decking-zerogap-decking .zero-step-panel>figcaption>span:first-child{color:var(--lime-ink);font-weight:500}.reference-decking-zerogap-decking .zero-how-note{color:currentColor;max-width:65ch;margin-top:20px;font-size:.79rem;font-weight:300;line-height:1.65}.reference-decking-zerogap-decking .zero-colour-description{font-family:var(--font-sans);color:currentColor;max-width:42ch;min-height:3.3em;margin-top:17px;font-size:16px;font-weight:300;line-height:1.65}.reference-decking-zerogap-decking .zero-table-hint{color:currentColor;margin-bottom:14px;font-size:.76rem;font-weight:300;display:none}.reference-decking-zerogap-decking .zero-table-scroll{scrollbar-width:thin;width:100%;max-width:100%;overflow-x:auto}.reference-decking-zerogap-decking .zero-comparison-table{table-layout:fixed;border-collapse:separate;border-spacing:0;width:100%;min-width:760px}.reference-decking-zerogap-decking .zero-comparison-table .zero-feature-col{width:22%}.reference-decking-zerogap-decking .zero-comparison-table th,.reference-decking-zerogap-decking .zero-comparison-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--border);padding:26px 28px}.reference-decking-zerogap-decking .zero-comparison-table thead th{letter-spacing:0;background:var(--secondary);color:var(--ink);vertical-align:middle;font-size:1.45rem;font-weight:500;line-height:1.25}.reference-decking-zerogap-decking .zero-comparison-table thead th:first-child{letter-spacing:0;text-transform:uppercase;background:var(--card);font-size:.76rem}.reference-decking-zerogap-decking .zero-comparison-table thead th:nth-child(2){background:var(--foreground);color:#fff}.reference-decking-zerogap-decking .zero-table-brand{letter-spacing:0;color:var(--ink-foreground);margin-bottom:9px;font-size:.64rem;font-weight:400;display:block}.reference-decking-zerogap-decking .zero-comparison-table tbody th{padding-left:0;font-size:.86rem;font-weight:500;line-height:1.5}.reference-decking-zerogap-decking .zero-comparison-table tbody td:nth-child(2),.reference-decking-zerogap-decking .zero-comparison-table tbody td:nth-child(3){background:var(--card)}.reference-decking-zerogap-decking .zero-comparison-table td strong{margin-bottom:9px;font-size:.91rem;font-weight:500;line-height:1.45;display:block}.reference-decking-zerogap-decking .zero-comparison-table td>span{color:currentColor;font-size:.84rem;font-weight:300;line-height:1.65;display:block}.reference-decking-zerogap-decking .zero-comparison-footer{justify-content:space-between;align-items:start;gap:45px;padding-top:25px;display:flex}.reference-decking-zerogap-decking .zero-comparison-footer p{color:currentColor;max-width:78ch;font-size:.79rem;font-weight:300;line-height:1.65}.reference-decking-zerogap-decking .zero-comparison-footer button{color:var(--lime-ink);white-space:nowrap;background:0 0;flex-shrink:0;padding-top:0;font-size:.81rem;font-weight:500}@media (width<=1100px){.reference-decking-zerogap-decking .zero-how-layout{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:30px}.reference-decking-zerogap-decking .zero-step-tab{gap:11px;padding-right:17px}.reference-decking-zerogap-decking .zero-step-tab strong{font-size:1.2rem}.reference-decking-zerogap-decking .zero-comparison-table th,.reference-decking-zerogap-decking .zero-comparison-table td{padding:23px}}@media (width<=800px){.reference-decking-zerogap-decking .zero-how-layout{grid-template-columns:1fr;gap:29px}.reference-decking-zerogap-decking .zero-step-tabs{grid-template-columns:1fr;display:grid}.reference-decking-zerogap-decking .zero-step-tab{grid-template-columns:28px 1fr;gap:17px;padding:21px 18px}.reference-decking-zerogap-decking .zero-step-tab[aria-selected=true]{padding-left:18px}.reference-decking-zerogap-decking .zero-step-tab strong{margin-bottom:8px;font-size:1.3rem}.reference-decking-zerogap-decking .zero-watch-link{margin-top:20px}.reference-decking-zerogap-decking .zero-colour-description{max-width:54ch;min-height:0}.reference-decking-zerogap-decking .zero-table-hint,.reference-decking-zerogap-decking .zero-comparison-footer{display:block}.reference-decking-zerogap-decking .zero-comparison-footer button{margin-top:18px}}@media (width<=520px){.reference-decking-zerogap-decking .zero-step-tab{grid-template-columns:22px 1fr;gap:12px;padding:20px 15px}.reference-decking-zerogap-decking .zero-step-tab[aria-selected=true]{padding-left:15px}.reference-decking-zerogap-decking .zero-step-tab strong{font-size:1.22rem}.reference-decking-zerogap-decking .zero-step-tab>span:last-child>span{font-size:.84rem}.reference-decking-zerogap-decking .zero-step-panel>figcaption{align-items:start;gap:14px;font-size:.65rem}.reference-decking-zerogap-decking .zero-step-panel>figcaption>span:last-child{text-align:right;max-width:16ch}.reference-decking-zerogap-decking .zero-comparison-table{min-width:690px}.reference-decking-zerogap-decking .zero-comparison-table th,.reference-decking-zerogap-decking .zero-comparison-table td{padding:20px}.reference-decking-zerogap-decking .zero-comparison-table thead th{font-size:1.24rem}.reference-decking-zerogap-decking .zero-comparison-table tbody th{font-size:.8rem}.reference-decking-zerogap-decking .zero-comparison-table td strong{font-size:.87rem}.reference-decking-zerogap-decking .zero-comparison-table td>span{font-size:.81rem}}@media (width>=1650px){.reference-decking-zerogap-decking .zero-hero{min-height:820px}}@media (width<=1100px){.reference-decking-zerogap-decking .zero-overview-grid{gap:35px}.reference-decking-zerogap-decking .zero-advantages{gap:34px 25px}.reference-decking-zerogap-decking .zero-subframe-.reference-decking-zerogap-decking{padding:27px}.reference-decking-zerogap-decking .zero-system-note{grid-template-columns:1fr 1.7fr}.reference-decking-zerogap-decking .zero-system-note>a{grid-column:2;justify-self:start}.reference-decking-zerogap-decking .zero-accessory-footer{display:block}.reference-decking-zerogap-decking .zero-accessory-footer>a{margin-top:15px}.reference-decking-zerogap-decking .zero-page-nav .deck-page-links{gap:25px}}@media (width<=800px){.reference-decking-zerogap-decking .section{padding:70px 0}.reference-decking-zerogap-decking .zero-hero{min-height:730px}.reference-decking-zerogap-decking .zero-hero .hero-content{padding-top:139px;padding-bottom:85px}.reference-decking-zerogap-decking .zero-breadcrumb{margin-bottom:30px}.reference-decking-zerogap-decking .zero-hero h1{font-size:4.1rem}.reference-decking-zerogap-decking .zero-overview-grid{grid-template-columns:1fr;gap:32px}.reference-decking-zerogap-decking .zero-board-figure>img{max-height:350px}.reference-decking-zerogap-decking .zero-specification{max-width:none}.reference-decking-zerogap-decking .zero-spec-grid dd{font-size:2.65rem}.reference-decking-zerogap-decking .zero-profile{max-width:420px}.reference-decking-zerogap-decking .zero-advantages{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 28px}.reference-decking-zerogap-decking .zero-advantage h3{font-size:1.4rem}.reference-decking-zerogap-decking .zero-subframes{grid-template-columns:1fr;gap:30px}.reference-decking-zerogap-decking .zero-subframe h3{min-height:0;font-size:1.9rem}.reference-decking-zerogap-decking .zero-subframe>figure>img{aspect-ratio:1.9}.reference-decking-zerogap-decking .zero-system-note{display:block}.reference-decking-zerogap-decking .zero-system-note p{margin:10px 0 16px}.reference-decking-zerogap-decking .zero-filter-bar{margin-bottom:28px;display:block}.reference-decking-zerogap-decking .zero-filter-bar>.small{margin:7px 0 12px;display:block}.reference-decking-zerogap-decking .zero-accessories{grid-template-columns:repeat(2,minmax(0,1fr));gap:29px 22px}.reference-decking-zerogap-decking .zero-projects{grid-template-columns:1fr;gap:35px}.reference-decking-zerogap-decking .zero-project-cover{aspect-ratio:1.65;margin-bottom:19px}.reference-decking-zerogap-decking .zero-project h3{font-size:1.9rem}.reference-decking-zerogap-decking .zero-project-link{margin-top:18px}.reference-decking-zerogap-decking .zero-project .zero-tag{font-size:.74rem}.reference-decking-zerogap-decking .zero-video-figure>figcaption{align-items:flex-start}}@media (width<=520px){.reference-decking-zerogap-decking .zero-hero{min-height:690px}.reference-decking-zerogap-decking .zero-hero .hero-content{padding-top:117px;padding-bottom:81px}.reference-decking-zerogap-decking .zero-hero:after{background:linear-gradient(90deg,var(--fencing-overlay),var(--fencing-overlay)),linear-gradient(0deg,var(--fencing-overlay),transparent 50%)}.reference-decking-zerogap-decking .zero-breadcrumb{gap:9px;margin-bottom:25px;font-size:.68rem}.reference-decking-zerogap-decking .zero-hero h1{max-width:100%;font-size:2.6rem}.reference-decking-zerogap-decking .zero-hero .eyebrow{letter-spacing:0;font-size:.7rem}.reference-decking-zerogap-decking .zero-hero p.lead{max-width:39ch}.reference-decking-zerogap-decking .zero-hero .actions{gap:11px}.reference-decking-zerogap-decking .zero-hero .btn{min-height:47px;padding:13px 17px;font-size:.78rem}.reference-decking-zerogap-decking .zero-hero .hero-caption{font-size:.61rem;bottom:22px;left:6%;right:auto}.reference-decking-zerogap-decking .section{padding:58px 0}.reference-decking-zerogap-decking .zero-board-figure{padding:16px 12px}.reference-decking-zerogap-decking .zero-board-figure>figcaption{font-size:.67rem}.reference-decking-zerogap-decking .zero-spec-grid dd{font-size:2.4rem}.reference-decking-zerogap-decking .zero-spec-grid{gap:10px}.reference-decking-zerogap-decking .zero-spec-list>div{font-size:.78rem}.reference-decking-zerogap-decking .deck-swatch>span:first-child{height:85px}.reference-decking-zerogap-decking .deck-swatch>span:last-child{font-size:.74rem}.reference-decking-zerogap-decking .zero-advantages{gap:27px 22px}.reference-decking-zerogap-decking .zero-advantage h3{font-size:1.25rem}.reference-decking-zerogap-decking .zero-advantage p{font-size:.84rem}.reference-decking-zerogap-decking .zero-advantage>svg{margin-bottom:21px}.reference-decking-zerogap-decking .zero-subframe-.reference-decking-zerogap-decking{padding:24px 21px}.reference-decking-zerogap-decking .zero-subframe h3{font-size:1.7rem}.reference-decking-zerogap-decking .zero-subframe dl>div{grid-template-columns:1fr 1.6fr;gap:12px;font-size:.76rem}.reference-decking-zerogap-decking .zero-sleeper-pairs{grid-template-columns:1fr;gap:14px;padding:18px}.reference-decking-zerogap-decking .zero-sleeper-pair{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:12px;padding:14px;display:grid}.reference-decking-zerogap-decking .zero-sleeper-type,.reference-decking-zerogap-decking .zero-sleeper-size{grid-column:1/-1;margin:0}.reference-decking-zerogap-decking .zero-sleeper-product+.zero-sleeper-product{border:0;margin:0;padding:0}.reference-decking-zerogap-decking .zero-sleeper-product--clip .zero-sleeper-photo{height:142px}.reference-decking-zerogap-decking .zero-subframe>figure>figcaption{font-size:.64rem;bottom:10px;left:10px}.reference-decking-zerogap-decking .zero-accessories{gap:29px 19px}.reference-decking-zerogap-decking .zero-accessory-photo{aspect-ratio:1.1;margin-bottom:16px;padding:15px}.reference-decking-zerogap-decking .zero-accessory h3{font-size:1.12rem}.reference-decking-zerogap-decking .zero-accessory>p:last-child{font-size:.81rem}.reference-decking-zerogap-decking .zero-accessory .zero-tag{font-size:.63rem}.reference-decking-zerogap-decking .zero-filter-bar .deck-filter-buttons{gap:23px}.reference-decking-zerogap-decking .zero-filter-bar .deck-filter-buttons button{font-size:.79rem}.reference-decking-zerogap-decking .zero-video-figure>figcaption{flex-direction:column;gap:15px;padding-top:19px}.reference-decking-zerogap-decking .zero-video-figure h3{font-size:1.2rem}.reference-decking-zerogap-decking #zero-enquiry-dialog{padding:37px 24px}.reference-decking-zerogap-decking #zero-enquiry-dialog h2{font-size:2.15rem}.reference-decking-zerogap-decking #zero-project-dialog .deck-project-.reference-decking-zerogap-decking{padding:25px 23px}.reference-decking-zerogap-decking #zero-project-photo{height:43dvh}.reference-decking-zerogap-decking #zero-project-dialog .deck-project-.reference-decking-zerogap-decking h2{font-size:2rem}}@media (prefers-reduced-motion:reduce){.reference-decking-zerogap-decking{scroll-behavior:auto}.reference-decking-zerogap-decking *{scroll-behavior:auto!important;transition:none!important}}.reference-decking-zerogap-decking .section-head.split-section-heading{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:0 clamp(40px,6vw,88px);margin:0 0 44px;display:grid}.reference-decking-zerogap-decking .section-head.split-section-heading>.eyebrow{letter-spacing:0;grid-area:1/1/auto/-1;max-width:none;margin:0 0 18px;padding:0;font-size:.75rem;font-weight:600;line-height:1.5}.reference-decking-zerogap-decking .section-head.split-section-heading>:is(h1,.reference-decking-zerogap-decking h2,.reference-decking-zerogap-decking h3){letter-spacing:0;overflow-wrap:break-word;grid-area:2/1;max-width:100%;margin:0;font-size:3rem;font-weight:500;line-height:1.08}.reference-decking-zerogap-decking .section-head.split-section-heading>p.lead{width:100%;max-width:52ch;font-family:var(--font-sans);font-synthesis:none;grid-area:2/2;align-self:start;margin:0;padding:0;font-size:16px;font-weight:300;line-height:1.65}.reference-decking-zerogap-decking .split-section-heading+.material-layout,.reference-decking-zerogap-decking .split-section-heading+.fence-intro-stats,.reference-decking-zerogap-decking .split-section-heading+.fence-system-grid,.reference-decking-zerogap-decking .split-section-heading+.product-design .feature-list{margin-top:0}.reference-decking-zerogap-decking .advantages>.wrap>.advantage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.reference-decking-zerogap-decking .professionals-section .split-section-heading .eyebrow{color:var(--accent)}.reference-decking-zerogap-decking .professionals-section .split-section-heading .lead{color:var(--ink-foreground)}.reference-decking-zerogap-decking .professionals-layout .professional-links{margin-top:0}.reference-decking-zerogap-decking .newsletter-section .newsletter-layout{max-width:680px;margin-left:auto;display:block}.reference-decking-zerogap-decking .final-cta .wrap,.reference-decking-zerogap-decking .fence-newsletter .wrap{display:block}.reference-decking-zerogap-decking .final-cta .actions{flex-wrap:wrap;max-width:none}.reference-decking-zerogap-decking .final-cta .actions .btn{width:auto}.reference-decking-zerogap-decking .section-followup{margin-top:24px}.reference-decking-zerogap-decking .fence-slatted-family>.split-section-heading{grid-column:1/-1;margin-bottom:0}.reference-decking-zerogap-decking .fence-slatted-family{row-gap:44px}.reference-decking-zerogap-decking .fence-slatted-copy .fence-design-specs{margin-top:0}.reference-decking-zerogap-decking .fence-comparison .split-section-heading>h3{font-size:2.4rem}@media (width<=1000px){.reference-decking-zerogap-decking .advantages>.wrap>.advantage-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=800px){.reference-decking-zerogap-decking .section-head.split-section-heading{grid-template-columns:minmax(0,1fr);margin-bottom:32px}.reference-decking-zerogap-decking .section-head.split-section-heading>.eyebrow{grid-column:1;margin-bottom:14px}.reference-decking-zerogap-decking .section-head.split-section-heading>:is(h1,.reference-decking-zerogap-decking h2,.reference-decking-zerogap-decking h3){font-size:2.25rem}.reference-decking-zerogap-decking .section-head.split-section-heading>p.lead{grid-area:3/1;max-width:56ch;margin-top:20px}.reference-decking-zerogap-decking .newsletter-section .newsletter-layout{max-width:none;margin-left:0}.reference-decking-zerogap-decking .fence-slatted-family{row-gap:32px}}@media (width<=520px){.reference-decking-zerogap-decking .section-head.split-section-heading>:is(h1,.reference-decking-zerogap-decking h2,.reference-decking-zerogap-decking h3){font-size:2rem}.reference-decking-zerogap-decking .section-head.split-section-heading>.eyebrow{font-size:.7rem}.reference-decking-zerogap-decking .final-cta .actions{align-items:flex-start;max-width:100%}}.reference-decking-zerogap-decking .product-faqs{scroll-margin-top:110px}.reference-decking-zerogap-decking .product-faqs .faqs{max-width:880px;margin-left:auto}.reference-decking-zerogap-decking .product-faqs .faqs summary{padding:22px 44px 22px 0;font-size:16px;font-weight:400;line-height:1.5}.reference-decking-zerogap-decking .product-faqs .faqs details p{font-family:var(--font-sans);padding:0 38px 24px 0;font-size:16px;font-weight:300;line-height:1.65}.reference-decking-zerogap-decking .product-faqs .faqs a{color:var(--lime-ink);text-underline-offset:3px;text-decoration:underline}.reference-decking-zerogap-decking .faq-followup{justify-content:space-between;align-items:center;gap:24px;max-width:880px;margin:28px 0 0 auto;display:flex}.reference-decking-zerogap-decking .faq-followup p{font-family:var(--font-sans);color:currentColor;font-size:16px;font-weight:300;line-height:1.65}.reference-decking-zerogap-decking .faq-followup .text-link{flex-shrink:0;font-size:.85rem}.reference-decking-zerogap-decking .gate-faqs{background:var(--secondary)}@media (width<=600px){.reference-decking-zerogap-decking .product-faqs .faqs summary{padding-right:32px}.reference-decking-zerogap-decking .product-faqs .faqs details p{padding-right:12px}.reference-decking-zerogap-decking .faq-followup{flex-direction:column;align-items:flex-start;gap:14px}}.reference-fencing *{box-sizing:border-box}.reference-fencing{scroll-behavior:smooth;background:var(--background);color:var(--ink);font-family:var(--font-sans);margin:0;scroll-padding-top:90px;font-size:16px;line-height:1.6}.reference-fencing button,.reference-fencing input,.reference-fencing select,.reference-fencing textarea{font:inherit}.reference-fencing button,.reference-fencing a,.reference-fencing select{touch-action:manipulation}.reference-fencing button{cursor:pointer}.reference-fencing a{color:inherit;text-decoration:none}.reference-fencing button:focus-visible,.reference-fencing a:focus-visible,.reference-fencing select:focus-visible,.reference-fencing summary:focus-visible{outline:3px solid var(--border);outline-offset:5px}.reference-fencing img{max-width:100%;display:block}.reference-fencing h1,.reference-fencing h2,.reference-fencing h3,.reference-fencing p,.reference-fencing figure{margin:0}.reference-fencing h1,.reference-fencing h2,.reference-fencing h3{letter-spacing:0;font-weight:500;line-height:1.06}.reference-fencing h1{max-width:1000px;font-size:6rem}.reference-fencing h2{font-size:3.7rem}.reference-fencing h3{font-size:2rem}.reference-fencing p{max-width:68ch}.reference-fencing button{border:0}.reference-fencing button:disabled{cursor:not-allowed;opacity:.4}.reference-fencing .wrap{width:min(1280px,88%);margin:auto}.reference-fencing .section{padding:100px 0}.reference-fencing .eyebrow{letter-spacing:0;text-transform:uppercase;color:var(--lime-ink);margin-bottom:22px;font-size:.8rem;font-weight:700}.reference-fencing .lead{font-family:var(--font-sans);font-synthesis:none;color:currentColor;font-size:16px;font-weight:300;line-height:1.65}.reference-fencing .muted{color:currentColor}.reference-fencing .small{font-size:.85rem;line-height:1.55}.reference-fencing .btn{letter-spacing:0;background:var(--accent);min-height:48px;color:var(--foreground);border:1px solid var(--accent);text-transform:uppercase;justify-content:center;align-items:center;padding:14px 23px;font-size:.85rem;font-weight:700;line-height:1.2;transition:background .2s;display:inline-flex}.reference-fencing .btn:hover{background:var(--secondary);border-color:var(--secondary)}.reference-fencing .btn.outline{color:inherit;background:0 0;border-color:currentColor}.reference-fencing .btn.outline:hover{background:var(--fencing-overlay)}.reference-fencing .btn.dark{background:var(--ink);color:var(--card);border-color:var(--ink)}.reference-fencing .actions{flex-wrap:wrap;gap:12px;display:flex}.reference-fencing .text-link{border-bottom:1px solid;padding:7px 0;font-size:.88rem;font-weight:700;display:inline-block}.reference-fencing .skip{position:absolute;left:-999px}.reference-fencing .skip:focus{z-index:999;background:var(--card);padding:16px;top:20px;left:20px}.reference-fencing .utility{background:var(--accent);letter-spacing:0;height:34px;font-size:.73rem;font-weight:700}.reference-fencing .utility .wrap{justify-content:space-between;align-items:center;height:100%;display:flex}.reference-fencing .utility-links{gap:28px;display:flex}.reference-fencing .header{z-index:10;color:var(--card);border-bottom:0;position:absolute;left:0;right:0}.reference-fencing .header-inner{justify-content:space-between;align-items:center;gap:35px;height:96px;display:flex}.reference-fencing .logo{object-fit:contain;object-position:left;width:178px;height:auto;max-height:40px}.reference-fencing .wordmark{letter-spacing:0;color:var(--card);font-size:1.85rem;font-weight:700;display:none}.reference-fencing .wordmark span{color:var(--accent)}.reference-fencing .primary-nav{align-items:center;gap:36px;font-size:.82rem;font-weight:600;display:flex}.reference-fencing .primary-nav>a{padding:12px 0}.reference-fencing .primary-nav>a.active{border-bottom:2px solid var(--accent)}.reference-fencing .header .btn{background:var(--background);border-color:var(--background);color:var(--ink);font-size:.75rem}.reference-fencing .menu-toggle{color:var(--card);background:0 0;min-height:44px;padding:10px;font-size:1rem;display:none}.reference-fencing .hero{min-height:720px;color:var(--ink-foreground);background:var(--foreground);align-items:center;display:flex;position:relative;overflow:hidden}.reference-fencing .hero-img{object-fit:cover;object-position:center 52%;width:100%;height:100%;position:absolute;inset:0}.reference-fencing .hero:after{content:"";background:linear-gradient(90deg,var(--fencing-hero-overlay),var(--fencing-hero-overlay) 70%,var(--fencing-hero-overlay)),linear-gradient(0deg,var(--fencing-hero-overlay),transparent 65%);position:absolute;inset:0}.reference-fencing .hero-content{z-index:1;padding-top:150px;padding-bottom:80px;position:relative}.reference-fencing .hero .eyebrow{color:var(--accent)}.reference-fencing .hero p:not(.eyebrow){max-width:620px;color:var(--ink-foreground);margin:25px 0 32px;font-size:1.13rem}.reference-fencing .hero .hero-caption{z-index:1;letter-spacing:0;color:var(--ink-foreground);font-size:.75rem;position:absolute;bottom:28px;right:6%}.reference-fencing .hero .breadcrumb{align-items:center;gap:14px;display:flex}.reference-fencing .hero .breadcrumb span{color:var(--ink-foreground)}.reference-fencing .hero.product{min-height:675px}.reference-fencing .hero.product h1{max-width:750px}.reference-fencing .hero.product .hero-img{object-position:50% 55%}.reference-fencing .page-nav{z-index:20;background:var(--fencing-overlay);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0}.reference-fencing .page-nav .wrap{justify-content:space-between;align-items:center;gap:24px;min-height:64px;display:flex}.reference-fencing .page-tabs,.reference-fencing .jump-links{align-items:center;gap:28px;font-size:.88rem;display:flex}.reference-fencing .page-tabs a{white-space:nowrap;padding:20px 0}.reference-fencing .page-tabs a[aria-current=page]{border-bottom:2px solid var(--lime-ink);font-weight:700}.reference-fencing .jump-links{color:currentColor;gap:25px}.reference-fencing .jump-links a:hover{color:var(--ink)}.reference-fencing .intro-grid{grid-template-columns:1fr 1fr;align-items:start;gap:11%;display:grid}.reference-fencing .intro-grid h2{max-width:560px}.reference-fencing .intro-grid .lead{padding-top:37px}.reference-fencing .benefit-strip{border-top:1px solid var(--border);grid-template-columns:repeat(4,1fr);margin-top:62px;display:grid}.reference-fencing .benefit{padding:28px 32px 4px 0}.reference-fencing .benefit:not(:first-child){border-left:1px solid var(--border);padding-left:30px}.reference-fencing .benefit strong{margin:12px 0;font-size:1.15rem;font-weight:600;line-height:1.3;display:block}.reference-fencing .benefit .symbol{color:var(--lime-ink);font-size:1.7rem;line-height:1}.reference-fencing .benefit p{color:currentColor;font-size:.95rem}.reference-fencing .tone{background:var(--secondary)}.reference-fencing .section-head{justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:45px;display:flex}.reference-fencing .section-head p{max-width:440px}.reference-fencing .section-head .eyebrow{margin-bottom:18px}.reference-fencing .profiles{grid-template-columns:1fr 1fr;gap:28px;display:grid}.reference-fencing .profile-card{display:block}.reference-fencing .profile-image{height:380px;position:relative;overflow:hidden}.reference-fencing .profile-image img{object-fit:cover;width:100%;height:100%;transition:transform .7s}.reference-fencing .profile-card:hover img{transform:scale(1.035)}.reference-fencing .profile-image .number{background:var(--background);padding:5px 12px;font-size:.85rem;position:absolute;top:20px;left:20px}.reference-fencing .profile-info{padding:28px 0 5px}.reference-fencing .profile-info h3{margin-bottom:15px;font-size:2.4rem}.reference-fencing .profile-info p{color:currentColor;max-width:480px;margin-bottom:15px}.reference-fencing .tags{flex-wrap:wrap;gap:7px;margin:20px 0;display:flex}.reference-fencing .tag{border:1px solid var(--border);padding:5px 10px;font-size:.77rem;line-height:1.3}.reference-fencing .explorer-grid{grid-template-columns:minmax(0,1.4fr) minmax(350px,1fr);align-items:start;gap:56px;display:grid}.reference-fencing .explorer-photo{background:var(--secondary);aspect-ratio:1.25;position:relative;overflow:hidden}.reference-fencing .explorer-photo>img{object-fit:cover;width:100%;height:100%}.reference-fencing .image-note{background:var(--fencing-overlay);color:var(--ink);padding:5px 10px;font-size:.75rem;position:absolute;bottom:20px;left:20px}.reference-fencing .photo-expand{color:var(--ink);background:var(--card);min-height:42px;padding:8px 12px;font-size:.8rem;position:absolute;top:17px;right:17px}.reference-fencing .photo-caption{justify-content:space-between;align-items:start;gap:12px;margin-top:16px;font-size:.9rem;display:flex}.reference-fencing .photo-caption small{color:currentColor;font-size:.78rem}.reference-fencing .explorer-controls{padding-top:1px}.reference-fencing .segmented{border:1px solid var(--border);gap:0;width:fit-content;margin-bottom:28px;display:flex}.reference-fencing .segmented button{color:currentColor;background:0 0;min-height:42px;padding:10px 20px;font-size:.88rem}.reference-fencing .segmented button[aria-pressed=true]{background:var(--ink);color:var(--card)}.reference-fencing .explorer-controls h3{font-size:2.6rem}.reference-fencing .finish-story{color:currentColor;min-height:76px;margin-top:12px;font-size:1rem}.reference-fencing .swatches{grid-template-columns:repeat(5,1fr);gap:18px 13px;margin:28px 0;display:grid}.reference-fencing .swatch{text-align:left;color:var(--ink);background:0 0;padding:0}.reference-fencing .swatch-chip{border:1px solid var(--fencing-overlay);width:100%;height:46px;margin-bottom:7px;display:block;position:relative}.reference-fencing .swatch[aria-pressed=true] .swatch-chip{outline:2px solid var(--lime-ink);outline-offset:4px}.reference-fencing .swatch[aria-pressed=true] .swatch-chip:after{content:"✓";background:var(--background);color:var(--lime-ink);text-align:center;border-radius:50%;width:20px;height:20px;font-size:14px;font-weight:700;line-height:20px;position:absolute;bottom:4px;right:5px}.reference-fencing .swatch-label{min-height:28px;font-size:.77rem;line-height:1.15;display:block}.reference-fencing .orientation{margin-top:25px}.reference-fencing .orientation .small{margin-bottom:9px}.reference-fencing .orientation .segmented{margin-bottom:12px}.reference-fencing .sample-action{flex-wrap:wrap;align-items:center;gap:22px;margin-top:24px;display:flex}.reference-fencing .colour-note{color:currentColor;margin-top:22px;font-size:.77rem}.reference-fencing .no-preview{text-align:center;background:var(--secondary);flex-direction:column;justify-content:center;align-items:center;gap:15px;height:100%;padding:35px;display:flex}.reference-fencing .colour-block{border:1px solid var(--fencing-overlay);width:140px;height:100px;display:block}.reference-fencing .gallery-tools{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;margin:30px 0;display:flex}.reference-fencing .filter-buttons{gap:24px;display:flex}.reference-fencing .filter-buttons button{color:currentColor;background:0 0;border-bottom:2px solid #0000;padding:14px 0;font-size:.92rem}.reference-fencing .filter-buttons button[aria-pressed=true]{border-color:var(--ink);color:var(--ink);font-weight:600}.reference-fencing .gallery-tools select{color:var(--ink);background:0 0;border:0;max-width:180px;padding:9px 24px 9px 9px;font-size:.88rem}.reference-fencing .gallery-grid{grid-template-columns:repeat(3,1fr);gap:40px 24px;display:grid}.reference-fencing .gallery-card{text-align:left;color:inherit;background:0 0;padding:0}.reference-fencing .gallery-card .gallery-img{aspect-ratio:1.35;overflow:hidden}.reference-fencing .gallery-card img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.reference-fencing .gallery-card:hover img{transform:scale(1.035)}.reference-fencing .gallery-card h3{letter-spacing:0;margin:15px 0 6px;font-size:1.3rem;line-height:1.3}.reference-fencing .gallery-card p{color:currentColor;font-size:.86rem}.reference-fencing .gallery-bottom{justify-content:space-between;align-items:center;gap:30px;margin-top:38px;display:flex}.reference-fencing .empty-gallery{color:currentColor;grid-column:1/-1;padding:50px 0}.reference-fencing .construction{background:var(--foreground);color:var(--ink-foreground)}.reference-fencing .construction .eyebrow{color:var(--accent)}.reference-fencing .construction-grid{grid-template-columns:1fr 1fr;align-items:start;gap:85px;display:grid}.reference-fencing .construction h2{max-width:450px;margin-bottom:25px}.reference-fencing .construction .lead{color:var(--ink-foreground);max-width:455px}.reference-fencing .construction-steps{border-top:1px solid var(--fencing-overlay)}.reference-fencing .construction-step{border-bottom:1px solid var(--fencing-overlay);grid-template-columns:45px 1fr;gap:15px;padding:25px 0;display:grid}.reference-fencing .construction-step>span{color:var(--accent);font-size:.85rem}.reference-fencing .construction-step h3{letter-spacing:0;margin-bottom:10px;font-size:1.4rem}.reference-fencing .construction-step p{color:var(--ink-foreground);font-size:.96rem}.reference-fencing .construction .actions{margin-top:35px}.reference-fencing .product-design{grid-template-columns:1.05fr 1fr;align-items:center;gap:75px;display:grid}.reference-fencing .product-design img{aspect-ratio:1.12;object-fit:cover;width:100%}.reference-fencing .product-design h2{margin-bottom:23px}.reference-fencing .product-design p{margin-bottom:22px}.reference-fencing .feature-list{border-top:1px solid var(--border);margin:30px 0 0;padding:0;list-style:none}.reference-fencing .feature-list li{border-bottom:1px solid var(--border);gap:18px;padding:15px 0;font-size:.97rem;display:flex}.reference-fencing .feature-list li>span{color:var(--lime-ink);padding-top:3px;font-size:.78rem}.reference-fencing .spec-grid{grid-template-columns:.9fr 1.1fr;gap:100px;display:grid}.reference-fencing .spec-grid h2{margin-bottom:24px}.reference-fencing .spec-table{margin:0}.reference-fencing .spec-table>div{border-top:1px solid var(--border);grid-template-columns:1fr 1.2fr;gap:25px;padding:18px 0;font-size:.97rem;display:grid}.reference-fencing .spec-table dt{font-weight:600}.reference-fencing .spec-table dd{color:currentColor;margin:0}.reference-fencing .spec-table>div:last-child{border-bottom:1px solid var(--border)}.reference-fencing .faq-grid{grid-template-columns:.85fr 1.15fr;gap:90px;display:grid}.reference-fencing .faq-grid h2{max-width:380px;margin-bottom:25px}.reference-fencing .faq-grid .lead{max-width:335px}.reference-fencing .faqs details{border-top:1px solid var(--border)}.reference-fencing .faqs details:last-child{border-bottom:1px solid var(--border)}.reference-fencing .faqs summary{cursor:pointer;padding:23px 45px 23px 0;font-size:1.08rem;line-height:1.4;list-style:none;position:relative}.reference-fencing .faqs summary::-webkit-details-marker{display:none}.reference-fencing .faqs summary:after{content:"+";color:var(--lime-ink);font-size:1.6rem;font-weight:400;position:absolute;top:19px;right:4px}.reference-fencing .faqs details[open] summary:after{content:"−"}.reference-fencing .faqs details p{color:currentColor;padding:0 30px 25px 0;font-size:1rem;line-height:1.7}.reference-fencing .crosslink{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:40px;margin-top:70px;padding:35px 0;display:flex}.reference-fencing .crosslink h3{font-size:1.9rem}.reference-fencing .final-cta{background:var(--accent);padding:75px 0}.reference-fencing .final-cta .wrap{justify-content:space-between;align-items:center;gap:60px;display:flex}.reference-fencing .final-cta h2{max-width:640px;font-size:3.6rem}.reference-fencing .final-cta .eyebrow{color:var(--foreground)}.reference-fencing .final-cta p{max-width:580px;color:var(--foreground);margin-top:20px}.reference-fencing .final-cta .actions{flex-shrink:0;max-width:220px}.reference-fencing .final-cta .btn{width:100%}.reference-fencing .footer{background:var(--foreground);color:var(--ink-foreground);padding:65px 0 25px}.reference-fencing .footer-top{grid-template-columns:repeat(4,minmax(0,1fr));gap:65px;display:grid}.reference-fencing .footer .logo{width:175px}.reference-fencing .footer p{color:var(--ink-foreground);max-width:330px;margin-top:22px;font-size:.9rem}.reference-fencing .footer-title{letter-spacing:0;color:var(--accent);margin-bottom:20px;font-size:.76rem}.reference-fencing .footer-links{flex-direction:column;gap:11px;font-size:.9rem;display:flex}.reference-fencing .footer-bottom{border-top:1px solid var(--fencing-overlay);color:var(--foreground);justify-content:space-between;gap:20px;margin-top:50px;padding-top:25px;font-size:.76rem;display:flex}.reference-fencing dialog{background:var(--background);color:var(--ink);width:100%;max-width:min(1050px,94vw);max-height:92dvh;box-shadow:0 20px 100px var(--fencing-overlay);border:0;padding:0;overflow:auto}.reference-fencing dialog::backdrop{background:var(--fencing-overlay)}.reference-fencing .dialog-close{z-index:2;background:var(--background);width:44px;height:44px;color:var(--ink);justify-content:center;align-items:center;font-size:1.6rem;display:flex;position:absolute;top:15px;right:15px}.reference-fencing .lightbox-image{object-fit:contain;background:var(--foreground);width:100%;max-height:65dvh}.reference-fencing .lightbox-.reference-fencing{justify-content:space-between;align-items:center;gap:30px;padding:28px 35px;display:flex}.reference-fencing .lightbox-.reference-fencing h3{margin-bottom:8px;font-size:1.8rem}.reference-fencing #sample-dialog{max-width:580px;padding:45px}.reference-fencing #sample-dialog h2{margin-bottom:18px;font-size:2.7rem}.reference-fencing #sample-dialog p{color:currentColor}.reference-fencing .sample-fields{gap:20px;margin:26px 0;display:grid}.reference-fencing .sample-fields label{font-size:.87rem;font-weight:600}.reference-fencing .sample-fields select{border:1px solid var(--border);background:var(--card);border-radius:0;width:100%;margin-top:8px;padding:12px;display:block}.reference-fencing .sample-summary{background:var(--secondary);margin:20px 0;padding:18px}.reference-fencing .sample-summary strong{display:block}.reference-fencing .sample-note{margin-top:18px;font-size:.83rem}.reference-fencing .sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.reference-fencing [hidden]{display:none!important}@media (width>=1700px){.reference-fencing .hero{min-height:800px}}@media (width<=1100px){.reference-fencing .wrap{width:90%}.reference-fencing .primary-nav{gap:24px}.reference-fencing .explorer-grid{grid-template-columns:1.15fr 1fr;gap:35px}.reference-fencing .section{padding:80px 0}.reference-fencing .construction-grid,.reference-fencing .faq-grid,.reference-fencing .spec-grid{gap:55px}.reference-fencing .footer-top{gap:30px}.reference-fencing .profile-image{height:320px}.reference-fencing .jump-links{gap:17px}.reference-fencing .swatches{gap:16px 12px}.reference-fencing .product-design{gap:45px}}@media (width<=800px){.reference-fencing .utility .wrap>span{display:none}.reference-fencing .utility .wrap{justify-content:flex-end}.reference-fencing .utility-links{gap:20px}.reference-fencing .header-inner{height:82px}.reference-fencing .logo{width:160px}.reference-fencing .menu-toggle{display:block}.reference-fencing .primary-nav{background:var(--foreground);flex-direction:column;align-items:stretch;gap:7px;padding:25px 5%;display:none;position:absolute;top:82px;left:0;right:0}.reference-fencing .primary-nav.open{display:flex}.reference-fencing .hero{min-height:650px}.reference-fencing .hero-content{padding-top:160px;padding-bottom:80px}.reference-fencing .hero h1{max-width:630px;font-size:4.7rem}.reference-fencing .hero:after{background:linear-gradient(90deg,var(--fencing-hero-overlay),var(--fencing-hero-overlay)),linear-gradient(0deg,var(--fencing-hero-overlay),transparent)}.reference-fencing .hero p:not(.eyebrow){font-size:1.05rem}.reference-fencing .hero-caption{display:none}.reference-fencing .page-nav .wrap{min-height:0;display:block}.reference-fencing .page-tabs{justify-content:space-between;gap:15px}.reference-fencing .page-tabs a{padding:17px 0;font-size:.85rem}.reference-fencing .jump-links{display:none}.reference-fencing .intro-grid{grid-template-columns:1fr;gap:15px}.reference-fencing .intro-grid .lead{padding-top:0}.reference-fencing .benefit-strip{grid-template-columns:1fr 1fr;gap:0;margin-top:40px}.reference-fencing .benefit{padding:25px 15px 20px 0}.reference-fencing .benefit:not(:first-child){padding-left:20px}.reference-fencing .benefit:nth-child(3){border-left:0;border-top:1px solid var(--border);padding-left:0}.reference-fencing .benefit:nth-child(4){border-top:1px solid var(--border)}.reference-fencing .section-head{flex-direction:column;align-items:start;gap:22px;margin-bottom:32px}.reference-fencing .section-head p{max-width:620px}.reference-fencing .profile-image{height:300px}.reference-fencing .profile-info h3{font-size:2rem}.reference-fencing .explorer-grid{grid-template-columns:1fr;gap:30px}.reference-fencing .explorer-photo{aspect-ratio:1.5}.reference-fencing .explorer-controls h3{font-size:2.5rem}.reference-fencing .finish-story{min-height:0}.reference-fencing .swatches{grid-template-columns:repeat(5,1fr);gap:22px}.reference-fencing .swatch-chip{height:60px}.reference-fencing .swatch-label{min-height:0;font-size:.82rem}.reference-fencing .gallery-grid{grid-template-columns:1fr 1fr}.reference-fencing .construction-grid,.reference-fencing .faq-grid,.reference-fencing .spec-grid,.reference-fencing .product-design{grid-template-columns:1fr;gap:40px}.reference-fencing .construction h2{max-width:600px}.reference-fencing .product-design img{aspect-ratio:1.5}.reference-fencing .faq-grid h2{max-width:580px}.reference-fencing .faq-grid .lead{max-width:500px}.reference-fencing .final-cta .wrap{flex-direction:column;align-items:flex-start;gap:32px}.reference-fencing .final-cta .actions{max-width:none}.reference-fencing .final-cta .btn{width:auto}.reference-fencing .footer-top{grid-template-columns:1.5fr 1fr;gap:42px}.reference-fencing .footer-bottom{flex-direction:column}.reference-fencing .lightbox-.reference-fencing{flex-direction:column;align-items:start;gap:18px}}@media (width<=520px){.reference-fencing{font-size:16px}.reference-fencing .wrap{width:89%}.reference-fencing .utility{height:30px}.reference-fencing .utility-links{gap:22px;font-size:.65rem}.reference-fencing .hero{min-height:690px}.reference-fencing .hero.product{min-height:650px}.reference-fencing .hero-content{padding-top:140px;padding-bottom:64px}.reference-fencing .hero h1{letter-spacing:0;font-size:3.25rem}.reference-fencing .hero .eyebrow{font-size:.72rem}.reference-fencing .hero .actions{flex-direction:column;align-items:stretch;max-width:270px}.reference-fencing .section{padding:62px 0}.reference-fencing .eyebrow{margin-bottom:16px}.reference-fencing h2{font-size:2.55rem}.reference-fencing .benefit strong{font-size:1.05rem}.reference-fencing .benefit p{font-size:.88rem}.reference-fencing .benefit:not(:first-child){padding-left:16px}.reference-fencing .benefit:nth-child(3){padding-left:0}.reference-fencing .profiles{grid-template-columns:1fr;gap:38px}.reference-fencing .profile-image{height:285px}.reference-fencing .profile-info{padding-top:22px}.reference-fencing .profile-info p{font-size:.98rem}.reference-fencing .explorer-photo{aspect-ratio:1.15}.reference-fencing .image-note{font-size:.7rem;bottom:12px;left:12px}.reference-fencing .photo-caption{flex-direction:column;gap:2px}.reference-fencing .swatches{grid-template-columns:repeat(3,1fr);gap:20px 12px}.reference-fencing .swatch-chip{height:49px}.reference-fencing .swatch-label{font-size:.82rem}.reference-fencing .sample-action{gap:17px}.reference-fencing .gallery-tools{align-items:flex-start}.reference-fencing .filter-buttons{gap:19px}.reference-fencing .filter-buttons button{font-size:.86rem}.reference-fencing .gallery-tools select{max-width:115px;padding-top:15px;font-size:.8rem}.reference-fencing .gallery-grid{grid-template-columns:1fr;gap:30px}.reference-fencing .gallery-card .gallery-img{aspect-ratio:1.4}.reference-fencing .gallery-bottom{flex-direction:column;align-items:start;gap:20px}.reference-fencing .spec-table>div{grid-template-columns:1fr 1.2fr;gap:20px;font-size:.9rem}.reference-fencing .construction-step{grid-template-columns:27px 1fr;gap:12px}.reference-fencing .faqs summary{font-size:1rem}.reference-fencing .crosslink{flex-direction:column;align-items:start;margin-top:45px}.reference-fencing .final-cta{padding:60px 0}.reference-fencing .final-cta .actions{flex-direction:column;width:100%;max-width:270px}.reference-fencing .footer-top{grid-template-columns:1fr 1fr;gap:35px 24px}.reference-fencing .footer-top>div:first-child,.reference-fencing .footer-top>div:last-child{grid-column:1/-1}.reference-fencing .footer-title{margin-bottom:16px}.reference-fencing #sample-dialog{padding:35px 25px}.reference-fencing .lightbox-.reference-fencing{padding:23px}.reference-fencing .page-tabs{gap:10px}.reference-fencing .page-tabs a{font-size:.79rem}.reference-fencing .segmented button{padding:10px 16px}}@media (prefers-reduced-motion:reduce){.reference-fencing{scroll-behavior:auto}.reference-fencing *{transition:none!important}}.reference-fencing .preview-switch{width:100%;margin-bottom:18px}.reference-fencing .preview-switch button{flex:1;min-height:46px}.reference-fencing .explorer-photo.board-preview{background:var(--card);border:1px solid var(--border)}.reference-fencing .explorer-photo.board-preview>img{object-fit:contain;width:100%;height:100%;padding:18px 20px 35px}.reference-fencing .board-colour-label{margin:25px 0 13px;font-size:.85rem;font-weight:600}.reference-fencing .swatches.board-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:21px 15px;margin:0 0 22px}.reference-fencing .board-options .swatch-chip{aspect-ratio:.84;background:var(--card);border:1px solid var(--border);height:auto;margin-bottom:10px;overflow:visible}.reference-fencing .board-options .swatch-chip img{object-fit:contain;width:100%;height:100%;transition:transform .25s}.reference-fencing .board-options .swatch:hover img{transform:scale(1.06)}.reference-fencing .board-options .swatch-label{min-height:1.25em;font-size:.85rem;line-height:1.25}.reference-fencing .board-options .swatch[aria-pressed=true] .swatch-chip{outline-offset:3px}.reference-fencing .additional-finish{color:currentColor;flex-wrap:wrap;align-items:center;gap:5px 10px;margin-top:8px;font-size:.8rem;display:flex}.reference-fencing .additional-finish button{color:var(--ink);background:0 0;padding:5px 0;font-size:.8rem}.reference-fencing .additional-finish button[aria-pressed=true]{color:var(--lime-ink);border-bottom-width:2px}.reference-fencing .board-unavailable{background:var(--card)}.reference-fencing .board-unavailable p{max-width:35ch}.reference-fencing .board-unavailable .eyebrow{margin-bottom:0}.reference-fencing .board-unavailable .btn{margin-top:12px}.reference-fencing .board-dialog-image{background:var(--card);justify-content:center;align-items:center;padding:35px 30px 15px;display:flex}.reference-fencing .board-dialog-image img{object-fit:contain;max-width:100%;height:62dvh;max-height:760px}.reference-fencing #board-dialog{max-width:min(900px,94vw)}.reference-fencing #board-dialog .lightbox-.reference-fencing{border-top:1px solid var(--border)}@media (width<=1100px){.reference-fencing .swatches.board-options{gap:20px 12px}.reference-fencing .board-options .swatch-label{font-size:.8rem}.reference-fencing .board-options .swatch-chip{aspect-ratio:.75}}@media (width<=800px){.reference-fencing .explorer-photo.board-preview{aspect-ratio:1.3}.reference-fencing .swatches.board-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px}.reference-fencing .board-options .swatch-chip{aspect-ratio:1}.reference-fencing .board-options .swatch-label{font-size:.88rem}.reference-fencing .preview-switch{margin-bottom:15px}}@media (width<=520px){.reference-fencing .explorer-photo.board-preview{aspect-ratio:1.04}.reference-fencing .explorer-photo.board-preview>img{padding:10px 14px 30px}.reference-fencing .swatches.board-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:21px 12px}.reference-fencing .board-options .swatch-chip{aspect-ratio:.65}.reference-fencing .board-options .swatch-label{min-height:2.5em;font-size:.82rem}.reference-fencing .preview-switch button{padding:12px 10px;font-size:.85rem}.reference-fencing .board-dialog-image{padding:45px 15px 15px}.reference-fencing .board-dialog-image img{height:52dvh}.reference-fencing .additional-finish{font-size:.8rem}}.reference-fencing .header .logo,.reference-fencing .footer .logo{mix-blend-mode:normal;object-fit:contain;width:240px;height:auto;max-height:none;display:block}.reference-fencing .header-inner>a:first-child{flex-shrink:0;display:block}@media (width<=1000px){.reference-fencing .header .logo{width:210px}}@media (width<=480px){.reference-fencing .header .logo{width:188px}.reference-fencing .footer .logo{width:220px}}.reference-fencing .advantages{position:relative}.reference-fencing .advantages .section-anchor{position:absolute;top:0;left:0}.reference-fencing .advantage-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:70px;display:grid}.reference-fencing .advantages .advantage-intro .eyebrow{letter-spacing:0;max-width:390px;font-size:.8rem;line-height:1.6}.reference-fencing .advantages h2{letter-spacing:0;max-width:530px;margin-bottom:25px;font-size:4.2rem;line-height:1.08}.reference-fencing .advantages h2 span{color:var(--accent)}.reference-fencing .advantages .lead{max-width:390px;margin-bottom:32px;line-height:1.65}.reference-fencing .advantage-intro>.btn{border-color:var(--secondary);color:var(--ink-foreground);min-height:48px}.reference-fencing .advantage-grid{gap:22px;display:grid}.reference-fencing .advantage-card{background:var(--background);color:var(--ink);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);min-width:0;min-height:235px;display:grid;overflow:hidden}.reference-fencing .advantage-image{background:var(--card);justify-content:center;align-items:center;min-width:0;padding:34px 14px 25px;display:flex;position:relative}.reference-fencing .advantage-number{color:var(--lime-ink);letter-spacing:0;font-size:.8rem;font-weight:600;position:absolute;top:18px;left:20px}.reference-fencing .advantage-drawing{width:100%;max-width:240px;height:auto;display:block;overflow:hidden}.reference-fencing .advantage-copy{flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;padding:31px 30px 29px 24px;display:flex}.reference-fencing .advantage-copy h3{letter-spacing:0;margin-bottom:13px;font-size:1.55rem;line-height:1.2}.reference-fencing .advantage-copy p{color:currentColor;margin-bottom:21px;font-size:1rem;line-height:1.65}.reference-fencing .advantage-result{border-top:2px solid var(--secondary);max-width:100%;color:var(--lime-ink);padding-top:13px;font-size:.875rem;font-weight:600;line-height:1.45;display:block}.reference-fencing .jump-links a{white-space:nowrap}@media (width<=1180px){.reference-fencing .page-nav .jump-links{display:none}.reference-fencing .advantage-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:42px}.reference-fencing .advantage-copy{padding:28px 24px 26px 20px}.reference-fencing .advantages h2{font-size:3.25rem}}@media (width<=1000px){.reference-fencing .advantage-layout{grid-template-columns:1fr;gap:38px}.reference-fencing .advantage-intro,.reference-fencing .advantages h2{max-width:600px}.reference-fencing .advantages .lead{max-width:570px}.reference-fencing .advantage-card{grid-template-columns:minmax(180px,.65fr) minmax(0,1.35fr);min-height:220px}.reference-fencing .advantage-copy{padding:30px}.reference-fencing .advantage-image{padding:35px 20px 25px}.reference-fencing .advantage-drawing{max-width:235px}}@media (width<=520px){.reference-fencing .advantages h2{font-size:2.75rem}.reference-fencing .advantages .advantage-intro .eyebrow{max-width:290px;font-size:.8rem}.reference-fencing .advantage-layout{gap:32px}.reference-fencing .advantage-grid{gap:22px}.reference-fencing .advantage-card{grid-template-columns:1fr}.reference-fencing .advantage-image{height:175px;padding:30px 45px 18px}.reference-fencing .advantage-drawing{width:auto;max-width:100%;height:100%}.reference-fencing .advantage-number{top:17px;left:24px}.reference-fencing .advantage-copy{padding:25px}.reference-fencing .advantage-copy h3{font-size:1.55rem}.reference-fencing .advantage-copy p{margin-bottom:19px}.reference-fencing .advantage-result{font-size:.875rem}.reference-fencing .advantage-intro>.btn{font-size:.8rem}}.reference-fencing .trims-section{border-top:1px solid var(--border);background:var(--background)}.reference-fencing .trim-section-meta{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.reference-fencing .trim-finish{color:currentColor;align-items:center;gap:10px;font-size:.88rem;display:inline-flex}.reference-fencing .trim-finish>span{background:var(--border);border:1px solid var(--fencing-overlay);width:24px;height:24px;display:block}.reference-fencing .trim-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.reference-fencing .trim-card{text-align:left;color:inherit;border:1px solid var(--border);background:0 0;flex-direction:column;padding:0;transition:border-color .2s;display:flex}.reference-fencing .trim-card:hover{border-color:var(--lime-ink)}.reference-fencing .trim-card-image{background:var(--card);aspect-ratio:1.35;width:100%;position:relative;overflow:hidden}.reference-fencing .trim-card-image img{object-fit:contain;width:100%;height:100%;transition:transform .4s}.reference-fencing .trim-card:hover img{transform:scale(1.035)}.reference-fencing .trim-card-number{color:currentColor;font-size:.75rem;position:absolute;top:14px;left:16px}.reference-fencing .trim-card-.reference-fencing{flex-direction:column;flex:1;align-items:flex-start;padding:22px 20px;display:flex}.reference-fencing .trim-card h3{letter-spacing:0;margin-bottom:8px;font-size:1.2rem;line-height:1.25}.reference-fencing .trim-card p{color:currentColor;margin-bottom:22px;font-size:.85rem}.reference-fencing .trim-view{border-bottom:1px solid;margin-top:auto;padding-bottom:3px;font-size:.82rem;font-weight:600;display:inline-block}.reference-fencing .trim-section-bottom{justify-content:space-between;align-items:center;gap:50px;margin-top:35px;display:flex}.reference-fencing .trim-section-bottom p{max-width:650px}.reference-fencing .trim-section-bottom .btn{flex-shrink:0}.reference-fencing #trim-dialog{max-width:min(1100px,94vw)}.reference-fencing .trim-dialog-grid{grid-template-columns:1.2fr 1fr;min-height:480px;display:grid}.reference-fencing .trim-dialog-image{background:var(--card);justify-content:center;align-items:center;min-width:0;padding:25px;display:flex}.reference-fencing .trim-dialog-image img{object-fit:contain;width:100%;max-height:65dvh}.reference-fencing .trim-dialog-.reference-fencing{flex-direction:column;align-items:flex-start;padding:62px 40px 45px;display:flex}.reference-fencing .trim-dialog-.reference-fencing h2{margin-bottom:24px;font-size:2.5rem}.reference-fencing .trim-dialog-.reference-fencing>.trim-finish{margin-bottom:25px}.reference-fencing .trim-dialog-.reference-fencing #trim-dialog-description{margin-bottom:22px;font-size:1.02rem}.reference-fencing .trim-dialog-.reference-fencing>.btn{margin-top:30px}.reference-fencing .trim-dialog-.reference-fencing>.eyebrow{margin-bottom:17px}@media (width<=1100px){.reference-fencing .trim-grid{gap:18px}.reference-fencing .trim-card-.reference-fencing{padding:20px 15px}.reference-fencing .trim-card h3{font-size:1.08rem}}@media (width<=950px){.reference-fencing .page-nav .jump-links{display:none}.reference-fencing .trim-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-fencing .trim-dialog-grid{grid-template-columns:1fr}.reference-fencing .trim-dialog-image{padding:10px 35px}.reference-fencing .trim-dialog-image img{height:38dvh}.reference-fencing .trim-dialog-.reference-fencing{padding:30px 35px 40px}.reference-fencing .trim-dialog-.reference-fencing h2{margin-bottom:20px}.reference-fencing .trim-section-bottom{gap:25px}}@media (width<=520px){.reference-fencing .trim-grid{gap:18px 12px}.reference-fencing .trim-card-.reference-fencing{padding:16px 13px}.reference-fencing .trim-card h3{font-size:1rem;line-height:1.3}.reference-fencing .trim-card p{margin-bottom:18px;font-size:.8rem}.reference-fencing .trim-card-image{aspect-ratio:1.05}.reference-fencing .trim-card-number{top:10px;left:10px}.reference-fencing .trim-card-image img{transform:scale(1.12)}.reference-fencing .trim-card:hover img{transform:scale(1.16)}.reference-fencing .trim-section-meta{align-items:flex-start;gap:20px}.reference-fencing .trim-section-meta>p{text-align:right;max-width:150px;font-size:.8rem}.reference-fencing .trim-section-bottom{flex-direction:column;align-items:flex-start;gap:23px}.reference-fencing .trim-dialog-.reference-fencing{padding:25px}.reference-fencing .trim-dialog-.reference-fencing h2{font-size:2.15rem}.reference-fencing .trim-dialog-image{padding:20px}.reference-fencing .trim-dialog-image img{height:31dvh}.reference-fencing .trim-dialog-.reference-fencing>.btn{width:100%}}.reference-fencing .material-story .intro-grid{grid-template-columns:1.25fr 1fr;align-items:center;gap:70px}.reference-fencing .material-story .intro-grid h2{max-width:690px;font-size:3.7rem;line-height:1.1}.reference-fencing .material-story .intro-grid h2 span{color:var(--lime-ink)}.reference-fencing .material-story .intro-grid .lead{max-width:440px;padding-top:22px}.reference-fencing .material-story .lead strong{font-weight:inherit;color:var(--ink)}.reference-fencing .material-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);align-items:stretch;gap:60px;margin-top:48px;display:grid}.reference-fencing .core-card{background:var(--secondary);border-top:3px solid var(--lime-ink);padding:34px 36px 30px}.reference-fencing .core-card .eyebrow{letter-spacing:0;margin-bottom:18px;font-size:.8rem}.reference-fencing .core-card h3{letter-spacing:0;font-size:1.95rem;line-height:1.15}.reference-fencing .core-composition{margin:25px 0 23px}.reference-fencing .core-composition>div{border-bottom:1px solid var(--secondary);grid-template-columns:96px minmax(0,1fr);align-items:center;gap:15px;padding:14px 0;display:grid}.reference-fencing .core-composition>div:first-child{border-top:1px solid var(--secondary)}.reference-fencing .core-composition dt{color:var(--foreground);grid-area:1/2;font-size:.95rem;line-height:1.45}.reference-fencing .core-composition dd{letter-spacing:0;color:var(--foreground);font-variant-numeric:tabular-nums;grid-area:1/1;margin:0;font-size:2.55rem;font-weight:500;line-height:1}.reference-fencing .core-composition dd span{letter-spacing:0;margin-left:3px;font-size:1.2rem}.reference-fencing .core-note{color:var(--foreground);font-size:1rem;line-height:1.6}.reference-fencing .material-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 42px;display:grid}.reference-fencing .material-benefit{border-bottom:1px solid var(--border);padding:12px 0 30px}.reference-fencing .material-benefit:nth-child(n+3){border-bottom:0;padding-top:28px;padding-bottom:4px}.reference-fencing .material-icon{width:42px;height:42px;color:var(--lime-ink);justify-content:center;align-items:center;margin-bottom:20px;display:flex}.reference-fencing .material-icon svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:34px;height:34px}.reference-fencing .material-benefit h3{letter-spacing:0;margin-bottom:13px;font-size:1.45rem;line-height:1.2}.reference-fencing .material-benefit p{color:currentColor;font-size:1rem;line-height:1.65}@media (width<=1100px){.reference-fencing .material-story .intro-grid{gap:40px}.reference-fencing .material-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:35px}.reference-fencing .core-card{padding:30px 26px}.reference-fencing .core-composition>div{grid-template-columns:80px minmax(0,1fr);gap:10px}.reference-fencing .material-benefits{gap:0 28px}.reference-fencing .material-benefit h3{font-size:1.3rem}}@media (width<=800px){.reference-fencing .material-story .intro-grid{grid-template-columns:1fr;gap:22px}.reference-fencing .material-story .intro-grid .lead{max-width:600px;padding-top:0}.reference-fencing .material-layout{grid-template-columns:1fr;gap:30px;margin-top:35px}.reference-fencing .core-card{padding:30px}.reference-fencing .core-composition{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:25px 0 20px;display:grid}.reference-fencing .core-composition>div{border-top:1px solid var(--secondary);flex-direction:column;align-items:flex-start;gap:12px;padding:18px 0;display:flex}.reference-fencing .core-composition dd{order:-1}.reference-fencing .core-composition dt{font-size:.95rem}.reference-fencing .core-note{max-width:550px}.reference-fencing .material-benefits{gap:0 35px}.reference-fencing .material-benefit{padding-top:15px}.reference-fencing .material-benefit h3{font-size:1.45rem}}@media (width<=520px){.reference-fencing .material-story .intro-grid h2{font-size:2.55rem}.reference-fencing .core-card{padding:27px 25px}.reference-fencing .core-card h3{font-size:1.85rem}.reference-fencing .core-composition{margin:23px 0 20px;display:block}.reference-fencing .core-composition>div{border-top:0;grid-template-columns:82px minmax(0,1fr);gap:14px;padding:15px 0;display:grid}.reference-fencing .core-composition dd{font-size:2.4rem}.reference-fencing .core-composition dt{font-size:1rem}.reference-fencing .material-benefits{grid-template-columns:1fr;gap:0}.reference-fencing .material-benefit,.reference-fencing .material-benefit:nth-child(n+3){border-bottom:1px solid var(--border);grid-template-columns:36px minmax(0,1fr);column-gap:18px;padding:25px 0;display:grid}.reference-fencing .material-benefit:last-child{border-bottom:0;padding-bottom:0}.reference-fencing .material-icon{grid-area:1/1;width:36px;height:32px;margin:0}.reference-fencing .material-icon svg{width:30px;height:30px}.reference-fencing .material-benefit h3{grid-area:1/2;margin:2px 0 12px;font-size:1.4rem}.reference-fencing .material-benefit p{grid-column:2;font-size:1rem}}.reference-fencing .buying-section{background:var(--secondary);border-top:1px solid var(--border)}.reference-fencing .buying-section .section-head{align-items:center}.reference-fencing .buying-section .section-head .lead{max-width:430px}.reference-fencing .buying-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.reference-fencing .buying-option{background:var(--background);border:1px solid var(--border);grid-template-columns:54px minmax(0,1fr);gap:24px;padding:36px;transition:border-color .2s,background .2s;display:grid}.reference-fencing .buying-option:hover{border-color:var(--lime-ink);background:var(--card)}.reference-fencing .buying-icon{color:var(--lime-ink);background:var(--secondary);justify-content:center;align-items:center;width:54px;height:54px;display:flex}.reference-fencing .buying-icon svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:38px;height:38px}.reference-fencing .buying-option h3{letter-spacing:0;margin:2px 0 14px;font-size:1.7rem;line-height:1.2}.reference-fencing .buying-option p{color:currentColor;max-width:370px;font-size:1rem;line-height:1.65}.reference-fencing .buying-link{border-top:1px solid var(--border);color:var(--lime-ink);justify-content:space-between;align-items:center;gap:20px;margin-top:27px;padding-top:18px;font-size:.95rem;font-weight:600;display:flex}.reference-fencing .buying-link>span{font-size:1.3rem;line-height:1}.reference-fencing .buying-help{justify-content:space-between;align-items:center;gap:35px;margin-top:32px;display:flex}.reference-fencing .buying-help h3{letter-spacing:0;margin-bottom:5px;font-size:1.15rem;line-height:1.35}.reference-fencing .buying-help p{color:currentColor;font-size:1rem}.reference-fencing .buying-help .btn{flex-shrink:0}.reference-fencing .professionals-section{background:var(--foreground);color:var(--background)}.reference-fencing .professionals-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:80px;display:grid}.reference-fencing .professionals-copy .eyebrow{color:var(--accent)}.reference-fencing .professionals-copy h2{max-width:530px;margin-bottom:24px}.reference-fencing .professionals-copy .lead{color:var(--ink-foreground);max-width:460px}.reference-fencing .professional-links{border-top:1px solid var(--fencing-overlay);margin-top:31px}.reference-fencing .professional-links>a{border-bottom:1px solid var(--fencing-overlay);justify-content:space-between;align-items:center;gap:20px;padding:23px 0;display:flex}.reference-fencing .professional-links h3{letter-spacing:0;margin-bottom:8px;font-size:1.35rem;line-height:1.25}.reference-fencing .professional-links p{color:var(--ink-foreground);max-width:380px;font-size:1rem;line-height:1.55}.reference-fencing .professional-links>a>span{color:var(--accent);flex-shrink:0;font-size:1.6rem;line-height:1}.reference-fencing .professional-links>a:hover h3{color:var(--accent)}.reference-fencing .professional-inspiration{border-bottom:1px solid var(--secondary);align-items:center;gap:20px;margin-top:25px;padding:7px 0;font-size:.95rem;font-weight:600;display:inline-flex}.reference-fencing .professional-inspiration>span{color:var(--accent)}.reference-fencing .professionals-image{min-width:0;position:relative}.reference-fencing .professionals-image>img{object-fit:cover;object-position:center;width:100%;height:510px}.reference-fencing .professionals-image figcaption{color:var(--ink-foreground);flex-wrap:wrap;justify-content:space-between;gap:5px 15px;margin-top:14px;font-size:.875rem;line-height:1.45;display:flex}.reference-fencing .professionals-image small{color:var(--ink-foreground);font-size:.8rem}@media (width<=1100px){.reference-fencing .buying-option{grid-template-columns:46px minmax(0,1fr);gap:20px;padding:30px}.reference-fencing .buying-icon{width:46px;height:46px}.reference-fencing .buying-icon svg{width:32px;height:32px}.reference-fencing .buying-option h3{font-size:1.5rem}.reference-fencing .professionals-layout{gap:45px}.reference-fencing .professionals-image>img{height:520px}}@media (width<=800px){.reference-fencing .buying-section .section-head{align-items:flex-start}.reference-fencing .buying-section .section-head .lead{max-width:600px}.reference-fencing .buying-options{grid-template-columns:1fr;gap:20px}.reference-fencing .buying-option{grid-template-columns:54px minmax(0,1fr);gap:25px}.reference-fencing .buying-option p{max-width:550px}.reference-fencing .buying-icon{width:54px;height:54px}.reference-fencing .buying-icon svg{width:38px;height:38px}.reference-fencing .buying-option h3{font-size:1.7rem}.reference-fencing .professionals-layout{grid-template-columns:1fr;gap:38px}.reference-fencing .professionals-copy h2{max-width:620px}.reference-fencing .professionals-copy .lead,.reference-fencing .professional-links p{max-width:600px}.reference-fencing .professionals-image>img{aspect-ratio:1.5;height:auto}.reference-fencing .professionals-image figcaption{margin-top:12px}}@media (width<=520px){.reference-fencing .buying-option{grid-template-columns:1fr;gap:21px;padding:26px}.reference-fencing .buying-option h3{font-size:1.55rem}.reference-fencing .buying-option p{font-size:1rem}.reference-fencing .buying-link{margin-top:23px;padding-top:17px}.reference-fencing .buying-help{flex-direction:column;align-items:flex-start;gap:22px;margin-top:28px}.reference-fencing .buying-help h3{font-size:1.1rem}.reference-fencing .buying-help p{font-size:1rem}.reference-fencing .professionals-copy h2{font-size:2.65rem}.reference-fencing .professional-links{margin-top:26px}.reference-fencing .professional-links>a{padding:22px 0}.reference-fencing .professional-links h3{font-size:1.3rem}.reference-fencing .professional-links p{font-size:1rem}.reference-fencing .professional-inspiration{font-size:.9rem}.reference-fencing .professionals-image>img{aspect-ratio:1.15}.reference-fencing .professionals-image figcaption{flex-direction:column;font-size:.875rem}}.reference-fencing .journal-section{background:var(--background)}.reference-fencing .journal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;display:grid}.reference-fencing .journal-card{color:var(--ink);text-align:left;background:0 0;flex-direction:column;min-width:0;padding:0;display:flex}.reference-fencing .journal-card-image{aspect-ratio:1.4;background:var(--secondary);width:100%;position:relative;overflow:hidden}.reference-fencing .journal-card-image>img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.reference-fencing .journal-card:hover .journal-card-image>img{transform:scale(1.035)}.reference-fencing .journal-image-note{background:var(--fencing-overlay);color:var(--foreground);padding:4px 8px;font-size:.75rem;line-height:1.35;position:absolute;bottom:12px;left:14px}.reference-fencing .journal-card-copy{flex-direction:column;flex:1;align-items:flex-start;width:100%;padding:25px 0 0;display:flex}.reference-fencing .journal-category{text-transform:uppercase;letter-spacing:0;color:var(--lime-ink);font-size:.8rem;font-weight:600;line-height:1.5}.reference-fencing .journal-card h3{letter-spacing:0;margin:12px 0 14px;font-size:1.65rem;line-height:1.18}.reference-fencing .journal-card p{color:currentColor;margin-bottom:24px;font-size:1rem;line-height:1.6}.reference-fencing .journal-read{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;width:100%;margin-top:auto;padding-top:17px;font-size:.9rem;font-weight:600;display:flex}.reference-fencing .journal-read>span{color:var(--lime-ink);font-size:1.35rem}.reference-fencing .journal-card:hover .journal-read{color:var(--lime-ink)}.reference-fencing #article-dialog{max-width:min(900px,94vw)}.reference-fencing .article-image{object-fit:cover;width:100%;height:310px;max-height:40dvh}.reference-fencing .article-.reference-fencing{padding:38px 55px 45px}.reference-fencing .article-.reference-fencing h2{max-width:680px;margin:12px 0 15px;font-size:3rem;line-height:1.13}.reference-fencing .article-image-caption{color:currentColor;margin-bottom:30px;font-size:.8rem}.reference-fencing .article-content{max-width:680px}.reference-fencing .article-content p{color:var(--foreground);margin-bottom:20px;font-size:1.05rem;line-height:1.8}.reference-fencing .article-content h3{letter-spacing:0;margin:27px 0 12px;font-size:1.4rem;line-height:1.3}.reference-fencing .article-.reference-fencing>.btn{margin-top:14px}.reference-fencing .newsletter-section{background:var(--foreground);color:var(--background);border-bottom:1px solid var(--fencing-overlay);padding:76px 0}.reference-fencing .newsletter-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:85px;display:grid}.reference-fencing .newsletter-section .eyebrow{color:var(--accent)}.reference-fencing .newsletter-section h2{margin-bottom:22px;font-size:3.4rem;line-height:1.1}.reference-fencing .newsletter-section .lead{color:var(--ink-foreground);max-width:430px}.reference-fencing .newsletter-email-label{margin-bottom:12px;font-size:1rem;font-weight:500;display:block}.reference-fencing .newsletter-entry{align-items:stretch;gap:0;display:flex}.reference-fencing .newsletter-entry input{border:1px solid var(--secondary);background:var(--card);width:100%;min-width:0;color:var(--ink);border-radius:0;min-height:56px;padding:16px 18px;font-size:1rem}.reference-fencing .newsletter-entry input::placeholder{color:var(--foreground)}.reference-fencing .newsletter-entry .btn{white-space:nowrap;flex-shrink:0;gap:14px;padding:16px 20px}.reference-fencing .newsletter-entry .btn>span{font-size:1.2rem;line-height:1}.reference-fencing .newsletter-consent{color:var(--ink-foreground);cursor:pointer;align-items:flex-start;gap:12px;margin-top:20px;font-size:.9rem;line-height:1.6;display:flex}.reference-fencing .newsletter-consent input{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0;margin:3px 0 0}.reference-fencing .newsletter-form input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.reference-fencing .newsletter-note{color:var(--ink-foreground);max-width:520px;margin-top:15px;font-size:.875rem;line-height:1.6}.reference-fencing .newsletter-status{color:var(--ink-foreground);border-left:3px solid var(--accent);background:var(--fencing-overlay);margin-top:20px;padding:16px 18px;font-size:.95rem;line-height:1.6}.reference-fencing .newsletter-status a{color:var(--accent);text-underline-offset:3px;margin-top:5px;text-decoration:underline;display:inline-block}@media (width<=1100px){.reference-fencing .journal-grid{gap:24px}.reference-fencing .journal-card h3{font-size:1.5rem}.reference-fencing .newsletter-layout{gap:48px}.reference-fencing .newsletter-entry .btn{gap:10px;padding:16px 15px;font-size:.8rem}}@media (width<=800px){.reference-fencing .journal-grid{grid-template-columns:1fr;gap:32px}.reference-fencing .journal-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;display:grid}.reference-fencing .journal-card-image{aspect-ratio:1.2;height:100%;min-height:245px}.reference-fencing .journal-card-copy{padding:0}.reference-fencing .journal-card h3{font-size:1.6rem}.reference-fencing .newsletter-layout{grid-template-columns:1fr;gap:32px}.reference-fencing .newsletter-section .lead{max-width:550px}.reference-fencing .newsletter-entry .btn{padding:16px 23px;font-size:.85rem}.reference-fencing .article-.reference-fencing{padding:32px 35px 40px}}@media (width<=520px){.reference-fencing .journal-grid{gap:36px}.reference-fencing .journal-card{gap:0;display:flex}.reference-fencing .journal-card-image{aspect-ratio:1.4;height:auto;min-height:0}.reference-fencing .journal-card-copy{padding-top:22px}.reference-fencing .journal-card h3{font-size:1.6rem}.reference-fencing .journal-card p{margin-bottom:20px}.reference-fencing .article-image{height:210px;max-height:30dvh}.reference-fencing .article-.reference-fencing{padding:28px 25px 32px}.reference-fencing .article-.reference-fencing h2{font-size:2rem}.reference-fencing .article-content p{font-size:1rem;line-height:1.75}.reference-fencing .article-content h3{font-size:1.3rem}.reference-fencing .newsletter-section{padding:60px 0}.reference-fencing .newsletter-section h2{font-size:2.6rem}.reference-fencing .newsletter-entry{flex-direction:column;gap:12px}.reference-fencing .newsletter-entry .btn{width:100%;min-height:52px}.reference-fencing .newsletter-consent{font-size:.9rem}.reference-fencing .newsletter-note{font-size:.875rem}}.reference-fencing .siding-download-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.reference-fencing .siding-download-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-fencing .siding-download-card{background:var(--secondary);border:1px solid var(--border);flex-direction:column;align-items:flex-start;min-width:0;padding:32px;display:flex}.reference-fencing .siding-download-type{letter-spacing:0;color:var(--lime-ink);margin-bottom:24px;font-size:.72rem;font-weight:700}.reference-fencing .siding-download-card h3{margin-bottom:18px;font-size:1.8rem;line-height:1.15}.reference-fencing .siding-download-card p{color:currentColor;margin-bottom:26px;font-size:.95rem}.reference-fencing .siding-download-meta{color:currentColor;margin-top:auto;margin-bottom:16px;font-size:.8rem}.reference-fencing .siding-download-card .btn{gap:18px}.reference-fencing .siding-spec-downloads{flex-direction:column;align-items:flex-start;gap:14px;margin-top:25px;display:flex}@media (width<=1100px) and (width>=801px){.reference-fencing .siding-page-nav .wrap{flex-wrap:wrap;gap:0}.reference-fencing .siding-page-nav .page-tabs,.reference-fencing .siding-page-nav .jump-links{justify-content:center;width:100%}.reference-fencing .siding-page-nav .jump-links{flex-wrap:wrap;padding:0 0 14px}.reference-fencing .siding-download-card{padding:25px}}@media (width<=800px){.reference-fencing .siding-download-grid,.reference-fencing .siding-download-grid-four{grid-template-columns:1fr}.reference-fencing .siding-download-card{padding:28px}.reference-fencing .siding-download-card h3{font-size:1.7rem}}.reference-fencing{background:var(--card)}.reference-fencing .page-nav{background:var(--fencing-overlay)}.reference-fencing .hero{min-height:730px}.reference-fencing .hero-img{object-position:60% 51%}.reference-fencing .fence-overview-hero .hero-img{object-position:center top;filter:none}.reference-fencing .hero:after{background:linear-gradient(90deg,var(--fencing-hero-overlay) 0%,var(--fencing-hero-overlay) 48%,var(--fencing-hero-overlay) 100%),linear-gradient(0deg,var(--fencing-hero-overlay),transparent 70%)}.reference-fencing .hero.fence-overview-hero:after{background:linear-gradient(90deg,var(--fencing-hero-overlay),var(--fencing-hero-overlay) 50%,var(--fencing-hero-overlay) 80%),linear-gradient(0deg,var(--fencing-hero-overlay),transparent 45%)}.reference-fencing .fence-overview-hero h1,.reference-fencing .fence-overview-hero .hero-content>p{text-shadow:0 2px 10px var(--fencing-overlay)}@media (width<=800px){.reference-fencing .hero.fence-overview-hero:after{background:linear-gradient(90deg,var(--fencing-hero-overlay),var(--fencing-hero-overlay))}.reference-fencing .hero-content:before{content:"";z-index:-1;background:radial-gradient(68% 86% at 16% 64%,color-mix(in srgb,var(--ink) 50%,transparent),color-mix(in srgb,var(--ink) 22%,transparent) 48%,transparent 70%);position:absolute;inset:-18px -20px}.reference-fencing .hero.fence-overview-hero .hero-content>p{text-shadow:0 1px 6px var(--fencing-overlay),0 3px 16px var(--fencing-overlay)}}.reference-fencing .hero h1{max-width:880px;font-size:6.1rem}.reference-fencing .hero p:not(.eyebrow){max-width:525px}.reference-fencing .hero-caption{text-shadow:0 1px 8px var(--fencing-overlay);background:0 0;align-items:center;gap:10px;padding:0;display:flex}.reference-fencing .hero-caption:before{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px;display:block}.reference-fencing .fence-nav-label{white-space:nowrap;font-size:.85rem;font-weight:700}.reference-fencing .collection-section{background:var(--card);padding-top:85px}.reference-fencing .collection-grid{grid-template-columns:1fr 1fr;gap:28px;display:grid}.reference-fencing .collection-card{background:var(--background);border:1px solid var(--border);min-width:0}.reference-fencing .collection-card.supreme{border-top:3px solid var(--lime-ink)}.reference-fencing .collection-card.classic{border-top:3px solid var(--ink)}.reference-fencing .collection-photo{background:var(--secondary);aspect-ratio:1.5;text-align:left;width:100%;padding:0;display:block;position:relative;overflow:hidden}.reference-fencing .collection-photo>img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.reference-fencing .collection-photo:hover>img{transform:scale(1.035)}.reference-fencing .collection-badge{background:var(--background);color:var(--ink);padding:6px 12px;font-size:.75rem;position:absolute;top:20px;left:20px}.reference-fencing .collection-photo-link{background:var(--fencing-overlay);color:var(--card);padding:6px 12px;font-size:.75rem;position:absolute;bottom:18px;right:18px}.reference-fencing .collection-copy{padding:35px}.reference-fencing .collection-copy .eyebrow{margin-bottom:12px;font-size:.7rem}.reference-fencing .collection-copy h3{margin-bottom:22px;font-size:3.3rem}.reference-fencing .collection-headline{margin-bottom:12px;font-size:1.16rem;font-weight:600}.reference-fencing .collection-description{color:currentColor;min-height:100px;font-size:.97rem}.reference-fencing .collection-copy ul{margin:26px 0 30px;padding:0;list-style:none}.reference-fencing .collection-copy li{border-top:1px solid var(--border);padding:12px 0 12px 23px;font-size:.85rem;position:relative}.reference-fencing .collection-copy li:before{content:"✓";color:var(--lime-ink);position:absolute;left:0}.reference-fencing .collection-copy .actions{align-items:center;gap:15px 22px}.reference-fencing .collection-copy .btn{padding:14px 18px;font-size:.74rem}.reference-fencing .collection-copy .text-link{font-size:.77rem}.reference-fencing .collection-caption{color:currentColor;margin-top:26px;font-size:.73rem}.reference-fencing .collection-comparison{margin-top:60px}.reference-fencing .collection-comparison h3{margin-bottom:27px;font-size:2rem}.reference-fencing .collection-table-scroll{overflow-x:auto}.reference-fencing .collection-table-scroll table{border-collapse:collapse;text-align:left;table-layout:fixed;width:100%;font-size:.92rem}.reference-fencing .collection-table-scroll th,.reference-fencing .collection-table-scroll td{vertical-align:top;border-bottom:1px solid var(--border);padding:19px 22px}.reference-fencing .collection-table-scroll th:first-child{width:24%;padding-left:0}.reference-fencing .collection-table-scroll thead th{border-top:1px solid var(--border);font-size:1.2rem;font-weight:600}.reference-fencing .collection-table-scroll thead th:first-child{color:currentColor;vertical-align:middle;font-size:.8rem}.reference-fencing .collection-table-scroll tbody th{font-weight:500}.reference-fencing .collection-table-scroll td{color:currentColor}.reference-fencing .collection-table-scroll th:nth-child(2),.reference-fencing .collection-table-scroll td:nth-child(2){background:var(--secondary)}.reference-fencing .collection-shared{justify-content:space-between;align-items:center;gap:30px;padding:27px 0;display:flex}.reference-fencing .collection-shared p{color:currentColor;font-size:.88rem}.reference-fencing .collection-shared strong{color:var(--ink);margin-bottom:6px;font-weight:600;display:block}.reference-fencing .collection-shared a{flex-shrink:0;font-size:.8rem}.reference-fencing .collection-footnote{max-width:850px;font-size:.78rem}@media (width<=1100px){.reference-fencing .collection-copy{padding:28px}.reference-fencing .collection-description{min-height:125px}.reference-fencing .fence-page-links{gap:22px}}@media (width<=800px){.reference-fencing .collection-grid{grid-template-columns:1fr;gap:30px}.reference-fencing .collection-description{min-height:0}.reference-fencing .collection-copy{padding:32px}.reference-fencing .collection-photo{aspect-ratio:1.6}.reference-fencing .collection-copy h3{font-size:2.8rem}.reference-fencing .collection-shared{flex-direction:column;align-items:start;gap:17px}.reference-fencing .collection-table-scroll th,.reference-fencing .collection-table-scroll td{padding:16px}.reference-fencing .fence-page-links{justify-content:flex-start;gap:25px}}@media (width<=520px){.reference-fencing .collection-section{padding-top:60px}.reference-fencing .collection-copy{padding:27px 22px}.reference-fencing .collection-photo{aspect-ratio:1.25}.reference-fencing .collection-badge{font-size:.7rem;top:13px;left:13px}.reference-fencing .collection-photo-link{font-size:.7rem;bottom:12px;right:12px}.reference-fencing .collection-headline{font-size:1.03rem}.reference-fencing .collection-description{font-size:.91rem}.reference-fencing .collection-copy li{font-size:.8rem}.reference-fencing .collection-comparison{margin-top:40px}.reference-fencing .collection-comparison h3{font-size:1.8rem}.reference-fencing .collection-table-scroll table{font-size:.77rem}.reference-fencing .collection-table-scroll th,.reference-fencing .collection-table-scroll td{overflow-wrap:anywhere;padding:14px 9px}.reference-fencing .collection-table-scroll th:first-child{width:25%}.reference-fencing .collection-table-scroll thead th{font-size:1rem}.reference-fencing .collection-table-scroll thead th:first-child{font-size:.72rem}.reference-fencing .collection-caption{font-size:.68rem}}.reference-fencing .fence-page-links{scrollbar-width:none;gap:32px;font-size:.88rem;display:flex;overflow-x:auto}.reference-fencing .fence-page-links a{white-space:nowrap;padding:20px 0}.reference-fencing .fence-page-links a:hover{color:var(--lime-ink)}.reference-fencing .fence-intro-stats{border-top:1px solid var(--border);gap:34px;margin-top:28px;padding-top:22px;display:flex}.reference-fencing .fence-intro-stats strong{letter-spacing:0;font-size:2.4rem;font-weight:500;line-height:1.05;display:block}.reference-fencing .fence-intro-stats span{color:currentColor;margin-top:7px;font-size:.8rem;display:block}.reference-fencing .fence-benefits{border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);margin-top:55px;display:grid}.reference-fencing .fence-benefit{padding:27px 32px 0 0}.reference-fencing .fence-benefit:not(:first-child){border-left:1px solid var(--border);padding-left:32px}.reference-fencing .fence-benefit>span{color:var(--lime-ink);font-size:.8rem}.reference-fencing .fence-benefit h3{letter-spacing:0;margin:15px 0 12px;font-size:1.35rem}.reference-fencing .fence-benefit p{color:currentColor;font-size:.94rem}.reference-fencing .fence-design-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.reference-fencing .fence-design{color:inherit;text-align:left;background:0 0;flex-direction:column;align-items:stretch;padding:0;display:flex}.reference-fencing .fence-design-img{aspect-ratio:1.08;background:var(--card);display:block;position:relative;overflow:hidden}.reference-fencing .fence-design-img img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%;padding:30px 10px 13px;transition:transform .4s}.reference-fencing .fence-design:hover img{transform:scale(1.035)}.reference-fencing .fence-design-number{z-index:1;color:currentColor;font-size:.72rem;position:absolute;top:13px;left:14px}.reference-fencing .fence-design-name{letter-spacing:0;margin:23px 0 12px;font-size:1.65rem;line-height:1.2}.reference-fencing .fence-design-description{color:currentColor;flex:1;font-size:.9rem;line-height:1.6}.reference-fencing .fence-design-link{border-top:1px solid var(--secondary);justify-content:space-between;margin-top:21px;padding-top:13px;font-size:.82rem;font-weight:600;display:flex}.reference-fencing .fence-design-note{color:currentColor;margin-top:30px;font-size:.85rem}.reference-fencing .fence-colour-grid{grid-template-columns:1.18fr 1fr;align-items:start;gap:65px;display:grid}.reference-fencing .fence-colour-preview{background:var(--secondary);text-align:left;aspect-ratio:1.12;width:100%;color:inherit;padding:0;position:relative;overflow:hidden}.reference-fencing .fence-colour-preview>img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.reference-fencing .fence-colour-preview:hover>img{transform:scale(1.025)}.reference-fencing .fence-colour-preview.sample-only{cursor:default;padding:60px}.reference-fencing .fence-colour-preview.sample-only>img{object-fit:contain}.reference-fencing .fence-colour-caption{justify-content:space-between;gap:20px;margin-top:16px;font-size:.92rem;display:flex}.reference-fencing .fence-colour-caption small{color:currentColor;margin-top:3px;font-size:.79rem;display:block}.reference-fencing .fence-colour-caption>span:last-child{color:currentColor;text-align:right;font-size:.78rem}.reference-fencing .fence-colour-choice .eyebrow{margin-bottom:12px}.reference-fencing .fence-colour-choice h3{margin-bottom:14px;font-size:2.65rem}.reference-fencing .fence-colour-choice>.muted{min-height:52px;font-size:.96rem}.reference-fencing .fence-swatches{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 14px;margin:29px 0;display:grid}.reference-fencing .fence-swatch{color:inherit;text-align:left;background:0 0;padding:0}.reference-fencing .fence-swatch-image{aspect-ratio:1.3;margin-bottom:10px;display:block;position:relative}.reference-fencing .fence-swatch-image img{object-fit:cover;border:1px solid var(--fencing-overlay);width:100%;height:100%}.reference-fencing .fence-swatch[aria-pressed=true] .fence-swatch-image{outline:2px solid var(--lime-ink);outline-offset:4px}.reference-fencing .fence-swatch[aria-pressed=true] .fence-swatch-image:after{content:"✓";text-align:center;background:var(--background);width:21px;height:21px;color:var(--lime-ink);border-radius:50%;font-size:13px;font-weight:800;line-height:21px;position:absolute;bottom:5px;right:5px}.reference-fencing .fence-swatch-name{font-size:.76rem;line-height:1.2;display:block}.reference-fencing .fence-colour-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:24px;display:flex}.reference-fencing .fence-colour-actions .btn{padding:14px 17px;font-size:.76rem}.reference-fencing .fence-projects-section{background:var(--card)}.reference-fencing .fence-projects-section .section-head{margin-bottom:38px}.reference-fencing .project-filters{background:var(--background);border:1px solid var(--border);grid-template-columns:1fr 1fr 1.25fr auto;align-items:end;gap:22px;padding:24px;display:grid}.reference-fencing .project-filters label>span{color:currentColor;margin-bottom:8px;font-size:.76rem;font-weight:600;display:block}.reference-fencing .project-filters select,.reference-fencing .project-filters input{border:0;border-bottom:1px solid var(--border);width:100%;min-width:0;height:47px;color:var(--ink);background:0 0;border-radius:0;padding:8px 30px 8px 0;font-size:.98rem;display:block}.reference-fencing .project-filters input{padding-right:0}.reference-fencing .project-filters input:focus-visible{outline:2px solid var(--lime-ink);outline-offset:4px}.reference-fencing .reset-filters{color:var(--ink);text-underline-offset:4px;background:0 0;min-width:79px;min-height:47px;padding:12px 0;font-size:.8rem;text-decoration:underline}.reference-fencing .project-results-bar{justify-content:space-between;align-items:start;gap:25px;margin:24px 0 27px;font-size:.85rem;display:flex}.reference-fencing .project-results-bar>p:last-child{color:currentColor;text-align:right;font-size:.79rem}.reference-fencing .fence-project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:37px 24px;display:grid}.reference-fencing .fence-project-card{text-align:left;width:100%;height:100%;color:inherit;background:0 0;flex-direction:column;padding:0;display:flex}.reference-fencing .fence-project-photo{aspect-ratio:1.5;background:var(--secondary);width:100%;display:block;position:relative;overflow:hidden}.reference-fencing .fence-project-photo img{object-fit:cover;width:100%;height:100%;transition:transform .55s}.reference-fencing .fence-project-card:hover img{transform:scale(1.045)}.reference-fencing .project-photo-count{background:var(--fencing-overlay);padding:5px 9px;font-size:.71rem;line-height:1.4;position:absolute;bottom:12px;right:12px}.reference-fencing .fence-project-info{border-bottom:1px solid var(--secondary);flex:1;width:100%;padding:20px 0 23px;display:block}.reference-fencing .fence-project-name{letter-spacing:0;justify-content:space-between;gap:20px;margin-bottom:10px;font-size:1.58rem;line-height:1.2;display:flex}.reference-fencing .fence-project-name>span{color:var(--lime-ink);font-size:1.1rem;transition:transform .2s}.reference-fencing .fence-project-card:hover .fence-project-name>span{transform:translate(4px)}.reference-fencing .fence-project-colour{margin-bottom:5px;font-size:.9rem;display:block}.reference-fencing .fence-project-design{color:currentColor;font-size:.81rem;display:block}.reference-fencing .project-empty{text-align:center;border:1px solid var(--border);background:var(--background);grid-column:1/-1;padding:60px 30px}.reference-fencing .project-empty h3{margin-bottom:15px;font-size:2rem}.reference-fencing .project-empty p{color:currentColor;margin:0 auto 24px}.reference-fencing .project-empty .actions{justify-content:center}.reference-fencing .project-directory-note{color:currentColor;justify-content:space-between;align-items:center;gap:30px;margin-top:42px;font-size:.78rem;display:flex}.reference-fencing .project-directory-note a{white-space:nowrap;color:var(--ink)}.reference-fencing .fence-system{background:var(--card);color:var(--ink)}.reference-fencing .fence-system .eyebrow,.reference-fencing .fence-system .lead{color:var(--ink)}.reference-fencing .fence-system-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:50px;display:grid}.reference-fencing .fence-system-item{border-top:1px solid var(--border);padding-top:25px}.reference-fencing .fence-system-item>span{color:var(--ink);font-size:.77rem}.reference-fencing .fence-system-item h3{margin:18px 0 14px;font-size:1.5rem;line-height:1.2}.reference-fencing .fence-system-item p{color:var(--ink);font-size:.96rem}.reference-fencing .fence-system-bottom{justify-content:space-between;align-items:center;gap:30px;margin-top:40px;display:flex}.reference-fencing .fence-system-bottom p{color:var(--ink);max-width:480px;font-size:.81rem}.reference-fencing .fence-components-section{background:var(--secondary)}.reference-fencing .component-toolbar{flex-direction:column;gap:20px;margin:0 0 26px;display:flex}.reference-fencing .component-filters{flex-wrap:wrap;gap:10px;display:flex}.reference-fencing .component-filters button{border:1px solid var(--secondary);min-height:44px;color:var(--ink);background:0 0;align-items:center;gap:10px;padding:10px 16px;font-size:.84rem;line-height:1.3;display:flex}.reference-fencing .component-filters button>span{opacity:.7;font-size:.73rem}.reference-fencing .component-filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.reference-fencing .component-filters button:hover{border-color:var(--ink)}.reference-fencing .fence-component-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.reference-fencing .fence-component-item{min-width:0}.reference-fencing .fence-component-card{text-align:left;width:100%;height:100%;color:inherit;background:var(--background);border:1px solid var(--secondary);flex-direction:column;padding:0;transition:border-color .2s;display:flex}.reference-fencing .fence-component-card:hover{border-color:var(--lime-ink)}.reference-fencing .fence-component-image{aspect-ratio:1.18;background:var(--card);justify-content:center;align-items:center;width:100%;padding:35px 22px 25px;display:flex;position:relative;overflow:hidden}.reference-fencing .fence-component-image>img{object-fit:contain;width:100%;min-width:0;height:100%;transition:transform .35s}.reference-fencing .fence-component-card:hover .fence-component-image>img{transform:scale(1.04)}.reference-fencing .fence-component-image.component-image-pair{gap:12px;padding:38px 15px 28px}.reference-fencing .component-image-pair>img{width:calc(50% - 6px)}.reference-fencing .component-number{color:currentColor;z-index:1;font-size:.7rem;position:absolute;top:13px;left:16px}.reference-fencing .component-expand{background:var(--background);width:28px;height:28px;color:var(--lime-ink);place-items:center;font-size:1rem;display:grid;position:absolute;bottom:11px;right:12px}.reference-fencing .fence-component-copy{border-top:1px solid var(--secondary);flex-direction:column;flex:1;align-items:flex-start;width:100%;padding:23px 20px 20px;display:flex}.reference-fencing .component-category{text-transform:uppercase;letter-spacing:0;color:var(--lime-ink);margin-bottom:10px;font-size:.64rem;font-weight:600;line-height:1.4}.reference-fencing .component-name{letter-spacing:0;margin-bottom:9px;font-size:1.3rem;line-height:1.2}.reference-fencing .component-note{color:currentColor;margin-bottom:10px;font-size:.76rem}.reference-fencing .component-view{justify-content:space-between;align-items:center;width:100%;margin-top:auto;padding-top:22px;font-size:.74rem;line-height:1.4;display:flex}.reference-fencing .component-section-bottom{justify-content:space-between;align-items:center;gap:35px;margin-top:35px;display:flex}.reference-fencing .component-section-bottom p{color:currentColor;max-width:600px;font-size:.8rem}.reference-fencing .component-section-bottom a{flex-shrink:0;font-size:.8rem}.reference-fencing #component-dialog{max-width:min(1030px,94vw)}.reference-fencing .component-dialog-layout{grid-template-columns:1.2fr 1fr;min-height:500px;display:grid}.reference-fencing .component-dialog-visual{background:var(--card);flex-direction:column;justify-content:center;align-items:center;gap:18px;min-width:0;padding:50px 35px 30px;display:flex}.reference-fencing .component-dialog-visual>img{object-fit:contain;width:100%;height:330px}.reference-fencing .component-dialog-visual>p{color:currentColor;text-align:center;font-size:.8rem}.reference-fencing .component-image-options{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.reference-fencing .component-image-options button{border:1px solid var(--border);min-height:42px;color:var(--ink);background:0 0;padding:10px 17px;font-size:.79rem}.reference-fencing .component-image-options button[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:#fff}.reference-fencing .component-dialog-copy{align-self:center;padding:60px 35px 45px}.reference-fencing .component-dialog-copy .eyebrow{margin-bottom:17px;font-size:.68rem}.reference-fencing .component-dialog-copy h2{margin-bottom:23px;font-size:2.65rem}.reference-fencing .component-dialog-copy .component-detail-note{color:var(--lime-ink);margin:-8px 0 20px;font-size:.85rem}.reference-fencing .component-dialog-copy .muted{margin-bottom:30px;font-size:.95rem}.reference-fencing .component-dialog-copy .btn{padding:14px 17px;font-size:.73rem}.reference-fencing .component-dialog-copy .text-link{margin-top:20px;font-size:.77rem}.reference-fencing .fence-gate-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.reference-fencing .gate-option{background:var(--card);border:1px solid var(--border);flex-direction:column;min-width:0;display:flex}.reference-fencing .gate-option-photo{aspect-ratio:4/3;background:var(--secondary);display:block;position:relative;overflow:hidden}.reference-fencing .gate-option-photo img{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.reference-fencing .gate-option-photo:hover img{transform:scale(1.025)}.reference-fencing .gate-photo-link{background:var(--fencing-overlay);color:var(--ink);padding:8px 12px;font-size:.75rem;font-weight:600;line-height:1.3;display:block;position:absolute;bottom:14px;right:14px}.reference-fencing .gate-option-copy{flex-direction:column;flex:1;align-items:flex-start;padding:28px;display:flex}.reference-fencing .gate-option-label{color:var(--lime-ink);letter-spacing:0;text-transform:uppercase;align-items:center;gap:11px;margin:0 0 16px;font-size:.68rem;font-weight:700;display:flex}.reference-fencing .gate-option-label span{background:var(--secondary);letter-spacing:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.72rem;display:flex}.reference-fencing .gate-option h3{letter-spacing:0;margin:0 0 15px;font-size:1.85rem;font-weight:500;line-height:1.17}.reference-fencing .gate-option-description{color:currentColor;margin:0 0 27px;font-size:.98rem;line-height:1.65}.reference-fencing .gate-option-specs{width:100%;margin-top:auto;margin-bottom:26px;font-size:.82rem;line-height:1.55}.reference-fencing .gate-option-specs>div{border-top:1px solid var(--border);justify-content:space-between;gap:14px;padding:12px 0;display:flex}.reference-fencing .gate-option-specs dt{color:currentColor;flex-shrink:0}.reference-fencing .gate-option-specs dd{text-align:right;margin:0;font-weight:500}.reference-fencing .gate-option-copy .gate-enquiry{letter-spacing:0;justify-content:space-between;gap:12px;width:100%;min-height:50px;padding:14px 16px;font-size:.7rem}.reference-fencing .gate-enquiry>span{font-size:1.1rem}.reference-fencing .gate-coordination{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:55px;margin-top:38px;padding-top:34px;display:flex}.reference-fencing .gate-coordination .eyebrow{margin-bottom:12px;font-size:.68rem}.reference-fencing .gate-coordination h3{letter-spacing:0;margin-bottom:12px;font-size:1.65rem;font-weight:500;line-height:1.2}.reference-fencing .gate-coordination p:not(.eyebrow){color:currentColor;max-width:690px;font-size:1rem;line-height:1.65}.reference-fencing .gate-coordination>.text-link{flex-shrink:0}.reference-fencing .gate-sizing-note{color:currentColor;margin-top:23px;font-size:.78rem;line-height:1.6}@media (width<=1100px){.reference-fencing .fence-gate-grid{gap:18px}.reference-fencing .gate-option-copy{padding:24px 20px}.reference-fencing .gate-option-specs>div{gap:10px}.reference-fencing .gate-option-copy .gate-enquiry{padding:14px 12px;font-size:.65rem}}@media (width<=950px){.reference-fencing .fence-gate-grid{grid-template-columns:1fr;gap:25px}.reference-fencing .gate-option-photo{aspect-ratio:16/9}.reference-fencing .gate-option-copy{padding:28px}.reference-fencing .gate-option h3{font-size:1.8rem}.reference-fencing .gate-option-copy .gate-enquiry{padding:14px 16px;font-size:.7rem}.reference-fencing .gate-coordination{flex-direction:column;align-items:flex-start;gap:24px}}@media (width<=600px){.reference-fencing .gate-option{display:flex}.reference-fencing .gate-option-photo{aspect-ratio:4/3;width:100%;height:auto;min-height:0}.reference-fencing .gate-option-copy{padding:25px}.reference-fencing .gate-option-description{margin-bottom:24px}.reference-fencing .gate-option h3{font-size:1.85rem}.reference-fencing .gate-coordination{margin-top:30px;padding-top:28px}.reference-fencing .gate-coordination h3{font-size:1.55rem}}@media (prefers-reduced-motion:reduce){.reference-fencing .gate-option-photo img{transition:none}.reference-fencing .gate-option-photo:hover img{transform:none}}.reference-fencing .fence-contact-grid{grid-template-columns:1fr 1fr;gap:30px;display:grid}.reference-fencing .fence-contact-card{border:1px solid var(--border);padding:38px}.reference-fencing .fence-contact-card h3{margin-bottom:22px;font-size:2.4rem}.reference-fencing .fence-contact-card p{color:currentColor;margin-bottom:27px}.reference-fencing .fence-contact-card .text-link{margin-top:15px}.reference-fencing .fence-contact-card .actions{align-items:center;gap:20px}.reference-fencing #project-dialog{max-width:min(1220px,94vw)}.reference-fencing .project-dialog-layout{grid-template-columns:1.5fr 1fr;min-height:530px;display:grid}.reference-fencing .project-gallery-panel{background:var(--foreground);flex-direction:column;min-width:0;display:flex}.reference-fencing .project-large-photo{flex:1;justify-content:center;align-items:center;min-height:340px;max-height:65dvh;display:flex;position:relative}.reference-fencing .project-large-photo>img{object-fit:contain;width:100%;height:100%;max-height:65dvh}.reference-fencing .project-photo-nav{background:var(--fencing-overlay);width:42px;height:48px;color:var(--ink);font-size:1.3rem;position:absolute;top:50%;transform:translateY(-50%)}.reference-fencing .project-photo-nav.prev{left:12px}.reference-fencing .project-photo-nav.next{right:12px}.reference-fencing .project-photo-index{background:var(--fencing-overlay);color:var(--card);padding:4px 10px;font-size:.77rem;position:absolute;top:15px;left:15px}.reference-fencing .project-thumbnails{background:var(--foreground);flex-wrap:wrap;justify-content:center;gap:8px;padding:15px;display:flex}.reference-fencing .project-thumbnail{opacity:.62;background:0 0;border:2px solid #0000;width:82px;height:58px;padding:0}.reference-fencing .project-thumbnail img{object-fit:cover;width:100%;height:100%}.reference-fencing .project-thumbnail[aria-pressed=true]{opacity:1;border-color:var(--accent)}.reference-fencing .project-dialog-copy{align-self:center;padding:58px 35px 35px}.reference-fencing .project-dialog-copy .eyebrow{margin-bottom:13px;font-size:.7rem}.reference-fencing .project-dialog-copy h2{margin-bottom:12px;font-size:3rem}.reference-fencing .project-location{color:currentColor;margin-bottom:20px;font-size:.83rem}.reference-fencing .project-description{color:currentColor;margin-bottom:24px;font-size:.97rem}.reference-fencing .project-specs{margin:0 0 24px;font-size:.85rem}.reference-fencing .project-specs>div{border-top:1px solid var(--border);grid-template-columns:74px 1fr;gap:15px;padding:11px 0;display:grid}.reference-fencing .project-specs dt{font-weight:600}.reference-fencing .project-specs dd{color:currentColor;margin:0}.reference-fencing .project-dialog-copy .btn{padding:14px 16px;font-size:.73rem}.reference-fencing .project-dialog-copy .text-link{margin-top:14px;font-size:.76rem}.reference-fencing #fence-enquiry-dialog{max-width:590px;padding:48px}.reference-fencing #fence-enquiry-dialog h2{margin:0 0 19px;font-size:2.6rem}.reference-fencing #fence-enquiry-dialog>p{color:currentColor}.reference-fencing #fence-enquiry-dialog .sample-note{margin-top:20px}.reference-fencing .fence-newsletter{padding:62px 0}.reference-fencing .fence-newsletter .wrap{justify-content:space-between;align-items:center;gap:40px;display:flex}.reference-fencing .fence-newsletter h2{margin-bottom:13px;font-size:2.4rem}.reference-fencing .fence-newsletter p{color:currentColor;font-size:.96rem}.reference-fencing .fence-newsletter>div>a{white-space:nowrap;flex-shrink:0}@media (width>=1700px){.reference-fencing .hero{min-height:810px}}@media (width<=1100px){.reference-fencing .fence-design-grid{gap:18px}.reference-fencing .fence-design-name{font-size:1.45rem}.reference-fencing .fence-colour-grid{gap:35px}.reference-fencing .project-filters{gap:16px}.reference-fencing .fence-page-links{gap:23px}.reference-fencing .fence-nav-label{display:none}.reference-fencing .project-dialog-copy{padding:58px 28px 30px}.reference-fencing .project-dialog-layout{grid-template-columns:1.3fr 1fr}}@media (width<=800px){.reference-fencing .hero{min-height:670px}.reference-fencing .hero h1{font-size:4.6rem}.reference-fencing .hero-caption{display:none}.reference-fencing .fence-page-links{justify-content:space-between;gap:25px;font-size:.83rem}.reference-fencing .fence-page-links a{padding:18px 0}.reference-fencing .fence-design-grid{grid-template-columns:1fr 1fr;gap:34px 24px}.reference-fencing .fence-colour-grid{grid-template-columns:1fr;gap:36px}.reference-fencing .fence-colour-preview{aspect-ratio:1.5}.reference-fencing .fence-swatches{grid-template-columns:repeat(4,1fr);gap:22px}.reference-fencing .fence-swatch-image{aspect-ratio:1.8}.reference-fencing .fence-swatch-name{font-size:.86rem}.reference-fencing .project-filters{grid-template-columns:1fr 1fr;gap:22px}.reference-fencing .project-filters .reset-filters{justify-self:end}.reference-fencing .fence-project-grid{grid-template-columns:1fr 1fr}.reference-fencing .project-results-bar>p:last-child{max-width:240px}.reference-fencing .fence-system-grid{gap:25px}.reference-fencing .fence-contact-card{padding:27px}.reference-fencing .fence-contact-card h3{font-size:2rem}.reference-fencing .project-dialog-layout{grid-template-columns:1fr}.reference-fencing .project-large-photo{height:45dvh;min-height:240px;max-height:45dvh}.reference-fencing .project-large-photo>img{height:100%;max-height:45dvh}.reference-fencing .project-dialog-copy{padding:28px}.reference-fencing .project-dialog-copy h2{font-size:2.5rem}.reference-fencing .project-description{max-width:none}.reference-fencing .project-dialog-copy .eyebrow{margin-bottom:12px}.reference-fencing .fence-newsletter .wrap{flex-direction:column;align-items:flex-start;gap:24px}}@media (width<=520px){.reference-fencing .hero{min-height:670px}.reference-fencing .hero-content{padding-top:140px}.reference-fencing .hero h1{font-size:3.2rem}.reference-fencing .hero:after{background:linear-gradient(90deg,var(--fencing-hero-overlay),var(--fencing-hero-overlay)),linear-gradient(0deg,var(--fencing-hero-overlay),transparent)}.reference-fencing .fence-page-links{justify-content:flex-start;gap:26px;font-size:.79rem}.reference-fencing .fence-page-links a{padding:17px 0}.reference-fencing .fence-intro-stats{gap:30px}.reference-fencing .fence-intro-stats strong{font-size:2.1rem}.reference-fencing .fence-intro-stats span{font-size:.74rem}.reference-fencing .fence-benefits{grid-template-columns:1fr;margin-top:35px}.reference-fencing .fence-benefit,.reference-fencing .fence-benefit:not(:first-child){border-left:0;border-bottom:1px solid var(--border);padding:22px 0}.reference-fencing .fence-benefit h3{margin:7px 0 10px}.reference-fencing .fence-design-grid{gap:32px 16px}.reference-fencing .fence-design-img img{padding:25px 4px 10px}.reference-fencing .fence-design-name{margin-top:18px;font-size:1.35rem}.reference-fencing .fence-design-description{font-size:.83rem}.reference-fencing .fence-design-link{gap:5px;font-size:.73rem}.reference-fencing .fence-design-note{font-size:.78rem}.reference-fencing .fence-colour-preview{aspect-ratio:1.2}.reference-fencing .fence-colour-preview.sample-only{padding:30px}.reference-fencing .fence-colour-caption{font-size:.84rem}.reference-fencing .fence-colour-caption>span:last-child{max-width:115px}.reference-fencing .fence-colour-choice h3{font-size:2.3rem}.reference-fencing .fence-swatches{gap:20px 13px}.reference-fencing .fence-swatch-image{aspect-ratio:1.1}.reference-fencing .fence-swatch-name{font-size:.72rem}.reference-fencing .fence-colour-actions .btn{font-size:.73rem}.reference-fencing .project-filters{gap:19px 18px;padding:18px}.reference-fencing .project-filters select,.reference-fencing .project-filters input{font-size:.85rem}.reference-fencing .project-filters .search-filter{grid-column:1/-1}.reference-fencing .project-filters .reset-filters{grid-column:1/-1;justify-self:start;min-height:32px;padding:0}.reference-fencing .project-results-bar{flex-direction:column;gap:8px}.reference-fencing .project-results-bar>p:last-child{text-align:left;max-width:none}.reference-fencing .fence-project-grid{grid-template-columns:1fr;gap:31px}.reference-fencing .fence-project-photo{aspect-ratio:1.45}.reference-fencing .fence-project-info{padding:18px 0 20px}.reference-fencing .fence-project-name{font-size:1.55rem}.reference-fencing .project-directory-note{flex-direction:column;align-items:start;gap:20px}.reference-fencing .project-empty{padding:38px 20px}.reference-fencing .project-empty h3{font-size:1.8rem}.reference-fencing .fence-system-grid{grid-template-columns:1fr;gap:27px;margin-top:35px}.reference-fencing .fence-system-item{padding-top:20px}.reference-fencing .fence-system-item h3{margin:10px 0 14px}.reference-fencing .fence-system-bottom{flex-direction:column;align-items:start;gap:24px;margin-top:30px}.reference-fencing .fence-contact-grid{grid-template-columns:1fr;gap:20px}.reference-fencing .fence-contact-card{padding:28px 24px}.reference-fencing .fence-contact-card h3{font-size:2.15rem}.reference-fencing .fence-newsletter h2{font-size:2.1rem}.reference-fencing #fence-enquiry-dialog{padding:45px 25px 30px}.reference-fencing #fence-enquiry-dialog h2{font-size:2.15rem}.reference-fencing .project-thumbnails{gap:7px;padding:12px}.reference-fencing .project-thumbnail{width:63px;height:46px}.reference-fencing .project-dialog-copy{padding:25px}.reference-fencing .project-specs>div{grid-template-columns:60px 1fr}.reference-fencing .footer-top{grid-template-columns:1fr 1fr;gap:35px 25px}.reference-fencing .footer-top>div:first-child,.reference-fencing .footer-top>div:last-child{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.reference-fencing *,.reference-fencing :before,.reference-fencing :after{scroll-behavior:auto!important;transition:none!important}}@media (width<=1100px){.reference-fencing .fence-component-grid{gap:18px}.reference-fencing .fence-component-copy{padding:21px 16px 18px}.reference-fencing .component-name{font-size:1.2rem}.reference-fencing .fence-component-image{padding:30px 15px 22px}.reference-fencing .component-dialog-copy{padding:60px 28px 35px}.reference-fencing .component-dialog-copy h2{font-size:2.35rem}}@media (width<=800px){.reference-fencing .fence-component-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.reference-fencing .component-name{font-size:1.4rem}.reference-fencing .fence-component-copy{padding:24px}.reference-fencing .fence-component-image{aspect-ratio:1.3;padding:35px 25px 25px}.reference-fencing .component-section-bottom{flex-direction:column;align-items:flex-start;gap:18px}.reference-fencing .component-dialog-layout{grid-template-columns:1fr}.reference-fencing .component-dialog-visual{gap:14px;padding:45px 30px 25px}.reference-fencing .component-dialog-visual>img{height:32dvh;min-height:190px;max-height:320px}.reference-fencing .component-dialog-copy{padding:30px}.reference-fencing .component-dialog-copy h2{font-size:2.4rem}.reference-fencing .component-dialog-copy .muted{max-width:none}}@media (width<=520px){.reference-fencing .component-filters{gap:8px}.reference-fencing .component-filters button{gap:7px;padding:9px 11px;font-size:.73rem}.reference-fencing .component-filters button>span{font-size:.65rem}.reference-fencing .fence-component-grid{gap:16px}.reference-fencing .fence-component-image{aspect-ratio:1.08;padding:30px 12px 20px}.reference-fencing .fence-component-image.component-image-pair{gap:5px;padding:30px 8px 21px}.reference-fencing .component-image-pair>img{width:calc(50% - 3px)}.reference-fencing .component-number{font-size:.66rem;top:10px;left:11px}.reference-fencing .component-expand{width:24px;height:24px;bottom:8px;right:8px}.reference-fencing .fence-component-copy{padding:18px 12px 15px}.reference-fencing .component-category{letter-spacing:0;min-height:17px;font-size:.55rem}.reference-fencing .component-name{font-size:1.12rem}.reference-fencing .component-note{font-size:.69rem}.reference-fencing .component-view{gap:6px;padding-top:15px;font-size:.65rem}.reference-fencing .component-dialog-copy{padding:25px}.reference-fencing .component-dialog-copy h2{font-size:2.1rem}.reference-fencing .component-dialog-visual{padding-left:22px;padding-right:22px}}.reference-fencing .project-filters{grid-template-columns:1fr 1fr 1.25fr;gap:22px}.reference-fencing .project-filters .search-filter{grid-column:1/3}.reference-fencing .project-filters .reset-filters{justify-self:end}.reference-fencing .fence-project-post{color:currentColor;margin-top:7px;font-size:.78rem;display:block}@media (width<=800px){.reference-fencing .project-filters{grid-template-columns:1fr 1fr}.reference-fencing .project-filters .search-filter{grid-column:auto}.reference-fencing .project-filters .reset-filters{grid-column:1/-1;justify-self:start}}@media (width<=520px){.reference-fencing .project-filters .post-filter,.reference-fencing .project-filters .search-filter{grid-column:1/-1}}.reference-fencing .fence-family-links{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:70px;display:grid}.reference-fencing .fence-family-links a{background:var(--secondary);border:1px solid var(--secondary);color:var(--ink);flex-direction:column;gap:18px;padding:32px;text-decoration:none;display:flex}.reference-fencing .fence-family-links a:last-child{background:var(--foreground);color:var(--ink-foreground);border-color:var(--foreground)}.reference-fencing .fence-family-links a>span{letter-spacing:0;font-size:.78rem}.reference-fencing .fence-family-links strong{letter-spacing:0;font-size:1.65rem;font-weight:500}.reference-fencing .fence-family-links a:hover{outline:2px solid var(--border);outline-offset:3px}.reference-fencing .fence-family{scroll-margin-top:150px}.reference-fencing .fence-family-heading{grid-template-columns:1.2fr 1fr;align-items:end;gap:60px;margin-bottom:32px;display:grid}.reference-fencing .fence-family h3{letter-spacing:0;margin:0 0 18px;font-size:3rem;font-weight:500;line-height:1.12}.reference-fencing .fence-family-heading>p,.reference-fencing .fence-slatted-copy>p:not(.eyebrow){color:currentColor;max-width:480px;font-size:1rem;font-weight:300;line-height:1.7}.reference-fencing .fence-design-specs{border-top:1px solid var(--secondary);border-bottom:1px solid var(--secondary);grid-template-columns:repeat(3,1fr);gap:24px;margin:0 0 34px;padding:23px 0;display:grid}.reference-fencing .fence-design-specs dt{text-transform:uppercase;letter-spacing:0;color:currentColor;margin-bottom:9px;font-size:.75rem}.reference-fencing .fence-design-specs dd{margin:0;font-size:1.1rem}.reference-fencing .flat-panel-layouts{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.reference-fencing .flat-panel-layouts .fence-design-name{font-size:1.65rem}.reference-fencing .fence-spec-source{text-underline-offset:4px;color:inherit;margin-top:28px;font-size:.8rem;display:inline-block}.reference-fencing .fence-slatted-family{border-top:1px solid var(--secondary);grid-template-columns:1fr 1fr;align-items:center;gap:64px;margin-top:70px;padding-top:65px;display:grid}.reference-fencing .fence-slatted-visual{background:var(--card);padding:30px;position:relative}.reference-fencing .fence-slatted-visual>img{aspect-ratio:1.25;object-fit:contain;width:100%}.reference-fencing .fence-profile-detail{border-top:1px solid var(--secondary);color:currentColor;align-items:center;gap:20px;margin-top:18px;padding-top:18px;font-size:.8rem;display:flex}.reference-fencing .fence-profile-detail img{object-fit:contain;width:125px;height:85px}.reference-fencing .fence-slatted-copy .fence-design-specs{grid-template-columns:1fr 1fr;margin-top:28px}.reference-fencing .fence-slatted-copy .fence-spec-source{display:block}.reference-fencing .fence-design-footer{border-top:1px solid var(--secondary);justify-content:space-between;align-items:center;gap:30px;margin-top:55px;padding-top:30px;display:flex}.reference-fencing .fence-design-footer p{color:currentColor;max-width:600px;margin:10px 0 0;font-size:.9rem;line-height:1.6}.reference-fencing .fence-design-footer .text-link{flex-shrink:0}@media (width<=800px){.reference-fencing .fence-family-heading{gap:25px}.reference-fencing .fence-slatted-family{gap:30px}.reference-fencing .fence-design-footer{flex-direction:column;align-items:start}.reference-fencing .flat-panel-layouts{gap:18px}.reference-fencing .flat-panel-layouts .fence-design-name{font-size:1.4rem}.reference-fencing .fence-design-specs{gap:16px}.reference-fencing .fence-design-specs dd{font-size:.95rem}}@media (width<=600px){.reference-fencing .fence-family-links{grid-template-columns:1fr;gap:12px;margin-bottom:45px}.reference-fencing .fence-family-links a{gap:12px;padding:24px}.reference-fencing .fence-family-heading,.reference-fencing .fence-slatted-family{grid-template-columns:1fr;gap:18px}.reference-fencing .fence-family-heading>p{margin-top:0}.reference-fencing .fence-design-specs{grid-template-columns:1fr;gap:18px}.reference-fencing .fence-design-specs>div{justify-content:space-between;gap:15px;display:flex}.reference-fencing .fence-design-specs dt{margin:0}.reference-fencing .flat-panel-layouts{grid-template-columns:1fr;gap:35px}.reference-fencing .flat-panel-layouts .fence-design-img{aspect-ratio:1.35}.reference-fencing .fence-slatted-family{margin-top:45px;padding-top:40px}.reference-fencing .fence-slatted-copy .fence-design-specs{grid-template-columns:1fr}.reference-fencing .fence-slatted-visual{padding:20px}.reference-fencing .fence-slatted-copy{padding-top:15px}}.reference-fencing .fence-breadcrumb{align-items:center;gap:14px;margin-bottom:28px;font-size:.8rem;display:flex}.reference-fencing .fence-breadcrumb a{text-underline-offset:5px}.reference-fencing .product-fence-hero .hero-content{padding-top:155px}.reference-fencing .product-fence-hero{min-height:730px}.reference-fencing .product-design-detail .fence-slatted-family{border-top:0;margin-top:0;padding-top:0}.reference-fencing .product-benefit-strip{border-top:1px solid var(--secondary);grid-template-columns:repeat(3,1fr);gap:30px;margin-top:45px;padding:34px 0;display:grid}.reference-fencing .product-benefit-strip p{color:currentColor;margin:12px 0;font-size:.9rem;line-height:1.6}.reference-fencing .product-benefit-strip strong{font-size:1.1rem;font-weight:500}.reference-fencing .fencing-product-page .project-directory-note{flex-wrap:wrap}@media (width<=600px){.reference-fencing .product-benefit-strip{grid-template-columns:1fr;gap:12px;padding:26px 0}.reference-fencing .product-fence-hero .hero-content{padding-top:130px}.reference-fencing .fence-breadcrumb{margin-bottom:22px}.reference-fencing .product-fence-hero{min-height:700px}}.reference-fencing .fence-comparison{background:var(--card);border:1px solid var(--secondary);margin-bottom:70px;padding:38px;scroll-margin-top:145px}.reference-fencing .fence-comparison>h3{letter-spacing:0;margin:0 0 10px;font-size:2.7rem;font-weight:500}.reference-fencing .fence-compare-intro{color:currentColor;margin:0 0 30px}.reference-fencing .fence-compare-images{grid-template-columns:1fr 1fr;gap:28px;display:grid}.reference-fencing .fence-compare-product{color:inherit;flex-direction:column;min-width:0;text-decoration:none;display:flex}.reference-fencing .fence-compare-product .eyebrow{margin-bottom:12px}.reference-fencing .fence-compare-photo{background:var(--card);aspect-ratio:1.35;padding:22px;display:block}.reference-fencing .fence-compare-photo img{object-fit:contain;width:100%;height:100%}.reference-fencing .fence-compare-product strong{letter-spacing:0;margin:20px 0 7px;font-size:1.6rem;font-weight:500}.reference-fencing .fence-compare-product>span:last-child{color:currentColor;font-size:.9rem}.reference-fencing .fence-compare-product:hover .fence-compare-photo{background:var(--card);outline:1px solid var(--border)}.reference-fencing .fence-compare-table{table-layout:fixed;border-collapse:collapse;text-align:left;width:100%;margin:30px 0 24px;font-size:.9rem}.reference-fencing .fence-compare-table th,.reference-fencing .fence-compare-table td{border-bottom:1px solid var(--secondary);vertical-align:top;overflow-wrap:break-word;padding:16px 14px;line-height:1.6}.reference-fencing .fence-compare-table th:first-child{width:25%}.reference-fencing .fence-compare-table thead{background:var(--secondary)}.reference-fencing .fence-compare-table tbody th{color:currentColor;font-weight:500}.reference-fencing .fence-compare-table small{font-size:.85em}.reference-fencing .fence-compare-actions{grid-template-columns:1fr 1fr;gap:28px;display:grid}.reference-fencing .fence-compare-actions .btn{text-align:center;justify-content:center}.reference-fencing .fence-compare-note{color:currentColor;margin:20px 0 0;font-size:.75rem;line-height:1.6}.reference-fencing .fence-compare-back{width:fit-content;margin-bottom:20px;display:block}@media (width<=600px){.reference-fencing .fence-comparison{margin-bottom:45px;padding:20px 14px}.reference-fencing .fence-compare-images,.reference-fencing .fence-compare-actions{gap:12px}.reference-fencing .fence-compare-photo{aspect-ratio:1.05;padding:7px}.reference-fencing .fence-compare-product strong{margin-top:14px;font-size:1.12rem}.reference-fencing .fence-compare-product .eyebrow{letter-spacing:0;font-size:.63rem}.reference-fencing .fence-compare-product>span:last-child{font-size:.77rem}.reference-fencing .fence-compare-table{margin-top:24px;font-size:.75rem}.reference-fencing .fence-compare-table th,.reference-fencing .fence-compare-table td{padding:12px 6px}.reference-fencing .fence-compare-table th:first-child{width:28%}.reference-fencing .fence-compare-actions .btn{letter-spacing:0;min-width:0;padding:14px 8px;font-size:.67rem}}.reference-fencing #collections,.reference-fencing #colours,.reference-fencing #gates,.reference-fencing #where-to-buy{background:var(--card)}.reference-fencing .fence-layout-art{width:100%;height:100%;display:block;overflow:hidden}.reference-fencing .fence-design-img .fence-layout-art{padding:30px 10px 13px;transition:transform .4s}.reference-fencing .fence-design:hover .fence-layout-art{transform:scale(1.035)}@media (width<=520px){.reference-fencing .fence-design-img .fence-layout-art{padding:25px 4px 10px}}.reference-fencing .fence-compare-photo{position:relative}.reference-fencing .fence-compare-art{width:calc(100% - 44px);height:calc(100% - 44px);display:block;position:absolute;inset:22px;overflow:hidden}@media (width<=600px){.reference-fencing .fence-compare-art{width:calc(100% - 14px);height:calc(100% - 14px);inset:7px}}.reference-fencing .section-head.split-section-heading{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:0 clamp(40px,6vw,88px);margin:0 0 44px;display:grid}.reference-fencing .section-head.split-section-heading>.eyebrow{letter-spacing:0;grid-area:1/1/auto/-1;max-width:none;margin:0 0 18px;padding:0;font-size:.75rem;font-weight:600;line-height:1.5}.reference-fencing .section-head.split-section-heading>:is(h1,.reference-fencing h2,.reference-fencing h3){letter-spacing:0;overflow-wrap:break-word;grid-area:2/1;max-width:100%;margin:0;font-size:3rem;font-weight:500;line-height:1.08}.reference-fencing .section-head.split-section-heading>p.lead{width:100%;max-width:52ch;font-family:var(--font-sans);font-synthesis:none;grid-area:2/2;align-self:start;margin:0;padding:0;font-size:16px;font-weight:300;line-height:1.65}.reference-fencing .split-section-heading+.material-layout,.reference-fencing .split-section-heading+.fence-intro-stats,.reference-fencing .split-section-heading+.fence-system-grid,.reference-fencing .split-section-heading+.product-design .feature-list{margin-top:0}.reference-fencing .advantages>.wrap>.advantage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.reference-fencing .professionals-section .split-section-heading .eyebrow{color:var(--accent)}.reference-fencing .professionals-section .split-section-heading .lead{color:var(--ink-foreground)}.reference-fencing .professionals-layout .professional-links{margin-top:0}.reference-fencing .newsletter-section .newsletter-layout{max-width:680px;margin-left:auto;display:block}.reference-fencing .final-cta .wrap,.reference-fencing .fence-newsletter .wrap{display:block}.reference-fencing .final-cta .actions{flex-wrap:wrap;max-width:none}.reference-fencing .final-cta .actions .btn{width:auto}.reference-fencing .section-followup{margin-top:24px}.reference-fencing .fence-slatted-family>.split-section-heading{grid-column:1/-1;margin-bottom:0}.reference-fencing .fence-slatted-family{row-gap:44px}.reference-fencing .fence-slatted-copy .fence-design-specs{margin-top:0}.reference-fencing .fence-comparison .split-section-heading>h3{font-size:2.4rem}@media (width<=1000px){.reference-fencing .advantages>.wrap>.advantage-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=800px){.reference-fencing .section-head.split-section-heading{grid-template-columns:minmax(0,1fr);margin-bottom:32px}.reference-fencing .section-head.split-section-heading>.eyebrow{grid-column:1;margin-bottom:14px}.reference-fencing .section-head.split-section-heading>:is(h1,.reference-fencing h2,.reference-fencing h3){font-size:2.25rem}.reference-fencing .section-head.split-section-heading>p.lead{grid-area:3/1;max-width:56ch;margin-top:20px}.reference-fencing .newsletter-section .newsletter-layout{max-width:none;margin-left:0}.reference-fencing .fence-slatted-family{row-gap:32px}}@media (width<=520px){.reference-fencing .section-head.split-section-heading>:is(h1,.reference-fencing h2,.reference-fencing h3){font-size:2rem}.reference-fencing .section-head.split-section-heading>.eyebrow{font-size:.7rem}.reference-fencing .final-cta .actions{align-items:flex-start;max-width:100%}}.reference-fencing .product-faqs{scroll-margin-top:110px}.reference-fencing .product-faqs .faqs{max-width:880px;margin-left:auto}.reference-fencing .product-faqs .faqs summary{padding:22px 44px 22px 0;font-size:16px;font-weight:400;line-height:1.5}.reference-fencing .product-faqs .faqs details p{font-family:var(--font-sans);padding:0 38px 24px 0;font-size:16px;font-weight:300;line-height:1.65}.reference-fencing .product-faqs .faqs a{color:var(--lime-ink);text-underline-offset:3px;text-decoration:underline}.reference-fencing .faq-followup{justify-content:space-between;align-items:center;gap:24px;max-width:880px;margin:28px 0 0 auto;display:flex}.reference-fencing .faq-followup p{font-family:var(--font-sans);color:currentColor;font-size:16px;font-weight:300;line-height:1.65}.reference-fencing .faq-followup .text-link{flex-shrink:0;font-size:.85rem}.reference-fencing .gate-faqs{background:var(--secondary)}@media (width<=600px){.reference-fencing .product-faqs .faqs summary{padding-right:32px}.reference-fencing .product-faqs .faqs details p{padding-right:12px}.reference-fencing .faq-followup{flex-direction:column;align-items:flex-start;gap:14px}}.reference-fencing-installation *{box-sizing:border-box}.reference-fencing-installation{scroll-behavior:smooth;background:var(--background);color:var(--ink);font-family:var(--font-sans);margin:0;scroll-padding-top:90px;font-size:16px;line-height:1.6}.reference-fencing-installation button,.reference-fencing-installation input,.reference-fencing-installation select,.reference-fencing-installation textarea{font:inherit}.reference-fencing-installation button,.reference-fencing-installation a,.reference-fencing-installation select{touch-action:manipulation}.reference-fencing-installation button{cursor:pointer}.reference-fencing-installation a{color:inherit;text-decoration:none}.reference-fencing-installation button:focus-visible,.reference-fencing-installation a:focus-visible,.reference-fencing-installation select:focus-visible,.reference-fencing-installation summary:focus-visible{outline:3px solid var(--border);outline-offset:5px}.reference-fencing-installation img{max-width:100%;display:block}.reference-fencing-installation h1,.reference-fencing-installation h2,.reference-fencing-installation h3,.reference-fencing-installation p,.reference-fencing-installation figure{margin:0}.reference-fencing-installation h1,.reference-fencing-installation h2,.reference-fencing-installation h3{letter-spacing:0;font-weight:500;line-height:1.06}.reference-fencing-installation h1{max-width:1000px;font-size:6rem}.reference-fencing-installation h2{font-size:3.7rem}.reference-fencing-installation h3{font-size:2rem}.reference-fencing-installation p{max-width:68ch}.reference-fencing-installation button{border:0}.reference-fencing-installation button:disabled{cursor:not-allowed;opacity:.4}.reference-fencing-installation .wrap{width:min(1280px,88%);margin:auto}.reference-fencing-installation .section{padding:100px 0}.reference-fencing-installation .eyebrow{letter-spacing:0;text-transform:uppercase;color:var(--lime-ink);margin-bottom:22px;font-size:.8rem;font-weight:700}.reference-fencing-installation .lead{font-family:var(--font-sans);font-synthesis:none;color:currentColor;font-size:16px;font-weight:300;line-height:1.65}.reference-fencing-installation .muted{color:currentColor}.reference-fencing-installation .small{font-size:.85rem;line-height:1.55}.reference-fencing-installation .btn{letter-spacing:0;background:var(--accent);min-height:48px;color:var(--foreground);border:1px solid var(--accent);text-transform:uppercase;justify-content:center;align-items:center;padding:14px 23px;font-size:.85rem;font-weight:700;line-height:1.2;transition:background .2s;display:inline-flex}.reference-fencing-installation .btn:hover{background:var(--secondary);border-color:var(--secondary)}.reference-fencing-installation .btn.outline{color:inherit;background:0 0;border-color:currentColor}.reference-fencing-installation .btn.outline:hover{background:var(--fencing-overlay)}.reference-fencing-installation .btn.dark{background:var(--ink);color:var(--card);border-color:var(--ink)}.reference-fencing-installation .actions{flex-wrap:wrap;gap:12px;display:flex}.reference-fencing-installation .text-link{border-bottom:1px solid;padding:7px 0;font-size:.88rem;font-weight:700;display:inline-block}.reference-fencing-installation .skip{position:absolute;left:-999px}.reference-fencing-installation .skip:focus{z-index:999;background:var(--card);padding:16px;top:20px;left:20px}.reference-fencing-installation .utility{background:var(--accent);letter-spacing:0;height:34px;font-size:.73rem;font-weight:700}.reference-fencing-installation .utility .wrap{justify-content:space-between;align-items:center;height:100%;display:flex}.reference-fencing-installation .utility-links{gap:28px;display:flex}.reference-fencing-installation .header{z-index:10;color:var(--card);border-bottom:0;position:absolute;left:0;right:0}.reference-fencing-installation .header-inner{justify-content:space-between;align-items:center;gap:35px;height:96px;display:flex}.reference-fencing-installation .logo{object-fit:contain;object-position:left;width:178px;height:auto;max-height:40px}.reference-fencing-installation .wordmark{letter-spacing:0;color:var(--card);font-size:1.85rem;font-weight:700;display:none}.reference-fencing-installation .wordmark span{color:var(--accent)}.reference-fencing-installation .primary-nav{align-items:center;gap:36px;font-size:.82rem;font-weight:600;display:flex}.reference-fencing-installation .primary-nav>a{padding:12px 0}.reference-fencing-installation .primary-nav>a.active{border-bottom:2px solid var(--accent)}.reference-fencing-installation .header .btn{background:var(--background);border-color:var(--background);color:var(--ink);font-size:.75rem}.reference-fencing-installation .menu-toggle{color:var(--card);background:0 0;min-height:44px;padding:10px;font-size:1rem;display:none}.reference-fencing-installation .hero{min-height:720px;color:var(--ink-foreground);background:var(--foreground);align-items:center;display:flex;position:relative;overflow:hidden}.reference-fencing-installation .hero-img{object-fit:cover;object-position:center 52%;width:100%;height:100%;position:absolute;inset:0}.reference-fencing-installation .hero:after{content:"";background:linear-gradient(90deg,var(--fencing-hero-overlay),var(--fencing-hero-overlay) 70%,var(--fencing-hero-overlay)),linear-gradient(0deg,var(--fencing-hero-overlay),transparent 65%);position:absolute;inset:0}.reference-fencing-installation .hero-content{z-index:1;padding-top:150px;padding-bottom:80px;position:relative}.reference-fencing-installation .hero .eyebrow{color:var(--accent)}.reference-fencing-installation .hero p:not(.eyebrow){max-width:620px;color:var(--ink-foreground);margin:25px 0 32px;font-size:1.13rem}.reference-fencing-installation .hero .hero-caption{z-index:1;letter-spacing:0;color:var(--ink-foreground);font-size:.75rem;position:absolute;bottom:28px;right:6%}.reference-fencing-installation .hero .breadcrumb{align-items:center;gap:14px;display:flex}.reference-fencing-installation .hero .breadcrumb span{color:var(--ink-foreground)}.reference-fencing-installation .hero.product{min-height:675px}.reference-fencing-installation .hero.product h1{max-width:750px}.reference-fencing-installation .hero.product .hero-img{object-position:50% 55%}.reference-fencing-installation .page-nav{z-index:20;background:var(--fencing-overlay);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0}.reference-fencing-installation .page-nav .wrap{justify-content:space-between;align-items:center;gap:24px;min-height:64px;display:flex}.reference-fencing-installation .page-tabs,.reference-fencing-installation .jump-links{align-items:center;gap:28px;font-size:.88rem;display:flex}.reference-fencing-installation .page-tabs a{white-space:nowrap;padding:20px 0}.reference-fencing-installation .page-tabs a[aria-current=page]{border-bottom:2px solid var(--lime-ink);font-weight:700}.reference-fencing-installation .jump-links{color:currentColor;gap:25px}.reference-fencing-installation .jump-links a:hover{color:var(--ink)}.reference-fencing-installation .intro-grid{grid-template-columns:1fr 1fr;align-items:start;gap:11%;display:grid}.reference-fencing-installation .intro-grid h2{max-width:560px}.reference-fencing-installation .intro-grid .lead{padding-top:37px}.reference-fencing-installation .benefit-strip{border-top:1px solid var(--border);grid-template-columns:repeat(4,1fr);margin-top:62px;display:grid}.reference-fencing-installation .benefit{padding:28px 32px 4px 0}.reference-fencing-installation .benefit:not(:first-child){border-left:1px solid var(--border);padding-left:30px}.reference-fencing-installation .benefit strong{margin:12px 0;font-size:1.15rem;font-weight:600;line-height:1.3;display:block}.reference-fencing-installation .benefit .symbol{color:var(--lime-ink);font-size:1.7rem;line-height:1}.reference-fencing-installation .benefit p{color:currentColor;font-size:.95rem}.reference-fencing-installation .tone{background:var(--secondary)}.reference-fencing-installation .section-head{justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:45px;display:flex}.reference-fencing-installation .section-head p{max-width:440px}.reference-fencing-installation .section-head .eyebrow{margin-bottom:18px}.reference-fencing-installation .profiles{grid-template-columns:1fr 1fr;gap:28px;display:grid}.reference-fencing-installation .profile-card{display:block}.reference-fencing-installation .profile-image{height:380px;position:relative;overflow:hidden}.reference-fencing-installation .profile-image img{object-fit:cover;width:100%;height:100%;transition:transform .7s}.reference-fencing-installation .profile-card:hover img{transform:scale(1.035)}.reference-fencing-installation .profile-image .number{background:var(--background);padding:5px 12px;font-size:.85rem;position:absolute;top:20px;left:20px}.reference-fencing-installation .profile-info{padding:28px 0 5px}.reference-fencing-installation .profile-info h3{margin-bottom:15px;font-size:2.4rem}.reference-fencing-installation .profile-info p{color:currentColor;max-width:480px;margin-bottom:15px}.reference-fencing-installation .tags{flex-wrap:wrap;gap:7px;margin:20px 0;display:flex}.reference-fencing-installation .tag{border:1px solid var(--border);padding:5px 10px;font-size:.77rem;line-height:1.3}.reference-fencing-installation .explorer-grid{grid-template-columns:minmax(0,1.4fr) minmax(350px,1fr);align-items:start;gap:56px;display:grid}.reference-fencing-installation .explorer-photo{background:var(--secondary);aspect-ratio:1.25;position:relative;overflow:hidden}.reference-fencing-installation .explorer-photo>img{object-fit:cover;width:100%;height:100%}.reference-fencing-installation .image-note{background:var(--fencing-overlay);color:var(--ink);padding:5px 10px;font-size:.75rem;position:absolute;bottom:20px;left:20px}.reference-fencing-installation .photo-expand{color:var(--ink);background:var(--card);min-height:42px;padding:8px 12px;font-size:.8rem;position:absolute;top:17px;right:17px}.reference-fencing-installation .photo-caption{justify-content:space-between;align-items:start;gap:12px;margin-top:16px;font-size:.9rem;display:flex}.reference-fencing-installation .photo-caption small{color:currentColor;font-size:.78rem}.reference-fencing-installation .explorer-controls{padding-top:1px}.reference-fencing-installation .segmented{border:1px solid var(--border);gap:0;width:fit-content;margin-bottom:28px;display:flex}.reference-fencing-installation .segmented button{color:currentColor;background:0 0;min-height:42px;padding:10px 20px;font-size:.88rem}.reference-fencing-installation .segmented button[aria-pressed=true]{background:var(--ink);color:var(--card)}.reference-fencing-installation .explorer-controls h3{font-size:2.6rem}.reference-fencing-installation .finish-story{color:currentColor;min-height:76px;margin-top:12px;font-size:1rem}.reference-fencing-installation .swatches{grid-template-columns:repeat(5,1fr);gap:18px 13px;margin:28px 0;display:grid}.reference-fencing-installation .swatch{text-align:left;color:var(--ink);background:0 0;padding:0}.reference-fencing-installation .swatch-chip{border:1px solid var(--fencing-overlay);width:100%;height:46px;margin-bottom:7px;display:block;position:relative}.reference-fencing-installation .swatch[aria-pressed=true] .swatch-chip{outline:2px solid var(--lime-ink);outline-offset:4px}.reference-fencing-installation .swatch[aria-pressed=true] .swatch-chip:after{content:"✓";background:var(--background);color:var(--lime-ink);text-align:center;border-radius:50%;width:20px;height:20px;font-size:14px;font-weight:700;line-height:20px;position:absolute;bottom:4px;right:5px}.reference-fencing-installation .swatch-label{min-height:28px;font-size:.77rem;line-height:1.15;display:block}.reference-fencing-installation .orientation{margin-top:25px}.reference-fencing-installation .orientation .small{margin-bottom:9px}.reference-fencing-installation .orientation .segmented{margin-bottom:12px}.reference-fencing-installation .sample-action{flex-wrap:wrap;align-items:center;gap:22px;margin-top:24px;display:flex}.reference-fencing-installation .colour-note{color:currentColor;margin-top:22px;font-size:.77rem}.reference-fencing-installation .no-preview{text-align:center;background:var(--secondary);flex-direction:column;justify-content:center;align-items:center;gap:15px;height:100%;padding:35px;display:flex}.reference-fencing-installation .colour-block{border:1px solid var(--fencing-overlay);width:140px;height:100px;display:block}.reference-fencing-installation .gallery-tools{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;margin:30px 0;display:flex}.reference-fencing-installation .filter-buttons{gap:24px;display:flex}.reference-fencing-installation .filter-buttons button{color:currentColor;background:0 0;border-bottom:2px solid #0000;padding:14px 0;font-size:.92rem}.reference-fencing-installation .filter-buttons button[aria-pressed=true]{border-color:var(--ink);color:var(--ink);font-weight:600}.reference-fencing-installation .gallery-tools select{color:var(--ink);background:0 0;border:0;max-width:180px;padding:9px 24px 9px 9px;font-size:.88rem}.reference-fencing-installation .gallery-grid{grid-template-columns:repeat(3,1fr);gap:40px 24px;display:grid}.reference-fencing-installation .gallery-card{text-align:left;color:inherit;background:0 0;padding:0}.reference-fencing-installation .gallery-card .gallery-img{aspect-ratio:1.35;overflow:hidden}.reference-fencing-installation .gallery-card img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.reference-fencing-installation .gallery-card:hover img{transform:scale(1.035)}.reference-fencing-installation .gallery-card h3{letter-spacing:0;margin:15px 0 6px;font-size:1.3rem;line-height:1.3}.reference-fencing-installation .gallery-card p{color:currentColor;font-size:.86rem}.reference-fencing-installation .gallery-bottom{justify-content:space-between;align-items:center;gap:30px;margin-top:38px;display:flex}.reference-fencing-installation .empty-gallery{color:currentColor;grid-column:1/-1;padding:50px 0}.reference-fencing-installation .construction{background:var(--foreground);color:var(--ink-foreground)}.reference-fencing-installation .construction .eyebrow{color:var(--accent)}.reference-fencing-installation .construction-grid{grid-template-columns:1fr 1fr;align-items:start;gap:85px;display:grid}.reference-fencing-installation .construction h2{max-width:450px;margin-bottom:25px}.reference-fencing-installation .construction .lead{color:var(--ink-foreground);max-width:455px}.reference-fencing-installation .construction-steps{border-top:1px solid var(--fencing-overlay)}.reference-fencing-installation .construction-step{border-bottom:1px solid var(--fencing-overlay);grid-template-columns:45px 1fr;gap:15px;padding:25px 0;display:grid}.reference-fencing-installation .construction-step>span{color:var(--accent);font-size:.85rem}.reference-fencing-installation .construction-step h3{letter-spacing:0;margin-bottom:10px;font-size:1.4rem}.reference-fencing-installation .construction-step p{color:var(--ink-foreground);font-size:.96rem}.reference-fencing-installation .construction .actions{margin-top:35px}.reference-fencing-installation .product-design{grid-template-columns:1.05fr 1fr;align-items:center;gap:75px;display:grid}.reference-fencing-installation .product-design img{aspect-ratio:1.12;object-fit:cover;width:100%}.reference-fencing-installation .product-design h2{margin-bottom:23px}.reference-fencing-installation .product-design p{margin-bottom:22px}.reference-fencing-installation .feature-list{border-top:1px solid var(--border);margin:30px 0 0;padding:0;list-style:none}.reference-fencing-installation .feature-list li{border-bottom:1px solid var(--border);gap:18px;padding:15px 0;font-size:.97rem;display:flex}.reference-fencing-installation .feature-list li>span{color:var(--lime-ink);padding-top:3px;font-size:.78rem}.reference-fencing-installation .spec-grid{grid-template-columns:.9fr 1.1fr;gap:100px;display:grid}.reference-fencing-installation .spec-grid h2{margin-bottom:24px}.reference-fencing-installation .spec-table{margin:0}.reference-fencing-installation .spec-table>div{border-top:1px solid var(--border);grid-template-columns:1fr 1.2fr;gap:25px;padding:18px 0;font-size:.97rem;display:grid}.reference-fencing-installation .spec-table dt{font-weight:600}.reference-fencing-installation .spec-table dd{color:currentColor;margin:0}.reference-fencing-installation .spec-table>div:last-child{border-bottom:1px solid var(--border)}.reference-fencing-installation .faq-grid{grid-template-columns:.85fr 1.15fr;gap:90px;display:grid}.reference-fencing-installation .faq-grid h2{max-width:380px;margin-bottom:25px}.reference-fencing-installation .faq-grid .lead{max-width:335px}.reference-fencing-installation .faqs details{border-top:1px solid var(--border)}.reference-fencing-installation .faqs details:last-child{border-bottom:1px solid var(--border)}.reference-fencing-installation .faqs summary{cursor:pointer;padding:23px 45px 23px 0;font-size:1.08rem;line-height:1.4;list-style:none;position:relative}.reference-fencing-installation .faqs summary::-webkit-details-marker{display:none}.reference-fencing-installation .faqs summary:after{content:"+";color:var(--lime-ink);font-size:1.6rem;font-weight:400;position:absolute;top:19px;right:4px}.reference-fencing-installation .faqs details[open] summary:after{content:"−"}.reference-fencing-installation .faqs details p{color:currentColor;padding:0 30px 25px 0;font-size:1rem;line-height:1.7}.reference-fencing-installation .crosslink{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:40px;margin-top:70px;padding:35px 0;display:flex}.reference-fencing-installation .crosslink h3{font-size:1.9rem}.reference-fencing-installation .final-cta{background:var(--accent);padding:75px 0}.reference-fencing-installation .final-cta .wrap{justify-content:space-between;align-items:center;gap:60px;display:flex}.reference-fencing-installation .final-cta h2{max-width:640px;font-size:3.6rem}.reference-fencing-installation .final-cta .eyebrow{color:var(--foreground)}.reference-fencing-installation .final-cta p{max-width:580px;color:var(--foreground);margin-top:20px}.reference-fencing-installation .final-cta .actions{flex-shrink:0;max-width:220px}.reference-fencing-installation .final-cta .btn{width:100%}.reference-fencing-installation .footer{background:var(--foreground);color:var(--ink-foreground);padding:65px 0 25px}.reference-fencing-installation .footer-top{grid-template-columns:repeat(4,minmax(0,1fr));gap:65px;display:grid}.reference-fencing-installation .footer .logo{width:175px}.reference-fencing-installation .footer p{color:var(--ink-foreground);max-width:330px;margin-top:22px;font-size:.9rem}.reference-fencing-installation .footer-title{letter-spacing:0;color:var(--accent);margin-bottom:20px;font-size:.76rem}.reference-fencing-installation .footer-links{flex-direction:column;gap:11px;font-size:.9rem;display:flex}.reference-fencing-installation .footer-bottom{border-top:1px solid var(--fencing-overlay);color:var(--foreground);justify-content:space-between;gap:20px;margin-top:50px;padding-top:25px;font-size:.76rem;display:flex}.reference-fencing-installation dialog{background:var(--background);color:var(--ink);width:100%;max-width:min(1050px,94vw);max-height:92dvh;box-shadow:0 20px 100px var(--fencing-overlay);border:0;padding:0;overflow:auto}.reference-fencing-installation dialog::backdrop{background:var(--fencing-overlay)}.reference-fencing-installation .dialog-close{z-index:2;background:var(--background);width:44px;height:44px;color:var(--ink);justify-content:center;align-items:center;font-size:1.6rem;display:flex;position:absolute;top:15px;right:15px}.reference-fencing-installation .lightbox-image{object-fit:contain;background:var(--foreground);width:100%;max-height:65dvh}.reference-fencing-installation .lightbox-.reference-fencing-installation{justify-content:space-between;align-items:center;gap:30px;padding:28px 35px;display:flex}.reference-fencing-installation .lightbox-.reference-fencing-installation h3{margin-bottom:8px;font-size:1.8rem}.reference-fencing-installation #sample-dialog{max-width:580px;padding:45px}.reference-fencing-installation #sample-dialog h2{margin-bottom:18px;font-size:2.7rem}.reference-fencing-installation #sample-dialog p{color:currentColor}.reference-fencing-installation .sample-fields{gap:20px;margin:26px 0;display:grid}.reference-fencing-installation .sample-fields label{font-size:.87rem;font-weight:600}.reference-fencing-installation .sample-fields select{border:1px solid var(--border);background:var(--card);border-radius:0;width:100%;margin-top:8px;padding:12px;display:block}.reference-fencing-installation .sample-summary{background:var(--secondary);margin:20px 0;padding:18px}.reference-fencing-installation .sample-summary strong{display:block}.reference-fencing-installation .sample-note{margin-top:18px;font-size:.83rem}.reference-fencing-installation .sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.reference-fencing-installation [hidden]{display:none!important}@media (width>=1700px){.reference-fencing-installation .hero{min-height:800px}}@media (width<=1100px){.reference-fencing-installation .wrap{width:90%}.reference-fencing-installation .primary-nav{gap:24px}.reference-fencing-installation .explorer-grid{grid-template-columns:1.15fr 1fr;gap:35px}.reference-fencing-installation .section{padding:80px 0}.reference-fencing-installation .construction-grid,.reference-fencing-installation .faq-grid,.reference-fencing-installation .spec-grid{gap:55px}.reference-fencing-installation .footer-top{gap:30px}.reference-fencing-installation .profile-image{height:320px}.reference-fencing-installation .jump-links{gap:17px}.reference-fencing-installation .swatches{gap:16px 12px}.reference-fencing-installation .product-design{gap:45px}}@media (width<=800px){.reference-fencing-installation .utility .wrap>span{display:none}.reference-fencing-installation .utility .wrap{justify-content:flex-end}.reference-fencing-installation .utility-links{gap:20px}.reference-fencing-installation .header-inner{height:82px}.reference-fencing-installation .logo{width:160px}.reference-fencing-installation .menu-toggle{display:block}.reference-fencing-installation .primary-nav{background:var(--foreground);flex-direction:column;align-items:stretch;gap:7px;padding:25px 5%;display:none;position:absolute;top:82px;left:0;right:0}.reference-fencing-installation .primary-nav.open{display:flex}.reference-fencing-installation .hero{min-height:650px}.reference-fencing-installation .hero-content{padding-top:160px;padding-bottom:80px}.reference-fencing-installation .hero h1{max-width:630px;font-size:4.7rem}.reference-fencing-installation .hero:after{background:linear-gradient(90deg,var(--fencing-hero-overlay),var(--fencing-hero-overlay)),linear-gradient(0deg,var(--fencing-hero-overlay),transparent)}.reference-fencing-installation .hero p:not(.eyebrow){font-size:1.05rem}.reference-fencing-installation .hero-caption{display:none}.reference-fencing-installation .page-nav .wrap{min-height:0;display:block}.reference-fencing-installation .page-tabs{justify-content:space-between;gap:15px}.reference-fencing-installation .page-tabs a{padding:17px 0;font-size:.85rem}.reference-fencing-installation .jump-links{display:none}.reference-fencing-installation .intro-grid{grid-template-columns:1fr;gap:15px}.reference-fencing-installation .intro-grid .lead{padding-top:0}.reference-fencing-installation .benefit-strip{grid-template-columns:1fr 1fr;gap:0;margin-top:40px}.reference-fencing-installation .benefit{padding:25px 15px 20px 0}.reference-fencing-installation .benefit:not(:first-child){padding-left:20px}.reference-fencing-installation .benefit:nth-child(3){border-left:0;border-top:1px solid var(--border);padding-left:0}.reference-fencing-installation .benefit:nth-child(4){border-top:1px solid var(--border)}.reference-fencing-installation .section-head{flex-direction:column;align-items:start;gap:22px;margin-bottom:32px}.reference-fencing-installation .section-head p{max-width:620px}.reference-fencing-installation .profile-image{height:300px}.reference-fencing-installation .profile-info h3{font-size:2rem}.reference-fencing-installation .explorer-grid{grid-template-columns:1fr;gap:30px}.reference-fencing-installation .explorer-photo{aspect-ratio:1.5}.reference-fencing-installation .explorer-controls h3{font-size:2.5rem}.reference-fencing-installation .finish-story{min-height:0}.reference-fencing-installation .swatches{grid-template-columns:repeat(5,1fr);gap:22px}.reference-fencing-installation .swatch-chip{height:60px}.reference-fencing-installation .swatch-label{min-height:0;font-size:.82rem}.reference-fencing-installation .gallery-grid{grid-template-columns:1fr 1fr}.reference-fencing-installation .construction-grid,.reference-fencing-installation .faq-grid,.reference-fencing-installation .spec-grid,.reference-fencing-installation .product-design{grid-template-columns:1fr;gap:40px}.reference-fencing-installation .construction h2{max-width:600px}.reference-fencing-installation .product-design img{aspect-ratio:1.5}.reference-fencing-installation .faq-grid h2{max-width:580px}.reference-fencing-installation .faq-grid .lead{max-width:500px}.reference-fencing-installation .final-cta .wrap{flex-direction:column;align-items:flex-start;gap:32px}.reference-fencing-installation .final-cta .actions{max-width:none}.reference-fencing-installation .final-cta .btn{width:auto}.reference-fencing-installation .footer-top{grid-template-columns:1.5fr 1fr;gap:42px}.reference-fencing-installation .footer-bottom{flex-direction:column}.reference-fencing-installation .lightbox-.reference-fencing-installation{flex-direction:column;align-items:start;gap:18px}}@media (width<=520px){.reference-fencing-installation{font-size:16px}.reference-fencing-installation .wrap{width:89%}.reference-fencing-installation .utility{height:30px}.reference-fencing-installation .utility-links{gap:22px;font-size:.65rem}.reference-fencing-installation .hero{min-height:690px}.reference-fencing-installation .hero.product{min-height:650px}.reference-fencing-installation .hero-content{padding-top:140px;padding-bottom:64px}.reference-fencing-installation .hero h1{letter-spacing:0;font-size:3.25rem}.reference-fencing-installation .hero .eyebrow{font-size:.72rem}.reference-fencing-installation .hero .actions{flex-direction:column;align-items:stretch;max-width:270px}.reference-fencing-installation .section{padding:62px 0}.reference-fencing-installation .eyebrow{margin-bottom:16px}.reference-fencing-installation h2{font-size:2.55rem}.reference-fencing-installation .benefit strong{font-size:1.05rem}.reference-fencing-installation .benefit p{font-size:.88rem}.reference-fencing-installation .benefit:not(:first-child){padding-left:16px}.reference-fencing-installation .benefit:nth-child(3){padding-left:0}.reference-fencing-installation .profiles{grid-template-columns:1fr;gap:38px}.reference-fencing-installation .profile-image{height:285px}.reference-fencing-installation .profile-info{padding-top:22px}.reference-fencing-installation .profile-info p{font-size:.98rem}.reference-fencing-installation .explorer-photo{aspect-ratio:1.15}.reference-fencing-installation .image-note{font-size:.7rem;bottom:12px;left:12px}.reference-fencing-installation .photo-caption{flex-direction:column;gap:2px}.reference-fencing-installation .swatches{grid-template-columns:repeat(3,1fr);gap:20px 12px}.reference-fencing-installation .swatch-chip{height:49px}.reference-fencing-installation .swatch-label{font-size:.82rem}.reference-fencing-installation .sample-action{gap:17px}.reference-fencing-installation .gallery-tools{align-items:flex-start}.reference-fencing-installation .filter-buttons{gap:19px}.reference-fencing-installation .filter-buttons button{font-size:.86rem}.reference-fencing-installation .gallery-tools select{max-width:115px;padding-top:15px;font-size:.8rem}.reference-fencing-installation .gallery-grid{grid-template-columns:1fr;gap:30px}.reference-fencing-installation .gallery-card .gallery-img{aspect-ratio:1.4}.reference-fencing-installation .gallery-bottom{flex-direction:column;align-items:start;gap:20px}.reference-fencing-installation .spec-table>div{grid-template-columns:1fr 1.2fr;gap:20px;font-size:.9rem}.reference-fencing-installation .construction-step{grid-template-columns:27px 1fr;gap:12px}.reference-fencing-installation .faqs summary{font-size:1rem}.reference-fencing-installation .crosslink{flex-direction:column;align-items:start;margin-top:45px}.reference-fencing-installation .final-cta{padding:60px 0}.reference-fencing-installation .final-cta .actions{flex-direction:column;width:100%;max-width:270px}.reference-fencing-installation .footer-top{grid-template-columns:1fr 1fr;gap:35px 24px}.reference-fencing-installation .footer-top>div:first-child,.reference-fencing-installation .footer-top>div:last-child{grid-column:1/-1}.reference-fencing-installation .footer-title{margin-bottom:16px}.reference-fencing-installation #sample-dialog{padding:35px 25px}.reference-fencing-installation .lightbox-.reference-fencing-installation{padding:23px}.reference-fencing-installation .page-tabs{gap:10px}.reference-fencing-installation .page-tabs a{font-size:.79rem}.reference-fencing-installation .segmented button{padding:10px 16px}}@media (prefers-reduced-motion:reduce){.reference-fencing-installation{scroll-behavior:auto}.reference-fencing-installation *{transition:none!important}}.reference-fencing-installation .preview-switch{width:100%;margin-bottom:18px}.reference-fencing-installation .preview-switch button{flex:1;min-height:46px}.reference-fencing-installation .explorer-photo.board-preview{background:var(--card);border:1px solid var(--border)}.reference-fencing-installation .explorer-photo.board-preview>img{object-fit:contain;width:100%;height:100%;padding:18px 20px 35px}.reference-fencing-installation .board-colour-label{margin:25px 0 13px;font-size:.85rem;font-weight:600}.reference-fencing-installation .swatches.board-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:21px 15px;margin:0 0 22px}.reference-fencing-installation .board-options .swatch-chip{aspect-ratio:.84;background:var(--card);border:1px solid var(--border);height:auto;margin-bottom:10px;overflow:visible}.reference-fencing-installation .board-options .swatch-chip img{object-fit:contain;width:100%;height:100%;transition:transform .25s}.reference-fencing-installation .board-options .swatch:hover img{transform:scale(1.06)}.reference-fencing-installation .board-options .swatch-label{min-height:1.25em;font-size:.85rem;line-height:1.25}.reference-fencing-installation .board-options .swatch[aria-pressed=true] .swatch-chip{outline-offset:3px}.reference-fencing-installation .additional-finish{color:currentColor;flex-wrap:wrap;align-items:center;gap:5px 10px;margin-top:8px;font-size:.8rem;display:flex}.reference-fencing-installation .additional-finish button{color:var(--ink);background:0 0;padding:5px 0;font-size:.8rem}.reference-fencing-installation .additional-finish button[aria-pressed=true]{color:var(--lime-ink);border-bottom-width:2px}.reference-fencing-installation .board-unavailable{background:var(--card)}.reference-fencing-installation .board-unavailable p{max-width:35ch}.reference-fencing-installation .board-unavailable .eyebrow{margin-bottom:0}.reference-fencing-installation .board-unavailable .btn{margin-top:12px}.reference-fencing-installation .board-dialog-image{background:var(--card);justify-content:center;align-items:center;padding:35px 30px 15px;display:flex}.reference-fencing-installation .board-dialog-image img{object-fit:contain;max-width:100%;height:62dvh;max-height:760px}.reference-fencing-installation #board-dialog{max-width:min(900px,94vw)}.reference-fencing-installation #board-dialog .lightbox-.reference-fencing-installation{border-top:1px solid var(--border)}@media (width<=1100px){.reference-fencing-installation .swatches.board-options{gap:20px 12px}.reference-fencing-installation .board-options .swatch-label{font-size:.8rem}.reference-fencing-installation .board-options .swatch-chip{aspect-ratio:.75}}@media (width<=800px){.reference-fencing-installation .explorer-photo.board-preview{aspect-ratio:1.3}.reference-fencing-installation .swatches.board-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px}.reference-fencing-installation .board-options .swatch-chip{aspect-ratio:1}.reference-fencing-installation .board-options .swatch-label{font-size:.88rem}.reference-fencing-installation .preview-switch{margin-bottom:15px}}@media (width<=520px){.reference-fencing-installation .explorer-photo.board-preview{aspect-ratio:1.04}.reference-fencing-installation .explorer-photo.board-preview>img{padding:10px 14px 30px}.reference-fencing-installation .swatches.board-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:21px 12px}.reference-fencing-installation .board-options .swatch-chip{aspect-ratio:.65}.reference-fencing-installation .board-options .swatch-label{min-height:2.5em;font-size:.82rem}.reference-fencing-installation .preview-switch button{padding:12px 10px;font-size:.85rem}.reference-fencing-installation .board-dialog-image{padding:45px 15px 15px}.reference-fencing-installation .board-dialog-image img{height:52dvh}.reference-fencing-installation .additional-finish{font-size:.8rem}}.reference-fencing-installation .header .logo,.reference-fencing-installation .footer .logo{mix-blend-mode:normal;object-fit:contain;width:240px;height:auto;max-height:none;display:block}.reference-fencing-installation .header-inner>a:first-child{flex-shrink:0;display:block}@media (width<=1000px){.reference-fencing-installation .header .logo{width:210px}}@media (width<=480px){.reference-fencing-installation .header .logo{width:188px}.reference-fencing-installation .footer .logo{width:220px}}.reference-fencing-installation .advantages{position:relative}.reference-fencing-installation .advantages .section-anchor{position:absolute;top:0;left:0}.reference-fencing-installation .advantage-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:70px;display:grid}.reference-fencing-installation .advantages .advantage-intro .eyebrow{letter-spacing:0;max-width:390px;font-size:.8rem;line-height:1.6}.reference-fencing-installation .advantages h2{letter-spacing:0;max-width:530px;margin-bottom:25px;font-size:4.2rem;line-height:1.08}.reference-fencing-installation .advantages h2 span{color:var(--accent)}.reference-fencing-installation .advantages .lead{max-width:390px;margin-bottom:32px;line-height:1.65}.reference-fencing-installation .advantage-intro>.btn{border-color:var(--secondary);color:var(--ink-foreground);min-height:48px}.reference-fencing-installation .advantage-grid{gap:22px;display:grid}.reference-fencing-installation .advantage-card{background:var(--background);color:var(--ink);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);min-width:0;min-height:235px;display:grid;overflow:hidden}.reference-fencing-installation .advantage-image{background:var(--card);justify-content:center;align-items:center;min-width:0;padding:34px 14px 25px;display:flex;position:relative}.reference-fencing-installation .advantage-number{color:var(--lime-ink);letter-spacing:0;font-size:.8rem;font-weight:600;position:absolute;top:18px;left:20px}.reference-fencing-installation .advantage-drawing{width:100%;max-width:240px;height:auto;display:block;overflow:hidden}.reference-fencing-installation .advantage-copy{flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;padding:31px 30px 29px 24px;display:flex}.reference-fencing-installation .advantage-copy h3{letter-spacing:0;margin-bottom:13px;font-size:1.55rem;line-height:1.2}.reference-fencing-installation .advantage-copy p{color:currentColor;margin-bottom:21px;font-size:1rem;line-height:1.65}.reference-fencing-installation .advantage-result{border-top:2px solid var(--secondary);max-width:100%;color:var(--lime-ink);padding-top:13px;font-size:.875rem;font-weight:600;line-height:1.45;display:block}.reference-fencing-installation .jump-links a{white-space:nowrap}@media (width<=1180px){.reference-fencing-installation .page-nav .jump-links{display:none}.reference-fencing-installation .advantage-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:42px}.reference-fencing-installation .advantage-copy{padding:28px 24px 26px 20px}.reference-fencing-installation .advantages h2{font-size:3.25rem}}@media (width<=1000px){.reference-fencing-installation .advantage-layout{grid-template-columns:1fr;gap:38px}.reference-fencing-installation .advantage-intro,.reference-fencing-installation .advantages h2{max-width:600px}.reference-fencing-installation .advantages .lead{max-width:570px}.reference-fencing-installation .advantage-card{grid-template-columns:minmax(180px,.65fr) minmax(0,1.35fr);min-height:220px}.reference-fencing-installation .advantage-copy{padding:30px}.reference-fencing-installation .advantage-image{padding:35px 20px 25px}.reference-fencing-installation .advantage-drawing{max-width:235px}}@media (width<=520px){.reference-fencing-installation .advantages h2{font-size:2.75rem}.reference-fencing-installation .advantages .advantage-intro .eyebrow{max-width:290px;font-size:.8rem}.reference-fencing-installation .advantage-layout{gap:32px}.reference-fencing-installation .advantage-grid{gap:22px}.reference-fencing-installation .advantage-card{grid-template-columns:1fr}.reference-fencing-installation .advantage-image{height:175px;padding:30px 45px 18px}.reference-fencing-installation .advantage-drawing{width:auto;max-width:100%;height:100%}.reference-fencing-installation .advantage-number{top:17px;left:24px}.reference-fencing-installation .advantage-copy{padding:25px}.reference-fencing-installation .advantage-copy h3{font-size:1.55rem}.reference-fencing-installation .advantage-copy p{margin-bottom:19px}.reference-fencing-installation .advantage-result{font-size:.875rem}.reference-fencing-installation .advantage-intro>.btn{font-size:.8rem}}.reference-fencing-installation .trims-section{border-top:1px solid var(--border);background:var(--background)}.reference-fencing-installation .trim-section-meta{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.reference-fencing-installation .trim-finish{color:currentColor;align-items:center;gap:10px;font-size:.88rem;display:inline-flex}.reference-fencing-installation .trim-finish>span{background:var(--border);border:1px solid var(--fencing-overlay);width:24px;height:24px;display:block}.reference-fencing-installation .trim-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.reference-fencing-installation .trim-card{text-align:left;color:inherit;border:1px solid var(--border);background:0 0;flex-direction:column;padding:0;transition:border-color .2s;display:flex}.reference-fencing-installation .trim-card:hover{border-color:var(--lime-ink)}.reference-fencing-installation .trim-card-image{background:var(--card);aspect-ratio:1.35;width:100%;position:relative;overflow:hidden}.reference-fencing-installation .trim-card-image img{object-fit:contain;width:100%;height:100%;transition:transform .4s}.reference-fencing-installation .trim-card:hover img{transform:scale(1.035)}.reference-fencing-installation .trim-card-number{color:currentColor;font-size:.75rem;position:absolute;top:14px;left:16px}.reference-fencing-installation .trim-card-.reference-fencing-installation{flex-direction:column;flex:1;align-items:flex-start;padding:22px 20px;display:flex}.reference-fencing-installation .trim-card h3{letter-spacing:0;margin-bottom:8px;font-size:1.2rem;line-height:1.25}.reference-fencing-installation .trim-card p{color:currentColor;margin-bottom:22px;font-size:.85rem}.reference-fencing-installation .trim-view{border-bottom:1px solid;margin-top:auto;padding-bottom:3px;font-size:.82rem;font-weight:600;display:inline-block}.reference-fencing-installation .trim-section-bottom{justify-content:space-between;align-items:center;gap:50px;margin-top:35px;display:flex}.reference-fencing-installation .trim-section-bottom p{max-width:650px}.reference-fencing-installation .trim-section-bottom .btn{flex-shrink:0}.reference-fencing-installation #trim-dialog{max-width:min(1100px,94vw)}.reference-fencing-installation .trim-dialog-grid{grid-template-columns:1.2fr 1fr;min-height:480px;display:grid}.reference-fencing-installation .trim-dialog-image{background:var(--card);justify-content:center;align-items:center;min-width:0;padding:25px;display:flex}.reference-fencing-installation .trim-dialog-image img{object-fit:contain;width:100%;max-height:65dvh}.reference-fencing-installation .trim-dialog-.reference-fencing-installation{flex-direction:column;align-items:flex-start;padding:62px 40px 45px;display:flex}.reference-fencing-installation .trim-dialog-.reference-fencing-installation h2{margin-bottom:24px;font-size:2.5rem}.reference-fencing-installation .trim-dialog-.reference-fencing-installation>.trim-finish{margin-bottom:25px}.reference-fencing-installation .trim-dialog-.reference-fencing-installation #trim-dialog-description{margin-bottom:22px;font-size:1.02rem}.reference-fencing-installation .trim-dialog-.reference-fencing-installation>.btn{margin-top:30px}.reference-fencing-installation .trim-dialog-.reference-fencing-installation>.eyebrow{margin-bottom:17px}@media (width<=1100px){.reference-fencing-installation .trim-grid{gap:18px}.reference-fencing-installation .trim-card-.reference-fencing-installation{padding:20px 15px}.reference-fencing-installation .trim-card h3{font-size:1.08rem}}@media (width<=950px){.reference-fencing-installation .page-nav .jump-links{display:none}.reference-fencing-installation .trim-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-fencing-installation .trim-dialog-grid{grid-template-columns:1fr}.reference-fencing-installation .trim-dialog-image{padding:10px 35px}.reference-fencing-installation .trim-dialog-image img{height:38dvh}.reference-fencing-installation .trim-dialog-.reference-fencing-installation{padding:30px 35px 40px}.reference-fencing-installation .trim-dialog-.reference-fencing-installation h2{margin-bottom:20px}.reference-fencing-installation .trim-section-bottom{gap:25px}}@media (width<=520px){.reference-fencing-installation .trim-grid{gap:18px 12px}.reference-fencing-installation .trim-card-.reference-fencing-installation{padding:16px 13px}.reference-fencing-installation .trim-card h3{font-size:1rem;line-height:1.3}.reference-fencing-installation .trim-card p{margin-bottom:18px;font-size:.8rem}.reference-fencing-installation .trim-card-image{aspect-ratio:1.05}.reference-fencing-installation .trim-card-number{top:10px;left:10px}.reference-fencing-installation .trim-card-image img{transform:scale(1.12)}.reference-fencing-installation .trim-card:hover img{transform:scale(1.16)}.reference-fencing-installation .trim-section-meta{align-items:flex-start;gap:20px}.reference-fencing-installation .trim-section-meta>p{text-align:right;max-width:150px;font-size:.8rem}.reference-fencing-installation .trim-section-bottom{flex-direction:column;align-items:flex-start;gap:23px}.reference-fencing-installation .trim-dialog-.reference-fencing-installation{padding:25px}.reference-fencing-installation .trim-dialog-.reference-fencing-installation h2{font-size:2.15rem}.reference-fencing-installation .trim-dialog-image{padding:20px}.reference-fencing-installation .trim-dialog-image img{height:31dvh}.reference-fencing-installation .trim-dialog-.reference-fencing-installation>.btn{width:100%}}.reference-fencing-installation .material-story .intro-grid{grid-template-columns:1.25fr 1fr;align-items:center;gap:70px}.reference-fencing-installation .material-story .intro-grid h2{max-width:690px;font-size:3.7rem;line-height:1.1}.reference-fencing-installation .material-story .intro-grid h2 span{color:var(--lime-ink)}.reference-fencing-installation .material-story .intro-grid .lead{max-width:440px;padding-top:22px}.reference-fencing-installation .material-story .lead strong{font-weight:inherit;color:var(--ink)}.reference-fencing-installation .material-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);align-items:stretch;gap:60px;margin-top:48px;display:grid}.reference-fencing-installation .core-card{background:var(--secondary);border-top:3px solid var(--lime-ink);padding:34px 36px 30px}.reference-fencing-installation .core-card .eyebrow{letter-spacing:0;margin-bottom:18px;font-size:.8rem}.reference-fencing-installation .core-card h3{letter-spacing:0;font-size:1.95rem;line-height:1.15}.reference-fencing-installation .core-composition{margin:25px 0 23px}.reference-fencing-installation .core-composition>div{border-bottom:1px solid var(--secondary);grid-template-columns:96px minmax(0,1fr);align-items:center;gap:15px;padding:14px 0;display:grid}.reference-fencing-installation .core-composition>div:first-child{border-top:1px solid var(--secondary)}.reference-fencing-installation .core-composition dt{color:var(--foreground);grid-area:1/2;font-size:.95rem;line-height:1.45}.reference-fencing-installation .core-composition dd{letter-spacing:0;color:var(--foreground);font-variant-numeric:tabular-nums;grid-area:1/1;margin:0;font-size:2.55rem;font-weight:500;line-height:1}.reference-fencing-installation .core-composition dd span{letter-spacing:0;margin-left:3px;font-size:1.2rem}.reference-fencing-installation .core-note{color:var(--foreground);font-size:1rem;line-height:1.6}.reference-fencing-installation .material-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 42px;display:grid}.reference-fencing-installation .material-benefit{border-bottom:1px solid var(--border);padding:12px 0 30px}.reference-fencing-installation .material-benefit:nth-child(n+3){border-bottom:0;padding-top:28px;padding-bottom:4px}.reference-fencing-installation .material-icon{width:42px;height:42px;color:var(--lime-ink);justify-content:center;align-items:center;margin-bottom:20px;display:flex}.reference-fencing-installation .material-icon svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:34px;height:34px}.reference-fencing-installation .material-benefit h3{letter-spacing:0;margin-bottom:13px;font-size:1.45rem;line-height:1.2}.reference-fencing-installation .material-benefit p{color:currentColor;font-size:1rem;line-height:1.65}@media (width<=1100px){.reference-fencing-installation .material-story .intro-grid{gap:40px}.reference-fencing-installation .material-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:35px}.reference-fencing-installation .core-card{padding:30px 26px}.reference-fencing-installation .core-composition>div{grid-template-columns:80px minmax(0,1fr);gap:10px}.reference-fencing-installation .material-benefits{gap:0 28px}.reference-fencing-installation .material-benefit h3{font-size:1.3rem}}@media (width<=800px){.reference-fencing-installation .material-story .intro-grid{grid-template-columns:1fr;gap:22px}.reference-fencing-installation .material-story .intro-grid .lead{max-width:600px;padding-top:0}.reference-fencing-installation .material-layout{grid-template-columns:1fr;gap:30px;margin-top:35px}.reference-fencing-installation .core-card{padding:30px}.reference-fencing-installation .core-composition{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:25px 0 20px;display:grid}.reference-fencing-installation .core-composition>div{border-top:1px solid var(--secondary);flex-direction:column;align-items:flex-start;gap:12px;padding:18px 0;display:flex}.reference-fencing-installation .core-composition dd{order:-1}.reference-fencing-installation .core-composition dt{font-size:.95rem}.reference-fencing-installation .core-note{max-width:550px}.reference-fencing-installation .material-benefits{gap:0 35px}.reference-fencing-installation .material-benefit{padding-top:15px}.reference-fencing-installation .material-benefit h3{font-size:1.45rem}}@media (width<=520px){.reference-fencing-installation .material-story .intro-grid h2{font-size:2.55rem}.reference-fencing-installation .core-card{padding:27px 25px}.reference-fencing-installation .core-card h3{font-size:1.85rem}.reference-fencing-installation .core-composition{margin:23px 0 20px;display:block}.reference-fencing-installation .core-composition>div{border-top:0;grid-template-columns:82px minmax(0,1fr);gap:14px;padding:15px 0;display:grid}.reference-fencing-installation .core-composition dd{font-size:2.4rem}.reference-fencing-installation .core-composition dt{font-size:1rem}.reference-fencing-installation .material-benefits{grid-template-columns:1fr;gap:0}.reference-fencing-installation .material-benefit,.reference-fencing-installation .material-benefit:nth-child(n+3){border-bottom:1px solid var(--border);grid-template-columns:36px minmax(0,1fr);column-gap:18px;padding:25px 0;display:grid}.reference-fencing-installation .material-benefit:last-child{border-bottom:0;padding-bottom:0}.reference-fencing-installation .material-icon{grid-area:1/1;width:36px;height:32px;margin:0}.reference-fencing-installation .material-icon svg{width:30px;height:30px}.reference-fencing-installation .material-benefit h3{grid-area:1/2;margin:2px 0 12px;font-size:1.4rem}.reference-fencing-installation .material-benefit p{grid-column:2;font-size:1rem}}.reference-fencing-installation .buying-section{background:var(--secondary);border-top:1px solid var(--border)}.reference-fencing-installation .buying-section .section-head{align-items:center}.reference-fencing-installation .buying-section .section-head .lead{max-width:430px}.reference-fencing-installation .buying-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.reference-fencing-installation .buying-option{background:var(--background);border:1px solid var(--border);grid-template-columns:54px minmax(0,1fr);gap:24px;padding:36px;transition:border-color .2s,background .2s;display:grid}.reference-fencing-installation .buying-option:hover{border-color:var(--lime-ink);background:var(--card)}.reference-fencing-installation .buying-icon{color:var(--lime-ink);background:var(--secondary);justify-content:center;align-items:center;width:54px;height:54px;display:flex}.reference-fencing-installation .buying-icon svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:38px;height:38px}.reference-fencing-installation .buying-option h3{letter-spacing:0;margin:2px 0 14px;font-size:1.7rem;line-height:1.2}.reference-fencing-installation .buying-option p{color:currentColor;max-width:370px;font-size:1rem;line-height:1.65}.reference-fencing-installation .buying-link{border-top:1px solid var(--border);color:var(--lime-ink);justify-content:space-between;align-items:center;gap:20px;margin-top:27px;padding-top:18px;font-size:.95rem;font-weight:600;display:flex}.reference-fencing-installation .buying-link>span{font-size:1.3rem;line-height:1}.reference-fencing-installation .buying-help{justify-content:space-between;align-items:center;gap:35px;margin-top:32px;display:flex}.reference-fencing-installation .buying-help h3{letter-spacing:0;margin-bottom:5px;font-size:1.15rem;line-height:1.35}.reference-fencing-installation .buying-help p{color:currentColor;font-size:1rem}.reference-fencing-installation .buying-help .btn{flex-shrink:0}.reference-fencing-installation .professionals-section{background:var(--foreground);color:var(--background)}.reference-fencing-installation .professionals-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:80px;display:grid}.reference-fencing-installation .professionals-copy .eyebrow{color:var(--accent)}.reference-fencing-installation .professionals-copy h2{max-width:530px;margin-bottom:24px}.reference-fencing-installation .professionals-copy .lead{color:var(--ink-foreground);max-width:460px}.reference-fencing-installation .professional-links{border-top:1px solid var(--fencing-overlay);margin-top:31px}.reference-fencing-installation .professional-links>a{border-bottom:1px solid var(--fencing-overlay);justify-content:space-between;align-items:center;gap:20px;padding:23px 0;display:flex}.reference-fencing-installation .professional-links h3{letter-spacing:0;margin-bottom:8px;font-size:1.35rem;line-height:1.25}.reference-fencing-installation .professional-links p{color:var(--ink-foreground);max-width:380px;font-size:1rem;line-height:1.55}.reference-fencing-installation .professional-links>a>span{color:var(--accent);flex-shrink:0;font-size:1.6rem;line-height:1}.reference-fencing-installation .professional-links>a:hover h3{color:var(--accent)}.reference-fencing-installation .professional-inspiration{border-bottom:1px solid var(--secondary);align-items:center;gap:20px;margin-top:25px;padding:7px 0;font-size:.95rem;font-weight:600;display:inline-flex}.reference-fencing-installation .professional-inspiration>span{color:var(--accent)}.reference-fencing-installation .professionals-image{min-width:0;position:relative}.reference-fencing-installation .professionals-image>img{object-fit:cover;object-position:center;width:100%;height:510px}.reference-fencing-installation .professionals-image figcaption{color:var(--ink-foreground);flex-wrap:wrap;justify-content:space-between;gap:5px 15px;margin-top:14px;font-size:.875rem;line-height:1.45;display:flex}.reference-fencing-installation .professionals-image small{color:var(--ink-foreground);font-size:.8rem}@media (width<=1100px){.reference-fencing-installation .buying-option{grid-template-columns:46px minmax(0,1fr);gap:20px;padding:30px}.reference-fencing-installation .buying-icon{width:46px;height:46px}.reference-fencing-installation .buying-icon svg{width:32px;height:32px}.reference-fencing-installation .buying-option h3{font-size:1.5rem}.reference-fencing-installation .professionals-layout{gap:45px}.reference-fencing-installation .professionals-image>img{height:520px}}@media (width<=800px){.reference-fencing-installation .buying-section .section-head{align-items:flex-start}.reference-fencing-installation .buying-section .section-head .lead{max-width:600px}.reference-fencing-installation .buying-options{grid-template-columns:1fr;gap:20px}.reference-fencing-installation .buying-option{grid-template-columns:54px minmax(0,1fr);gap:25px}.reference-fencing-installation .buying-option p{max-width:550px}.reference-fencing-installation .buying-icon{width:54px;height:54px}.reference-fencing-installation .buying-icon svg{width:38px;height:38px}.reference-fencing-installation .buying-option h3{font-size:1.7rem}.reference-fencing-installation .professionals-layout{grid-template-columns:1fr;gap:38px}.reference-fencing-installation .professionals-copy h2{max-width:620px}.reference-fencing-installation .professionals-copy .lead,.reference-fencing-installation .professional-links p{max-width:600px}.reference-fencing-installation .professionals-image>img{aspect-ratio:1.5;height:auto}.reference-fencing-installation .professionals-image figcaption{margin-top:12px}}@media (width<=520px){.reference-fencing-installation .buying-option{grid-template-columns:1fr;gap:21px;padding:26px}.reference-fencing-installation .buying-option h3{font-size:1.55rem}.reference-fencing-installation .buying-option p{font-size:1rem}.reference-fencing-installation .buying-link{margin-top:23px;padding-top:17px}.reference-fencing-installation .buying-help{flex-direction:column;align-items:flex-start;gap:22px;margin-top:28px}.reference-fencing-installation .buying-help h3{font-size:1.1rem}.reference-fencing-installation .buying-help p{font-size:1rem}.reference-fencing-installation .professionals-copy h2{font-size:2.65rem}.reference-fencing-installation .professional-links{margin-top:26px}.reference-fencing-installation .professional-links>a{padding:22px 0}.reference-fencing-installation .professional-links h3{font-size:1.3rem}.reference-fencing-installation .professional-links p{font-size:1rem}.reference-fencing-installation .professional-inspiration{font-size:.9rem}.reference-fencing-installation .professionals-image>img{aspect-ratio:1.15}.reference-fencing-installation .professionals-image figcaption{flex-direction:column;font-size:.875rem}}.reference-fencing-installation .journal-section{background:var(--background)}.reference-fencing-installation .journal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;display:grid}.reference-fencing-installation .journal-card{color:var(--ink);text-align:left;background:0 0;flex-direction:column;min-width:0;padding:0;display:flex}.reference-fencing-installation .journal-card-image{aspect-ratio:1.4;background:var(--secondary);width:100%;position:relative;overflow:hidden}.reference-fencing-installation .journal-card-image>img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.reference-fencing-installation .journal-card:hover .journal-card-image>img{transform:scale(1.035)}.reference-fencing-installation .journal-image-note{background:var(--fencing-overlay);color:var(--foreground);padding:4px 8px;font-size:.75rem;line-height:1.35;position:absolute;bottom:12px;left:14px}.reference-fencing-installation .journal-card-copy{flex-direction:column;flex:1;align-items:flex-start;width:100%;padding:25px 0 0;display:flex}.reference-fencing-installation .journal-category{text-transform:uppercase;letter-spacing:0;color:var(--lime-ink);font-size:.8rem;font-weight:600;line-height:1.5}.reference-fencing-installation .journal-card h3{letter-spacing:0;margin:12px 0 14px;font-size:1.65rem;line-height:1.18}.reference-fencing-installation .journal-card p{color:currentColor;margin-bottom:24px;font-size:1rem;line-height:1.6}.reference-fencing-installation .journal-read{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;width:100%;margin-top:auto;padding-top:17px;font-size:.9rem;font-weight:600;display:flex}.reference-fencing-installation .journal-read>span{color:var(--lime-ink);font-size:1.35rem}.reference-fencing-installation .journal-card:hover .journal-read{color:var(--lime-ink)}.reference-fencing-installation #article-dialog{max-width:min(900px,94vw)}.reference-fencing-installation .article-image{object-fit:cover;width:100%;height:310px;max-height:40dvh}.reference-fencing-installation .article-.reference-fencing-installation{padding:38px 55px 45px}.reference-fencing-installation .article-.reference-fencing-installation h2{max-width:680px;margin:12px 0 15px;font-size:3rem;line-height:1.13}.reference-fencing-installation .article-image-caption{color:currentColor;margin-bottom:30px;font-size:.8rem}.reference-fencing-installation .article-content{max-width:680px}.reference-fencing-installation .article-content p{color:var(--foreground);margin-bottom:20px;font-size:1.05rem;line-height:1.8}.reference-fencing-installation .article-content h3{letter-spacing:0;margin:27px 0 12px;font-size:1.4rem;line-height:1.3}.reference-fencing-installation .article-.reference-fencing-installation>.btn{margin-top:14px}.reference-fencing-installation .newsletter-section{background:var(--foreground);color:var(--background);border-bottom:1px solid var(--fencing-overlay);padding:76px 0}.reference-fencing-installation .newsletter-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:85px;display:grid}.reference-fencing-installation .newsletter-section .eyebrow{color:var(--accent)}.reference-fencing-installation .newsletter-section h2{margin-bottom:22px;font-size:3.4rem;line-height:1.1}.reference-fencing-installation .newsletter-section .lead{color:var(--ink-foreground);max-width:430px}.reference-fencing-installation .newsletter-email-label{margin-bottom:12px;font-size:1rem;font-weight:500;display:block}.reference-fencing-installation .newsletter-entry{align-items:stretch;gap:0;display:flex}.reference-fencing-installation .newsletter-entry input{border:1px solid var(--secondary);background:var(--card);width:100%;min-width:0;color:var(--ink);border-radius:0;min-height:56px;padding:16px 18px;font-size:1rem}.reference-fencing-installation .newsletter-entry input::placeholder{color:var(--foreground)}.reference-fencing-installation .newsletter-entry .btn{white-space:nowrap;flex-shrink:0;gap:14px;padding:16px 20px}.reference-fencing-installation .newsletter-entry .btn>span{font-size:1.2rem;line-height:1}.reference-fencing-installation .newsletter-consent{color:var(--ink-foreground);cursor:pointer;align-items:flex-start;gap:12px;margin-top:20px;font-size:.9rem;line-height:1.6;display:flex}.reference-fencing-installation .newsletter-consent input{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0;margin:3px 0 0}.reference-fencing-installation .newsletter-form input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.reference-fencing-installation .newsletter-note{color:var(--ink-foreground);max-width:520px;margin-top:15px;font-size:.875rem;line-height:1.6}.reference-fencing-installation .newsletter-status{color:var(--ink-foreground);border-left:3px solid var(--accent);background:var(--fencing-overlay);margin-top:20px;padding:16px 18px;font-size:.95rem;line-height:1.6}.reference-fencing-installation .newsletter-status a{color:var(--accent);text-underline-offset:3px;margin-top:5px;text-decoration:underline;display:inline-block}@media (width<=1100px){.reference-fencing-installation .journal-grid{gap:24px}.reference-fencing-installation .journal-card h3{font-size:1.5rem}.reference-fencing-installation .newsletter-layout{gap:48px}.reference-fencing-installation .newsletter-entry .btn{gap:10px;padding:16px 15px;font-size:.8rem}}@media (width<=800px){.reference-fencing-installation .journal-grid{grid-template-columns:1fr;gap:32px}.reference-fencing-installation .journal-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;display:grid}.reference-fencing-installation .journal-card-image{aspect-ratio:1.2;height:100%;min-height:245px}.reference-fencing-installation .journal-card-copy{padding:0}.reference-fencing-installation .journal-card h3{font-size:1.6rem}.reference-fencing-installation .newsletter-layout{grid-template-columns:1fr;gap:32px}.reference-fencing-installation .newsletter-section .lead{max-width:550px}.reference-fencing-installation .newsletter-entry .btn{padding:16px 23px;font-size:.85rem}.reference-fencing-installation .article-.reference-fencing-installation{padding:32px 35px 40px}}@media (width<=520px){.reference-fencing-installation .journal-grid{gap:36px}.reference-fencing-installation .journal-card{gap:0;display:flex}.reference-fencing-installation .journal-card-image{aspect-ratio:1.4;height:auto;min-height:0}.reference-fencing-installation .journal-card-copy{padding-top:22px}.reference-fencing-installation .journal-card h3{font-size:1.6rem}.reference-fencing-installation .journal-card p{margin-bottom:20px}.reference-fencing-installation .article-image{height:210px;max-height:30dvh}.reference-fencing-installation .article-.reference-fencing-installation{padding:28px 25px 32px}.reference-fencing-installation .article-.reference-fencing-installation h2{font-size:2rem}.reference-fencing-installation .article-content p{font-size:1rem;line-height:1.75}.reference-fencing-installation .article-content h3{font-size:1.3rem}.reference-fencing-installation .newsletter-section{padding:60px 0}.reference-fencing-installation .newsletter-section h2{font-size:2.6rem}.reference-fencing-installation .newsletter-entry{flex-direction:column;gap:12px}.reference-fencing-installation .newsletter-entry .btn{width:100%;min-height:52px}.reference-fencing-installation .newsletter-consent{font-size:.9rem}.reference-fencing-installation .newsletter-note{font-size:.875rem}}.reference-fencing-installation .siding-download-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.reference-fencing-installation .siding-download-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-fencing-installation .siding-download-card{background:var(--secondary);border:1px solid var(--border);flex-direction:column;align-items:flex-start;min-width:0;padding:32px;display:flex}.reference-fencing-installation .siding-download-type{letter-spacing:0;color:var(--lime-ink);margin-bottom:24px;font-size:.72rem;font-weight:700}.reference-fencing-installation .siding-download-card h3{margin-bottom:18px;font-size:1.8rem;line-height:1.15}.reference-fencing-installation .siding-download-card p{color:currentColor;margin-bottom:26px;font-size:.95rem}.reference-fencing-installation .siding-download-meta{color:currentColor;margin-top:auto;margin-bottom:16px;font-size:.8rem}.reference-fencing-installation .siding-download-card .btn{gap:18px}.reference-fencing-installation .siding-spec-downloads{flex-direction:column;align-items:flex-start;gap:14px;margin-top:25px;display:flex}@media (width<=1100px) and (width>=801px){.reference-fencing-installation .siding-page-nav .wrap{flex-wrap:wrap;gap:0}.reference-fencing-installation .siding-page-nav .page-tabs,.reference-fencing-installation .siding-page-nav .jump-links{justify-content:center;width:100%}.reference-fencing-installation .siding-page-nav .jump-links{flex-wrap:wrap;padding:0 0 14px}.reference-fencing-installation .siding-download-card{padding:25px}}@media (width<=800px){.reference-fencing-installation .siding-download-grid,.reference-fencing-installation .siding-download-grid-four{grid-template-columns:1fr}.reference-fencing-installation .siding-download-card{padding:28px}.reference-fencing-installation .siding-download-card h3{font-size:1.7rem}}.reference-fencing-installation .page-nav{background:var(--fencing-overlay)}.reference-fencing-installation .hero{min-height:730px}.reference-fencing-installation .hero-img{object-position:60% 51%}.reference-fencing-installation .fence-overview-hero .hero-img{object-position:center top;filter:none}.reference-fencing-installation .hero:after{background:linear-gradient(90deg,var(--fencing-hero-overlay) 0%,var(--fencing-hero-overlay) 48%,var(--fencing-hero-overlay) 100%),linear-gradient(0deg,var(--fencing-hero-overlay),transparent 70%)}.reference-fencing-installation .hero.fence-overview-hero:after{background:linear-gradient(90deg,var(--fencing-hero-overlay),var(--fencing-hero-overlay) 50%,var(--fencing-hero-overlay) 80%),linear-gradient(0deg,var(--fencing-hero-overlay),transparent 45%)}.reference-fencing-installation .fence-overview-hero h1,.reference-fencing-installation .fence-overview-hero .hero-content>p{text-shadow:0 2px 10px var(--fencing-overlay)}@media (width<=800px){.reference-fencing-installation .hero.fence-overview-hero:after{background:linear-gradient(90deg,var(--fencing-hero-overlay),var(--fencing-hero-overlay))}}.reference-fencing-installation .hero h1{max-width:880px;font-size:6.1rem}.reference-fencing-installation .hero p:not(.eyebrow){max-width:525px}.reference-fencing-installation .hero-caption{background:var(--fencing-overlay);align-items:center;gap:10px;padding:8px 12px;display:flex}.reference-fencing-installation .hero-caption:before{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px;display:block}.reference-fencing-installation .fence-nav-label{white-space:nowrap;font-size:.85rem;font-weight:700}.reference-fencing-installation .collection-section{background:var(--card);padding-top:85px}.reference-fencing-installation .collection-grid{grid-template-columns:1fr 1fr;gap:28px;display:grid}.reference-fencing-installation .collection-card{background:var(--background);border:1px solid var(--border);min-width:0}.reference-fencing-installation .collection-card.supreme{border-top:3px solid var(--lime-ink)}.reference-fencing-installation .collection-card.classic{border-top:3px solid var(--ink)}.reference-fencing-installation .collection-photo{background:var(--secondary);aspect-ratio:1.5;text-align:left;width:100%;padding:0;display:block;position:relative;overflow:hidden}.reference-fencing-installation .collection-photo>img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.reference-fencing-installation .collection-photo:hover>img{transform:scale(1.035)}.reference-fencing-installation .collection-badge{background:var(--background);color:var(--ink);padding:6px 12px;font-size:.75rem;position:absolute;top:20px;left:20px}.reference-fencing-installation .collection-photo-link{background:var(--fencing-overlay);color:var(--card);padding:6px 12px;font-size:.75rem;position:absolute;bottom:18px;right:18px}.reference-fencing-installation .collection-copy{padding:35px}.reference-fencing-installation .collection-copy .eyebrow{margin-bottom:12px;font-size:.7rem}.reference-fencing-installation .collection-copy h3{margin-bottom:22px;font-size:3.3rem}.reference-fencing-installation .collection-headline{margin-bottom:12px;font-size:1.16rem;font-weight:600}.reference-fencing-installation .collection-description{color:currentColor;min-height:100px;font-size:.97rem}.reference-fencing-installation .collection-copy ul{margin:26px 0 30px;padding:0;list-style:none}.reference-fencing-installation .collection-copy li{border-top:1px solid var(--border);padding:12px 0 12px 23px;font-size:.85rem;position:relative}.reference-fencing-installation .collection-copy li:before{content:"✓";color:var(--lime-ink);position:absolute;left:0}.reference-fencing-installation .collection-copy .actions{align-items:center;gap:15px 22px}.reference-fencing-installation .collection-copy .btn{padding:14px 18px;font-size:.74rem}.reference-fencing-installation .collection-copy .text-link{font-size:.77rem}.reference-fencing-installation .collection-caption{color:currentColor;margin-top:26px;font-size:.73rem}.reference-fencing-installation .collection-comparison{margin-top:60px}.reference-fencing-installation .collection-comparison h3{margin-bottom:27px;font-size:2rem}.reference-fencing-installation .collection-table-scroll{overflow-x:auto}.reference-fencing-installation .collection-table-scroll table{border-collapse:collapse;text-align:left;table-layout:fixed;width:100%;font-size:.92rem}.reference-fencing-installation .collection-table-scroll th,.reference-fencing-installation .collection-table-scroll td{vertical-align:top;border-bottom:1px solid var(--border);padding:19px 22px}.reference-fencing-installation .collection-table-scroll th:first-child{width:24%;padding-left:0}.reference-fencing-installation .collection-table-scroll thead th{border-top:1px solid var(--border);font-size:1.2rem;font-weight:600}.reference-fencing-installation .collection-table-scroll thead th:first-child{color:currentColor;vertical-align:middle;font-size:.8rem}.reference-fencing-installation .collection-table-scroll tbody th{font-weight:500}.reference-fencing-installation .collection-table-scroll td{color:currentColor}.reference-fencing-installation .collection-table-scroll th:nth-child(2),.reference-fencing-installation .collection-table-scroll td:nth-child(2){background:var(--secondary)}.reference-fencing-installation .collection-shared{justify-content:space-between;align-items:center;gap:30px;padding:27px 0;display:flex}.reference-fencing-installation .collection-shared p{color:currentColor;font-size:.88rem}.reference-fencing-installation .collection-shared strong{color:var(--ink);margin-bottom:6px;font-weight:600;display:block}.reference-fencing-installation .collection-shared a{flex-shrink:0;font-size:.8rem}.reference-fencing-installation .collection-footnote{max-width:850px;font-size:.78rem}@media (width<=1100px){.reference-fencing-installation .collection-copy{padding:28px}.reference-fencing-installation .collection-description{min-height:125px}.reference-fencing-installation .fence-page-links{gap:22px}}@media (width<=800px){.reference-fencing-installation .collection-grid{grid-template-columns:1fr;gap:30px}.reference-fencing-installation .collection-description{min-height:0}.reference-fencing-installation .collection-copy{padding:32px}.reference-fencing-installation .collection-photo{aspect-ratio:1.6}.reference-fencing-installation .collection-copy h3{font-size:2.8rem}.reference-fencing-installation .collection-shared{flex-direction:column;align-items:start;gap:17px}.reference-fencing-installation .collection-table-scroll th,.reference-fencing-installation .collection-table-scroll td{padding:16px}.reference-fencing-installation .fence-page-links{justify-content:flex-start;gap:25px}}@media (width<=520px){.reference-fencing-installation .collection-section{padding-top:60px}.reference-fencing-installation .collection-copy{padding:27px 22px}.reference-fencing-installation .collection-photo{aspect-ratio:1.25}.reference-fencing-installation .collection-badge{font-size:.7rem;top:13px;left:13px}.reference-fencing-installation .collection-photo-link{font-size:.7rem;bottom:12px;right:12px}.reference-fencing-installation .collection-headline{font-size:1.03rem}.reference-fencing-installation .collection-description{font-size:.91rem}.reference-fencing-installation .collection-copy li{font-size:.8rem}.reference-fencing-installation .collection-comparison{margin-top:40px}.reference-fencing-installation .collection-comparison h3{font-size:1.8rem}.reference-fencing-installation .collection-table-scroll table{font-size:.77rem}.reference-fencing-installation .collection-table-scroll th,.reference-fencing-installation .collection-table-scroll td{overflow-wrap:anywhere;padding:14px 9px}.reference-fencing-installation .collection-table-scroll th:first-child{width:25%}.reference-fencing-installation .collection-table-scroll thead th{font-size:1rem}.reference-fencing-installation .collection-table-scroll thead th:first-child{font-size:.72rem}.reference-fencing-installation .collection-caption{font-size:.68rem}}.reference-fencing-installation .fence-page-links{scrollbar-width:none;gap:32px;font-size:.88rem;display:flex;overflow-x:auto}.reference-fencing-installation .fence-page-links a{white-space:nowrap;padding:20px 0}.reference-fencing-installation .fence-page-links a:hover{color:var(--lime-ink)}.reference-fencing-installation .fence-intro-stats{border-top:1px solid var(--border);gap:34px;margin-top:28px;padding-top:22px;display:flex}.reference-fencing-installation .fence-intro-stats strong{letter-spacing:0;font-size:2.4rem;font-weight:500;line-height:1.05;display:block}.reference-fencing-installation .fence-intro-stats span{color:currentColor;margin-top:7px;font-size:.8rem;display:block}.reference-fencing-installation .fence-benefits{border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);margin-top:55px;display:grid}.reference-fencing-installation .fence-benefit{padding:27px 32px 0 0}.reference-fencing-installation .fence-benefit:not(:first-child){border-left:1px solid var(--border);padding-left:32px}.reference-fencing-installation .fence-benefit>span{color:var(--lime-ink);font-size:.8rem}.reference-fencing-installation .fence-benefit h3{letter-spacing:0;margin:15px 0 12px;font-size:1.35rem}.reference-fencing-installation .fence-benefit p{color:currentColor;font-size:.94rem}.reference-fencing-installation .fence-design-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.reference-fencing-installation .fence-design{color:inherit;text-align:left;background:0 0;flex-direction:column;align-items:stretch;padding:0;display:flex}.reference-fencing-installation .fence-design-img{aspect-ratio:1.08;background:var(--card);display:block;position:relative;overflow:hidden}.reference-fencing-installation .fence-design-img img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%;padding:30px 10px 13px;transition:transform .4s}.reference-fencing-installation .fence-design:hover img{transform:scale(1.035)}.reference-fencing-installation .fence-design-number{z-index:1;color:currentColor;font-size:.72rem;position:absolute;top:13px;left:14px}.reference-fencing-installation .fence-design-name{letter-spacing:0;margin:23px 0 12px;font-size:1.65rem;line-height:1.2}.reference-fencing-installation .fence-design-description{color:currentColor;flex:1;font-size:.9rem;line-height:1.6}.reference-fencing-installation .fence-design-link{border-top:1px solid var(--secondary);justify-content:space-between;margin-top:21px;padding-top:13px;font-size:.82rem;font-weight:600;display:flex}.reference-fencing-installation .fence-design-note{color:currentColor;margin-top:30px;font-size:.85rem}.reference-fencing-installation .fence-colour-grid{grid-template-columns:1.18fr 1fr;align-items:start;gap:65px;display:grid}.reference-fencing-installation .fence-colour-preview{background:var(--secondary);text-align:left;aspect-ratio:1.12;width:100%;color:inherit;padding:0;position:relative;overflow:hidden}.reference-fencing-installation .fence-colour-preview>img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.reference-fencing-installation .fence-colour-preview:hover>img{transform:scale(1.025)}.reference-fencing-installation .fence-colour-preview.sample-only{cursor:default;padding:60px}.reference-fencing-installation .fence-colour-preview.sample-only>img{object-fit:contain}.reference-fencing-installation .fence-colour-caption{justify-content:space-between;gap:20px;margin-top:16px;font-size:.92rem;display:flex}.reference-fencing-installation .fence-colour-caption small{color:currentColor;margin-top:3px;font-size:.79rem;display:block}.reference-fencing-installation .fence-colour-caption>span:last-child{color:currentColor;text-align:right;font-size:.78rem}.reference-fencing-installation .fence-colour-choice .eyebrow{margin-bottom:12px}.reference-fencing-installation .fence-colour-choice h3{margin-bottom:14px;font-size:2.65rem}.reference-fencing-installation .fence-colour-choice>.muted{min-height:52px;font-size:.96rem}.reference-fencing-installation .fence-swatches{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 14px;margin:29px 0;display:grid}.reference-fencing-installation .fence-swatch{color:inherit;text-align:left;background:0 0;padding:0}.reference-fencing-installation .fence-swatch-image{aspect-ratio:1.3;margin-bottom:10px;display:block;position:relative}.reference-fencing-installation .fence-swatch-image img{object-fit:cover;border:1px solid var(--fencing-overlay);width:100%;height:100%}.reference-fencing-installation .fence-swatch[aria-pressed=true] .fence-swatch-image{outline:2px solid var(--lime-ink);outline-offset:4px}.reference-fencing-installation .fence-swatch[aria-pressed=true] .fence-swatch-image:after{content:"✓";text-align:center;background:var(--background);width:21px;height:21px;color:var(--lime-ink);border-radius:50%;font-size:13px;font-weight:800;line-height:21px;position:absolute;bottom:5px;right:5px}.reference-fencing-installation .fence-swatch-name{font-size:.76rem;line-height:1.2;display:block}.reference-fencing-installation .fence-colour-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:24px;display:flex}.reference-fencing-installation .fence-colour-actions .btn{padding:14px 17px;font-size:.76rem}.reference-fencing-installation .fence-projects-section{background:var(--card)}.reference-fencing-installation .fence-projects-section .section-head{margin-bottom:38px}.reference-fencing-installation .project-filters{background:var(--background);border:1px solid var(--border);grid-template-columns:1fr 1fr 1.25fr auto;align-items:end;gap:22px;padding:24px;display:grid}.reference-fencing-installation .project-filters label>span{color:currentColor;margin-bottom:8px;font-size:.76rem;font-weight:600;display:block}.reference-fencing-installation .project-filters select,.reference-fencing-installation .project-filters input{border:0;border-bottom:1px solid var(--border);width:100%;min-width:0;height:47px;color:var(--ink);background:0 0;border-radius:0;padding:8px 30px 8px 0;font-size:.98rem;display:block}.reference-fencing-installation .project-filters input{padding-right:0}.reference-fencing-installation .project-filters input:focus-visible{outline:2px solid var(--lime-ink);outline-offset:4px}.reference-fencing-installation .reset-filters{color:var(--ink);text-underline-offset:4px;background:0 0;min-width:79px;min-height:47px;padding:12px 0;font-size:.8rem;text-decoration:underline}.reference-fencing-installation .project-results-bar{justify-content:space-between;align-items:start;gap:25px;margin:24px 0 27px;font-size:.85rem;display:flex}.reference-fencing-installation .project-results-bar>p:last-child{color:currentColor;text-align:right;font-size:.79rem}.reference-fencing-installation .fence-project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:37px 24px;display:grid}.reference-fencing-installation .fence-project-card{text-align:left;width:100%;height:100%;color:inherit;background:0 0;flex-direction:column;padding:0;display:flex}.reference-fencing-installation .fence-project-photo{aspect-ratio:1.5;background:var(--secondary);width:100%;display:block;position:relative;overflow:hidden}.reference-fencing-installation .fence-project-photo img{object-fit:cover;width:100%;height:100%;transition:transform .55s}.reference-fencing-installation .fence-project-card:hover img{transform:scale(1.045)}.reference-fencing-installation .project-photo-count{background:var(--fencing-overlay);padding:5px 9px;font-size:.71rem;line-height:1.4;position:absolute;bottom:12px;right:12px}.reference-fencing-installation .fence-project-info{border-bottom:1px solid var(--secondary);flex:1;width:100%;padding:20px 0 23px;display:block}.reference-fencing-installation .fence-project-name{letter-spacing:0;justify-content:space-between;gap:20px;margin-bottom:10px;font-size:1.58rem;line-height:1.2;display:flex}.reference-fencing-installation .fence-project-name>span{color:var(--lime-ink);font-size:1.1rem;transition:transform .2s}.reference-fencing-installation .fence-project-card:hover .fence-project-name>span{transform:translate(4px)}.reference-fencing-installation .fence-project-colour{margin-bottom:5px;font-size:.9rem;display:block}.reference-fencing-installation .fence-project-design{color:currentColor;font-size:.81rem;display:block}.reference-fencing-installation .project-empty{text-align:center;border:1px solid var(--border);background:var(--background);grid-column:1/-1;padding:60px 30px}.reference-fencing-installation .project-empty h3{margin-bottom:15px;font-size:2rem}.reference-fencing-installation .project-empty p{color:currentColor;margin:0 auto 24px}.reference-fencing-installation .project-empty .actions{justify-content:center}.reference-fencing-installation .project-directory-note{color:currentColor;justify-content:space-between;align-items:center;gap:30px;margin-top:42px;font-size:.78rem;display:flex}.reference-fencing-installation .project-directory-note a{white-space:nowrap;color:var(--ink)}.reference-fencing-installation .fence-system{background:var(--foreground);color:#fff}.reference-fencing-installation .fence-system .eyebrow{color:var(--accent)}.reference-fencing-installation .fence-system .lead{color:var(--ink-foreground)}.reference-fencing-installation .fence-system-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:50px;display:grid}.reference-fencing-installation .fence-system-item{border-top:1px solid var(--fencing-overlay);padding-top:25px}.reference-fencing-installation .fence-system-item>span{color:var(--accent);font-size:.77rem}.reference-fencing-installation .fence-system-item h3{margin:18px 0 14px;font-size:1.5rem;line-height:1.2}.reference-fencing-installation .fence-system-item p{color:var(--ink-foreground);font-size:.96rem}.reference-fencing-installation .fence-system-bottom{justify-content:space-between;align-items:center;gap:30px;margin-top:40px;display:flex}.reference-fencing-installation .fence-system-bottom p{color:var(--ink-foreground);max-width:480px;font-size:.81rem}.reference-fencing-installation .fence-components-section{background:var(--secondary)}.reference-fencing-installation .component-toolbar{flex-direction:column;gap:20px;margin:0 0 26px;display:flex}.reference-fencing-installation .component-filters{flex-wrap:wrap;gap:10px;display:flex}.reference-fencing-installation .component-filters button{border:1px solid var(--secondary);min-height:44px;color:var(--ink);background:0 0;align-items:center;gap:10px;padding:10px 16px;font-size:.84rem;line-height:1.3;display:flex}.reference-fencing-installation .component-filters button>span{opacity:.7;font-size:.73rem}.reference-fencing-installation .component-filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.reference-fencing-installation .component-filters button:hover{border-color:var(--ink)}.reference-fencing-installation .fence-component-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.reference-fencing-installation .fence-component-item{min-width:0}.reference-fencing-installation .fence-component-card{text-align:left;width:100%;height:100%;color:inherit;background:var(--background);border:1px solid var(--secondary);flex-direction:column;padding:0;transition:border-color .2s;display:flex}.reference-fencing-installation .fence-component-card:hover{border-color:var(--lime-ink)}.reference-fencing-installation .fence-component-image{aspect-ratio:1.18;background:var(--card);justify-content:center;align-items:center;width:100%;padding:35px 22px 25px;display:flex;position:relative;overflow:hidden}.reference-fencing-installation .fence-component-image>img{object-fit:contain;width:100%;min-width:0;height:100%;transition:transform .35s}.reference-fencing-installation .fence-component-card:hover .fence-component-image>img{transform:scale(1.04)}.reference-fencing-installation .fence-component-image.component-image-pair{gap:12px;padding:38px 15px 28px}.reference-fencing-installation .component-image-pair>img{width:calc(50% - 6px)}.reference-fencing-installation .component-number{color:currentColor;z-index:1;font-size:.7rem;position:absolute;top:13px;left:16px}.reference-fencing-installation .component-expand{background:var(--background);width:28px;height:28px;color:var(--lime-ink);place-items:center;font-size:1rem;display:grid;position:absolute;bottom:11px;right:12px}.reference-fencing-installation .fence-component-copy{border-top:1px solid var(--secondary);flex-direction:column;flex:1;align-items:flex-start;width:100%;padding:23px 20px 20px;display:flex}.reference-fencing-installation .component-category{text-transform:uppercase;letter-spacing:0;color:var(--lime-ink);margin-bottom:10px;font-size:.64rem;font-weight:600;line-height:1.4}.reference-fencing-installation .component-name{letter-spacing:0;margin-bottom:9px;font-size:1.3rem;line-height:1.2}.reference-fencing-installation .component-note{color:currentColor;margin-bottom:10px;font-size:.76rem}.reference-fencing-installation .component-view{justify-content:space-between;align-items:center;width:100%;margin-top:auto;padding-top:22px;font-size:.74rem;line-height:1.4;display:flex}.reference-fencing-installation .component-section-bottom{justify-content:space-between;align-items:center;gap:35px;margin-top:35px;display:flex}.reference-fencing-installation .component-section-bottom p{color:currentColor;max-width:600px;font-size:.8rem}.reference-fencing-installation .component-section-bottom a{flex-shrink:0;font-size:.8rem}.reference-fencing-installation #component-dialog{max-width:min(1030px,94vw)}.reference-fencing-installation .component-dialog-layout{grid-template-columns:1.2fr 1fr;min-height:500px;display:grid}.reference-fencing-installation .component-dialog-visual{background:var(--card);flex-direction:column;justify-content:center;align-items:center;gap:18px;min-width:0;padding:50px 35px 30px;display:flex}.reference-fencing-installation .component-dialog-visual>img{object-fit:contain;width:100%;height:330px}.reference-fencing-installation .component-dialog-visual>p{color:currentColor;text-align:center;font-size:.8rem}.reference-fencing-installation .component-image-options{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.reference-fencing-installation .component-image-options button{border:1px solid var(--border);min-height:42px;color:var(--ink);background:0 0;padding:10px 17px;font-size:.79rem}.reference-fencing-installation .component-image-options button[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:#fff}.reference-fencing-installation .component-dialog-copy{align-self:center;padding:60px 35px 45px}.reference-fencing-installation .component-dialog-copy .eyebrow{margin-bottom:17px;font-size:.68rem}.reference-fencing-installation .component-dialog-copy h2{margin-bottom:23px;font-size:2.65rem}.reference-fencing-installation .component-dialog-copy .component-detail-note{color:var(--lime-ink);margin:-8px 0 20px;font-size:.85rem}.reference-fencing-installation .component-dialog-copy .muted{margin-bottom:30px;font-size:.95rem}.reference-fencing-installation .component-dialog-copy .btn{padding:14px 17px;font-size:.73rem}.reference-fencing-installation .component-dialog-copy .text-link{margin-top:20px;font-size:.77rem}.reference-fencing-installation .fence-gate-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.reference-fencing-installation .gate-option{background:var(--card);border:1px solid var(--border);flex-direction:column;min-width:0;display:flex}.reference-fencing-installation .gate-option-photo{aspect-ratio:4/3;background:var(--secondary);display:block;position:relative;overflow:hidden}.reference-fencing-installation .gate-option-photo img{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.reference-fencing-installation .gate-option-photo:hover img{transform:scale(1.025)}.reference-fencing-installation .gate-photo-link{background:var(--fencing-overlay);color:var(--ink);padding:8px 12px;font-size:.75rem;font-weight:600;line-height:1.3;display:block;position:absolute;bottom:14px;right:14px}.reference-fencing-installation .gate-option-copy{flex-direction:column;flex:1;align-items:flex-start;padding:28px;display:flex}.reference-fencing-installation .gate-option-label{color:var(--lime-ink);letter-spacing:0;text-transform:uppercase;align-items:center;gap:11px;margin:0 0 16px;font-size:.68rem;font-weight:700;display:flex}.reference-fencing-installation .gate-option-label span{background:var(--secondary);letter-spacing:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.72rem;display:flex}.reference-fencing-installation .gate-option h3{letter-spacing:0;margin:0 0 15px;font-size:1.85rem;font-weight:500;line-height:1.17}.reference-fencing-installation .gate-option-description{color:currentColor;margin:0 0 27px;font-size:.98rem;line-height:1.65}.reference-fencing-installation .gate-option-specs{width:100%;margin-top:auto;margin-bottom:26px;font-size:.82rem;line-height:1.55}.reference-fencing-installation .gate-option-specs>div{border-top:1px solid var(--border);justify-content:space-between;gap:14px;padding:12px 0;display:flex}.reference-fencing-installation .gate-option-specs dt{color:currentColor;flex-shrink:0}.reference-fencing-installation .gate-option-specs dd{text-align:right;margin:0;font-weight:500}.reference-fencing-installation .gate-option-copy .gate-enquiry{letter-spacing:0;justify-content:space-between;gap:12px;width:100%;min-height:50px;padding:14px 16px;font-size:.7rem}.reference-fencing-installation .gate-enquiry>span{font-size:1.1rem}.reference-fencing-installation .gate-coordination{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:55px;margin-top:38px;padding-top:34px;display:flex}.reference-fencing-installation .gate-coordination .eyebrow{margin-bottom:12px;font-size:.68rem}.reference-fencing-installation .gate-coordination h3{letter-spacing:0;margin-bottom:12px;font-size:1.65rem;font-weight:500;line-height:1.2}.reference-fencing-installation .gate-coordination p:not(.eyebrow){color:currentColor;max-width:690px;font-size:1rem;line-height:1.65}.reference-fencing-installation .gate-coordination>.text-link{flex-shrink:0}.reference-fencing-installation .gate-sizing-note{color:currentColor;margin-top:23px;font-size:.78rem;line-height:1.6}@media (width<=1100px){.reference-fencing-installation .fence-gate-grid{gap:18px}.reference-fencing-installation .gate-option-copy{padding:24px 20px}.reference-fencing-installation .gate-option-specs>div{gap:10px}.reference-fencing-installation .gate-option-copy .gate-enquiry{padding:14px 12px;font-size:.65rem}}@media (width<=950px){.reference-fencing-installation .fence-gate-grid{grid-template-columns:1fr;gap:25px}.reference-fencing-installation .gate-option-photo{aspect-ratio:16/9}.reference-fencing-installation .gate-option-copy{padding:28px}.reference-fencing-installation .gate-option h3{font-size:1.8rem}.reference-fencing-installation .gate-option-copy .gate-enquiry{padding:14px 16px;font-size:.7rem}.reference-fencing-installation .gate-coordination{flex-direction:column;align-items:flex-start;gap:24px}}@media (width<=600px){.reference-fencing-installation .gate-option{display:flex}.reference-fencing-installation .gate-option-photo{aspect-ratio:4/3;width:100%;height:auto;min-height:0}.reference-fencing-installation .gate-option-copy{padding:25px}.reference-fencing-installation .gate-option-description{margin-bottom:24px}.reference-fencing-installation .gate-option h3{font-size:1.85rem}.reference-fencing-installation .gate-coordination{margin-top:30px;padding-top:28px}.reference-fencing-installation .gate-coordination h3{font-size:1.55rem}}@media (prefers-reduced-motion:reduce){.reference-fencing-installation .gate-option-photo img{transition:none}.reference-fencing-installation .gate-option-photo:hover img{transform:none}}.reference-fencing-installation .fence-contact-grid{grid-template-columns:1fr 1fr;gap:30px;display:grid}.reference-fencing-installation .fence-contact-card{border:1px solid var(--border);padding:38px}.reference-fencing-installation .fence-contact-card h3{margin-bottom:22px;font-size:2.4rem}.reference-fencing-installation .fence-contact-card p{color:currentColor;margin-bottom:27px}.reference-fencing-installation .fence-contact-card .text-link{margin-top:15px}.reference-fencing-installation .fence-contact-card .actions{align-items:center;gap:20px}.reference-fencing-installation #project-dialog{max-width:min(1220px,94vw)}.reference-fencing-installation .project-dialog-layout{grid-template-columns:1.5fr 1fr;min-height:530px;display:grid}.reference-fencing-installation .project-gallery-panel{background:var(--foreground);flex-direction:column;min-width:0;display:flex}.reference-fencing-installation .project-large-photo{flex:1;justify-content:center;align-items:center;min-height:340px;max-height:65dvh;display:flex;position:relative}.reference-fencing-installation .project-large-photo>img{object-fit:contain;width:100%;height:100%;max-height:65dvh}.reference-fencing-installation .project-photo-nav{background:var(--fencing-overlay);width:42px;height:48px;color:var(--ink);font-size:1.3rem;position:absolute;top:50%;transform:translateY(-50%)}.reference-fencing-installation .project-photo-nav.prev{left:12px}.reference-fencing-installation .project-photo-nav.next{right:12px}.reference-fencing-installation .project-photo-index{background:var(--fencing-overlay);color:var(--card);padding:4px 10px;font-size:.77rem;position:absolute;top:15px;left:15px}.reference-fencing-installation .project-thumbnails{background:var(--foreground);flex-wrap:wrap;justify-content:center;gap:8px;padding:15px;display:flex}.reference-fencing-installation .project-thumbnail{opacity:.62;background:0 0;border:2px solid #0000;width:82px;height:58px;padding:0}.reference-fencing-installation .project-thumbnail img{object-fit:cover;width:100%;height:100%}.reference-fencing-installation .project-thumbnail[aria-pressed=true]{opacity:1;border-color:var(--accent)}.reference-fencing-installation .project-dialog-copy{align-self:center;padding:58px 35px 35px}.reference-fencing-installation .project-dialog-copy .eyebrow{margin-bottom:13px;font-size:.7rem}.reference-fencing-installation .project-dialog-copy h2{margin-bottom:12px;font-size:3rem}.reference-fencing-installation .project-location{color:currentColor;margin-bottom:20px;font-size:.83rem}.reference-fencing-installation .project-description{color:currentColor;margin-bottom:24px;font-size:.97rem}.reference-fencing-installation .project-specs{margin:0 0 24px;font-size:.85rem}.reference-fencing-installation .project-specs>div{border-top:1px solid var(--border);grid-template-columns:74px 1fr;gap:15px;padding:11px 0;display:grid}.reference-fencing-installation .project-specs dt{font-weight:600}.reference-fencing-installation .project-specs dd{color:currentColor;margin:0}.reference-fencing-installation .project-dialog-copy .btn{padding:14px 16px;font-size:.73rem}.reference-fencing-installation .project-dialog-copy .text-link{margin-top:14px;font-size:.76rem}.reference-fencing-installation #fence-enquiry-dialog{max-width:590px;padding:48px}.reference-fencing-installation #fence-enquiry-dialog h2{margin:0 0 19px;font-size:2.6rem}.reference-fencing-installation #fence-enquiry-dialog>p{color:currentColor}.reference-fencing-installation #fence-enquiry-dialog .sample-note{margin-top:20px}.reference-fencing-installation .fence-newsletter{padding:62px 0}.reference-fencing-installation .fence-newsletter .wrap{justify-content:space-between;align-items:center;gap:40px;display:flex}.reference-fencing-installation .fence-newsletter h2{margin-bottom:13px;font-size:2.4rem}.reference-fencing-installation .fence-newsletter p{color:currentColor;font-size:.96rem}.reference-fencing-installation .fence-newsletter>div>a{white-space:nowrap;flex-shrink:0}@media (width>=1700px){.reference-fencing-installation .hero{min-height:810px}}@media (width<=1100px){.reference-fencing-installation .fence-design-grid{gap:18px}.reference-fencing-installation .fence-design-name{font-size:1.45rem}.reference-fencing-installation .fence-colour-grid{gap:35px}.reference-fencing-installation .project-filters{gap:16px}.reference-fencing-installation .fence-page-links{gap:23px}.reference-fencing-installation .fence-nav-label{display:none}.reference-fencing-installation .project-dialog-copy{padding:58px 28px 30px}.reference-fencing-installation .project-dialog-layout{grid-template-columns:1.3fr 1fr}}@media (width<=800px){.reference-fencing-installation .hero{min-height:670px}.reference-fencing-installation .hero h1{font-size:4.6rem}.reference-fencing-installation .hero-caption{display:none}.reference-fencing-installation .fence-page-links{justify-content:space-between;gap:25px;font-size:.83rem}.reference-fencing-installation .fence-page-links a{padding:18px 0}.reference-fencing-installation .fence-design-grid{grid-template-columns:1fr 1fr;gap:34px 24px}.reference-fencing-installation .fence-colour-grid{grid-template-columns:1fr;gap:36px}.reference-fencing-installation .fence-colour-preview{aspect-ratio:1.5}.reference-fencing-installation .fence-swatches{grid-template-columns:repeat(4,1fr);gap:22px}.reference-fencing-installation .fence-swatch-image{aspect-ratio:1.8}.reference-fencing-installation .fence-swatch-name{font-size:.86rem}.reference-fencing-installation .project-filters{grid-template-columns:1fr 1fr;gap:22px}.reference-fencing-installation .project-filters .reset-filters{justify-self:end}.reference-fencing-installation .fence-project-grid{grid-template-columns:1fr 1fr}.reference-fencing-installation .project-results-bar>p:last-child{max-width:240px}.reference-fencing-installation .fence-system-grid{gap:25px}.reference-fencing-installation .fence-contact-card{padding:27px}.reference-fencing-installation .fence-contact-card h3{font-size:2rem}.reference-fencing-installation .project-dialog-layout{grid-template-columns:1fr}.reference-fencing-installation .project-large-photo{height:45dvh;min-height:240px;max-height:45dvh}.reference-fencing-installation .project-large-photo>img{height:100%;max-height:45dvh}.reference-fencing-installation .project-dialog-copy{padding:28px}.reference-fencing-installation .project-dialog-copy h2{font-size:2.5rem}.reference-fencing-installation .project-description{max-width:none}.reference-fencing-installation .project-dialog-copy .eyebrow{margin-bottom:12px}.reference-fencing-installation .fence-newsletter .wrap{flex-direction:column;align-items:flex-start;gap:24px}}@media (width<=520px){.reference-fencing-installation .hero{min-height:670px}.reference-fencing-installation .hero-content{padding-top:140px}.reference-fencing-installation .hero h1{font-size:3.2rem}.reference-fencing-installation .hero:after{background:linear-gradient(90deg,var(--fencing-hero-overlay),var(--fencing-hero-overlay)),linear-gradient(0deg,var(--fencing-hero-overlay),transparent)}.reference-fencing-installation .fence-page-links{justify-content:flex-start;gap:26px;font-size:.79rem}.reference-fencing-installation .fence-page-links a{padding:17px 0}.reference-fencing-installation .fence-intro-stats{gap:30px}.reference-fencing-installation .fence-intro-stats strong{font-size:2.1rem}.reference-fencing-installation .fence-intro-stats span{font-size:.74rem}.reference-fencing-installation .fence-benefits{grid-template-columns:1fr;margin-top:35px}.reference-fencing-installation .fence-benefit,.reference-fencing-installation .fence-benefit:not(:first-child){border-left:0;border-bottom:1px solid var(--border);padding:22px 0}.reference-fencing-installation .fence-benefit h3{margin:7px 0 10px}.reference-fencing-installation .fence-design-grid{gap:32px 16px}.reference-fencing-installation .fence-design-img img{padding:25px 4px 10px}.reference-fencing-installation .fence-design-name{margin-top:18px;font-size:1.35rem}.reference-fencing-installation .fence-design-description{font-size:.83rem}.reference-fencing-installation .fence-design-link{gap:5px;font-size:.73rem}.reference-fencing-installation .fence-design-note{font-size:.78rem}.reference-fencing-installation .fence-colour-preview{aspect-ratio:1.2}.reference-fencing-installation .fence-colour-preview.sample-only{padding:30px}.reference-fencing-installation .fence-colour-caption{font-size:.84rem}.reference-fencing-installation .fence-colour-caption>span:last-child{max-width:115px}.reference-fencing-installation .fence-colour-choice h3{font-size:2.3rem}.reference-fencing-installation .fence-swatches{gap:20px 13px}.reference-fencing-installation .fence-swatch-image{aspect-ratio:1.1}.reference-fencing-installation .fence-swatch-name{font-size:.72rem}.reference-fencing-installation .fence-colour-actions .btn{font-size:.73rem}.reference-fencing-installation .project-filters{gap:19px 18px;padding:18px}.reference-fencing-installation .project-filters select,.reference-fencing-installation .project-filters input{font-size:.85rem}.reference-fencing-installation .project-filters .search-filter{grid-column:1/-1}.reference-fencing-installation .project-filters .reset-filters{grid-column:1/-1;justify-self:start;min-height:32px;padding:0}.reference-fencing-installation .project-results-bar{flex-direction:column;gap:8px}.reference-fencing-installation .project-results-bar>p:last-child{text-align:left;max-width:none}.reference-fencing-installation .fence-project-grid{grid-template-columns:1fr;gap:31px}.reference-fencing-installation .fence-project-photo{aspect-ratio:1.45}.reference-fencing-installation .fence-project-info{padding:18px 0 20px}.reference-fencing-installation .fence-project-name{font-size:1.55rem}.reference-fencing-installation .project-directory-note{flex-direction:column;align-items:start;gap:20px}.reference-fencing-installation .project-empty{padding:38px 20px}.reference-fencing-installation .project-empty h3{font-size:1.8rem}.reference-fencing-installation .fence-system-grid{grid-template-columns:1fr;gap:27px;margin-top:35px}.reference-fencing-installation .fence-system-item{padding-top:20px}.reference-fencing-installation .fence-system-item h3{margin:10px 0 14px}.reference-fencing-installation .fence-system-bottom{flex-direction:column;align-items:start;gap:24px;margin-top:30px}.reference-fencing-installation .fence-contact-grid{grid-template-columns:1fr;gap:20px}.reference-fencing-installation .fence-contact-card{padding:28px 24px}.reference-fencing-installation .fence-contact-card h3{font-size:2.15rem}.reference-fencing-installation .fence-newsletter h2{font-size:2.1rem}.reference-fencing-installation #fence-enquiry-dialog{padding:45px 25px 30px}.reference-fencing-installation #fence-enquiry-dialog h2{font-size:2.15rem}.reference-fencing-installation .project-thumbnails{gap:7px;padding:12px}.reference-fencing-installation .project-thumbnail{width:63px;height:46px}.reference-fencing-installation .project-dialog-copy{padding:25px}.reference-fencing-installation .project-specs>div{grid-template-columns:60px 1fr}.reference-fencing-installation .footer-top{grid-template-columns:1fr 1fr;gap:35px 25px}.reference-fencing-installation .footer-top>div:first-child,.reference-fencing-installation .footer-top>div:last-child{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.reference-fencing-installation *,.reference-fencing-installation :before,.reference-fencing-installation :after{scroll-behavior:auto!important;transition:none!important}}@media (width<=1100px){.reference-fencing-installation .fence-component-grid{gap:18px}.reference-fencing-installation .fence-component-copy{padding:21px 16px 18px}.reference-fencing-installation .component-name{font-size:1.2rem}.reference-fencing-installation .fence-component-image{padding:30px 15px 22px}.reference-fencing-installation .component-dialog-copy{padding:60px 28px 35px}.reference-fencing-installation .component-dialog-copy h2{font-size:2.35rem}}@media (width<=800px){.reference-fencing-installation .fence-component-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.reference-fencing-installation .component-name{font-size:1.4rem}.reference-fencing-installation .fence-component-copy{padding:24px}.reference-fencing-installation .fence-component-image{aspect-ratio:1.3;padding:35px 25px 25px}.reference-fencing-installation .component-section-bottom{flex-direction:column;align-items:flex-start;gap:18px}.reference-fencing-installation .component-dialog-layout{grid-template-columns:1fr}.reference-fencing-installation .component-dialog-visual{gap:14px;padding:45px 30px 25px}.reference-fencing-installation .component-dialog-visual>img{height:32dvh;min-height:190px;max-height:320px}.reference-fencing-installation .component-dialog-copy{padding:30px}.reference-fencing-installation .component-dialog-copy h2{font-size:2.4rem}.reference-fencing-installation .component-dialog-copy .muted{max-width:none}}@media (width<=520px){.reference-fencing-installation .component-filters{gap:8px}.reference-fencing-installation .component-filters button{gap:7px;padding:9px 11px;font-size:.73rem}.reference-fencing-installation .component-filters button>span{font-size:.65rem}.reference-fencing-installation .fence-component-grid{gap:16px}.reference-fencing-installation .fence-component-image{aspect-ratio:1.08;padding:30px 12px 20px}.reference-fencing-installation .fence-component-image.component-image-pair{gap:5px;padding:30px 8px 21px}.reference-fencing-installation .component-image-pair>img{width:calc(50% - 3px)}.reference-fencing-installation .component-number{font-size:.66rem;top:10px;left:11px}.reference-fencing-installation .component-expand{width:24px;height:24px;bottom:8px;right:8px}.reference-fencing-installation .fence-component-copy{padding:18px 12px 15px}.reference-fencing-installation .component-category{letter-spacing:0;min-height:17px;font-size:.55rem}.reference-fencing-installation .component-name{font-size:1.12rem}.reference-fencing-installation .component-note{font-size:.69rem}.reference-fencing-installation .component-view{gap:6px;padding-top:15px;font-size:.65rem}.reference-fencing-installation .component-dialog-copy{padding:25px}.reference-fencing-installation .component-dialog-copy h2{font-size:2.1rem}.reference-fencing-installation .component-dialog-visual{padding-left:22px;padding-right:22px}}.reference-fencing-installation .project-filters{grid-template-columns:1fr 1fr 1.25fr;gap:22px}.reference-fencing-installation .project-filters .search-filter{grid-column:1/3}.reference-fencing-installation .project-filters .reset-filters{justify-self:end}.reference-fencing-installation .fence-project-post{color:currentColor;margin-top:7px;font-size:.78rem;display:block}@media (width<=800px){.reference-fencing-installation .project-filters{grid-template-columns:1fr 1fr}.reference-fencing-installation .project-filters .search-filter{grid-column:auto}.reference-fencing-installation .project-filters .reset-filters{grid-column:1/-1;justify-self:start}}@media (width<=520px){.reference-fencing-installation .project-filters .post-filter,.reference-fencing-installation .project-filters .search-filter{grid-column:1/-1}}.reference-fencing-installation .fence-family-links{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:70px;display:grid}.reference-fencing-installation .fence-family-links a{background:var(--secondary);border:1px solid var(--secondary);color:var(--ink);flex-direction:column;gap:18px;padding:32px;text-decoration:none;display:flex}.reference-fencing-installation .fence-family-links a:last-child{background:var(--foreground);color:var(--ink-foreground);border-color:var(--foreground)}.reference-fencing-installation .fence-family-links a>span{letter-spacing:0;font-size:.78rem}.reference-fencing-installation .fence-family-links strong{letter-spacing:0;font-size:1.65rem;font-weight:500}.reference-fencing-installation .fence-family-links a:hover{outline:2px solid var(--border);outline-offset:3px}.reference-fencing-installation .fence-family{scroll-margin-top:150px}.reference-fencing-installation .fence-family-heading{grid-template-columns:1.2fr 1fr;align-items:end;gap:60px;margin-bottom:32px;display:grid}.reference-fencing-installation .fence-family h3{letter-spacing:0;margin:0 0 18px;font-size:3rem;font-weight:500;line-height:1.12}.reference-fencing-installation .fence-family-heading>p,.reference-fencing-installation .fence-slatted-copy>p:not(.eyebrow){color:currentColor;max-width:480px;font-size:1rem;font-weight:300;line-height:1.7}.reference-fencing-installation .fence-design-specs{border-top:1px solid var(--secondary);border-bottom:1px solid var(--secondary);grid-template-columns:repeat(3,1fr);gap:24px;margin:0 0 34px;padding:23px 0;display:grid}.reference-fencing-installation .fence-design-specs dt{text-transform:uppercase;letter-spacing:0;color:currentColor;margin-bottom:9px;font-size:.75rem}.reference-fencing-installation .fence-design-specs dd{margin:0;font-size:1.1rem}.reference-fencing-installation .flat-panel-layouts{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.reference-fencing-installation .flat-panel-layouts .fence-design-name{font-size:1.65rem}.reference-fencing-installation .fence-spec-source{text-underline-offset:4px;color:inherit;margin-top:28px;font-size:.8rem;display:inline-block}.reference-fencing-installation .fence-slatted-family{border-top:1px solid var(--secondary);grid-template-columns:1fr 1fr;align-items:center;gap:64px;margin-top:70px;padding-top:65px;display:grid}.reference-fencing-installation .fence-slatted-visual{background:var(--card);padding:30px;position:relative}.reference-fencing-installation .fence-slatted-visual>img{aspect-ratio:1.25;object-fit:contain;width:100%}.reference-fencing-installation .fence-profile-detail{border-top:1px solid var(--secondary);color:currentColor;align-items:center;gap:20px;margin-top:18px;padding-top:18px;font-size:.8rem;display:flex}.reference-fencing-installation .fence-profile-detail img{object-fit:contain;width:125px;height:85px}.reference-fencing-installation .fence-slatted-copy .fence-design-specs{grid-template-columns:1fr 1fr;margin-top:28px}.reference-fencing-installation .fence-slatted-copy .fence-spec-source{display:block}.reference-fencing-installation .fence-design-footer{border-top:1px solid var(--secondary);justify-content:space-between;align-items:center;gap:30px;margin-top:55px;padding-top:30px;display:flex}.reference-fencing-installation .fence-design-footer p{color:currentColor;max-width:600px;margin:10px 0 0;font-size:.9rem;line-height:1.6}.reference-fencing-installation .fence-design-footer .text-link{flex-shrink:0}@media (width<=800px){.reference-fencing-installation .fence-family-heading{gap:25px}.reference-fencing-installation .fence-slatted-family{gap:30px}.reference-fencing-installation .fence-design-footer{flex-direction:column;align-items:start}.reference-fencing-installation .flat-panel-layouts{gap:18px}.reference-fencing-installation .flat-panel-layouts .fence-design-name{font-size:1.4rem}.reference-fencing-installation .fence-design-specs{gap:16px}.reference-fencing-installation .fence-design-specs dd{font-size:.95rem}}@media (width<=600px){.reference-fencing-installation .fence-family-links{grid-template-columns:1fr;gap:12px;margin-bottom:45px}.reference-fencing-installation .fence-family-links a{gap:12px;padding:24px}.reference-fencing-installation .fence-family-heading,.reference-fencing-installation .fence-slatted-family{grid-template-columns:1fr;gap:18px}.reference-fencing-installation .fence-family-heading>p{margin-top:0}.reference-fencing-installation .fence-design-specs{grid-template-columns:1fr;gap:18px}.reference-fencing-installation .fence-design-specs>div{justify-content:space-between;gap:15px;display:flex}.reference-fencing-installation .fence-design-specs dt{margin:0}.reference-fencing-installation .flat-panel-layouts{grid-template-columns:1fr;gap:35px}.reference-fencing-installation .flat-panel-layouts .fence-design-img{aspect-ratio:1.35}.reference-fencing-installation .fence-slatted-family{margin-top:45px;padding-top:40px}.reference-fencing-installation .fence-slatted-copy .fence-design-specs{grid-template-columns:1fr}.reference-fencing-installation .fence-slatted-visual{padding:20px}.reference-fencing-installation .fence-slatted-copy{padding-top:15px}}.reference-fencing-installation .fence-breadcrumb{align-items:center;gap:14px;margin-bottom:28px;font-size:.8rem;display:flex}.reference-fencing-installation .fence-breadcrumb a{text-underline-offset:5px}.reference-fencing-installation .product-fence-hero .hero-content{padding-top:155px}.reference-fencing-installation .product-fence-hero{min-height:730px}.reference-fencing-installation .product-design-detail .fence-slatted-family{border-top:0;margin-top:0;padding-top:0}.reference-fencing-installation .product-benefit-strip{border-top:1px solid var(--secondary);grid-template-columns:repeat(3,1fr);gap:30px;margin-top:45px;padding:34px 0;display:grid}.reference-fencing-installation .product-benefit-strip p{color:currentColor;margin:12px 0;font-size:.9rem;line-height:1.6}.reference-fencing-installation .product-benefit-strip strong{font-size:1.1rem;font-weight:500}.reference-fencing-installation .fencing-product-page .project-directory-note{flex-wrap:wrap}@media (width<=600px){.reference-fencing-installation .product-benefit-strip{grid-template-columns:1fr;gap:12px;padding:26px 0}.reference-fencing-installation .product-fence-hero .hero-content{padding-top:130px}.reference-fencing-installation .fence-breadcrumb{margin-bottom:22px}.reference-fencing-installation .product-fence-hero{min-height:700px}}.reference-fencing-installation .fence-comparison{background:var(--card);border:1px solid var(--secondary);margin-bottom:70px;padding:38px;scroll-margin-top:145px}.reference-fencing-installation .fence-comparison>h3{letter-spacing:0;margin:0 0 10px;font-size:2.7rem;font-weight:500}.reference-fencing-installation .fence-compare-intro{color:currentColor;margin:0 0 30px}.reference-fencing-installation .fence-compare-images{grid-template-columns:1fr 1fr;gap:28px;display:grid}.reference-fencing-installation .fence-compare-product{color:inherit;flex-direction:column;min-width:0;text-decoration:none;display:flex}.reference-fencing-installation .fence-compare-product .eyebrow{margin-bottom:12px}.reference-fencing-installation .fence-compare-photo{background:var(--card);aspect-ratio:1.35;padding:22px;display:block}.reference-fencing-installation .fence-compare-photo img{object-fit:contain;width:100%;height:100%}.reference-fencing-installation .fence-compare-product strong{letter-spacing:0;margin:20px 0 7px;font-size:1.6rem;font-weight:500}.reference-fencing-installation .fence-compare-product>span:last-child{color:currentColor;font-size:.9rem}.reference-fencing-installation .fence-compare-product:hover .fence-compare-photo{background:var(--card);outline:1px solid var(--border)}.reference-fencing-installation .fence-compare-table{table-layout:fixed;border-collapse:collapse;text-align:left;width:100%;margin:30px 0 24px;font-size:.9rem}.reference-fencing-installation .fence-compare-table th,.reference-fencing-installation .fence-compare-table td{border-bottom:1px solid var(--secondary);vertical-align:top;overflow-wrap:break-word;padding:16px 14px;line-height:1.6}.reference-fencing-installation .fence-compare-table th:first-child{width:25%}.reference-fencing-installation .fence-compare-table thead{background:var(--secondary)}.reference-fencing-installation .fence-compare-table tbody th{color:currentColor;font-weight:500}.reference-fencing-installation .fence-compare-table small{font-size:.85em}.reference-fencing-installation .fence-compare-actions{grid-template-columns:1fr 1fr;gap:28px;display:grid}.reference-fencing-installation .fence-compare-actions .btn{text-align:center;justify-content:center}.reference-fencing-installation .fence-compare-note{color:currentColor;margin:20px 0 0;font-size:.75rem;line-height:1.6}.reference-fencing-installation .fence-compare-back{width:fit-content;margin-bottom:20px;display:block}@media (width<=600px){.reference-fencing-installation .fence-comparison{margin-bottom:45px;padding:20px 14px}.reference-fencing-installation .fence-compare-images,.reference-fencing-installation .fence-compare-actions{gap:12px}.reference-fencing-installation .fence-compare-photo{aspect-ratio:1.05;padding:7px}.reference-fencing-installation .fence-compare-product strong{margin-top:14px;font-size:1.12rem}.reference-fencing-installation .fence-compare-product .eyebrow{letter-spacing:0;font-size:.63rem}.reference-fencing-installation .fence-compare-product>span:last-child{font-size:.77rem}.reference-fencing-installation .fence-compare-table{margin-top:24px;font-size:.75rem}.reference-fencing-installation .fence-compare-table th,.reference-fencing-installation .fence-compare-table td{padding:12px 6px}.reference-fencing-installation .fence-compare-table th:first-child{width:28%}.reference-fencing-installation .fence-compare-actions .btn{letter-spacing:0;min-width:0;padding:14px 8px;font-size:.67rem}}.reference-fencing-installation #collections,.reference-fencing-installation #colours,.reference-fencing-installation #gates,.reference-fencing-installation #where-to-buy{background:var(--card)}.reference-fencing-installation .fence-layout-art{width:100%;height:100%;display:block;overflow:hidden}.reference-fencing-installation .fence-design-img .fence-layout-art{padding:30px 10px 13px;transition:transform .4s}.reference-fencing-installation .fence-design:hover .fence-layout-art{transform:scale(1.035)}@media (width<=520px){.reference-fencing-installation .fence-design-img .fence-layout-art{padding:25px 4px 10px}}.reference-fencing-installation .fence-compare-photo{position:relative}.reference-fencing-installation .fence-compare-art{width:calc(100% - 44px);height:calc(100% - 44px);display:block;position:absolute;inset:22px;overflow:hidden}@media (width<=600px){.reference-fencing-installation .fence-compare-art{width:calc(100% - 14px);height:calc(100% - 14px);inset:7px}}.reference-fencing-installation{background:var(--card)}.reference-fencing-installation .header{background:var(--foreground);border-bottom:0;position:relative}.reference-fencing-installation .header .btn{padding:14px 18px}.reference-fencing-installation .installation-intro{padding:30px 0 70px}.reference-fencing-installation .installation-breadcrumb{color:currentColor;align-items:center;gap:12px;font-size:.8rem;display:flex}.reference-fencing-installation .installation-breadcrumb a:hover{color:var(--lime-ink)}.reference-fencing-installation .installation-intro-grid{grid-template-columns:1.2fr 1fr;align-items:center;gap:7%;margin-top:45px;display:grid}.reference-fencing-installation .installation-intro h1{margin-bottom:25px;font-size:5.5rem}.reference-fencing-installation .installation-intro .lead{max-width:490px}.reference-fencing-installation .collection-selector>p{letter-spacing:0;text-transform:uppercase;margin-bottom:16px;font-size:.73rem;font-weight:700}.reference-fencing-installation .collection-selector-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.reference-fencing-installation .collection-choice{border:1px solid var(--border);background:var(--card);min-width:0;transition:border-color .2s}.reference-fencing-installation .collection-choice:hover{border-color:var(--lime-ink)}.reference-fencing-installation .choice-image{background:var(--card);height:165px;padding:12px 25px;display:block}.reference-fencing-installation .choice-image img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}.reference-fencing-installation .choice-copy{padding:20px;display:block;position:relative}.reference-fencing-installation .choice-copy strong{letter-spacing:0;font-size:1.35rem;font-weight:500;line-height:1.3;display:block}.reference-fencing-installation .choice-copy small{color:currentColor;margin-top:5px;font-size:.8rem;display:block}.reference-fencing-installation .choice-copy .choice-arrow{color:var(--lime-ink);font-size:1.3rem;position:absolute;top:19px;right:19px}.reference-fencing-installation-nav .wrap{justify-content:space-between;align-items:center;gap:25px;display:flex}.reference-fencing-installation-nav .fence-page-links{gap:35px}.reference-fencing-installation-nav a[aria-current=location]{box-shadow:inset 0 -2px var(--lime-ink);color:var(--ink)}.reference-fencing-installation .installation-resource-section{padding:82px 0;scroll-margin-top:64px}.reference-fencing-installation .installation-resource-section.tone{background:var(--card)}.reference-fencing-installation .installation-resource-section .section-head{align-items:center;margin-bottom:35px}.reference-fencing-installation .installation-resource-section h2{font-size:4rem}.reference-fencing-installation .installation-resource-section .eyebrow{margin-bottom:12px}.reference-fencing-installation .installation-resource-section .section-head .lead{max-width:445px}.reference-fencing-installation .installation-resource-grid{grid-template-columns:minmax(0,1.85fr) minmax(270px,1fr);align-items:start;gap:34px;display:grid}.reference-fencing-installation .video-resource,.reference-fencing-installation .manual-resource{min-width:0}.reference-fencing-installation .resource-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:14px;display:flex}.reference-fencing-installation .resource-heading h3{letter-spacing:0;font-size:1.3rem}.reference-fencing-installation .resource-heading>span{color:currentColor;white-space:nowrap;font-size:.78rem}.reference-fencing-installation .video-resource video{aspect-ratio:16/9;object-fit:contain;background:var(--foreground);border:1px solid var(--fencing-overlay);width:100%;height:auto;display:block}.reference-fencing-installation .video-resource video:focus-visible{outline:3px solid var(--lime-ink);outline-offset:4px}.reference-fencing-installation .video-footer{justify-content:space-between;align-items:start;gap:20px;margin-top:16px;display:flex}.reference-fencing-installation .video-footer p{color:currentColor;font-size:.8rem}.reference-fencing-installation .video-footer a{border-bottom:1px solid var(--ink);white-space:nowrap;padding-bottom:3px;font-size:.8rem;font-weight:600}.reference-fencing-installation .video-error{border-left:3px solid var(--lime-ink);background:var(--card);margin-top:16px;padding:12px 16px;font-size:.9rem}.reference-fencing-installation .manual-resource{border:1px solid var(--border);background:var(--card);padding:22px}.reference-fencing-installation .manual-cover{border:1px solid var(--fencing-overlay);margin-bottom:22px;display:block;overflow:hidden}.reference-fencing-installation .manual-cover img{aspect-ratio:22/17;object-fit:contain;width:100%;height:auto}.reference-fencing-installation .manual-resource h3{letter-spacing:0;font-size:1.45rem}.reference-fencing-installation .manual-meta{color:currentColor;margin:9px 0 18px;font-size:.8rem}.reference-fencing-installation .manual-resource .btn{width:100%;min-height:48px;font-size:.77rem}.reference-fencing-installation .manual-view{text-align:center;margin-top:14px;padding:3px 0;font-size:.82rem;font-weight:600;display:block}.reference-fencing-installation .manual-view:hover{text-underline-offset:5px;text-decoration:underline}.reference-fencing-installation .guide-index{border-top:1px solid var(--border);margin-top:32px;padding-top:23px}.reference-fencing-installation .guide-index>p{letter-spacing:0;text-transform:uppercase;color:currentColor;margin-bottom:15px;font-size:.7rem;font-weight:700}.reference-fencing-installation .guide-index-links{grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;display:grid}.reference-fencing-installation .guide-index-links a{justify-content:space-between;align-items:start;gap:10px;padding:8px 0;font-size:.9rem;line-height:1.4;display:flex}.reference-fencing-installation .guide-index-links a:hover{color:var(--lime-ink)}.reference-fencing-installation .guide-index-links small{color:currentColor;margin-top:5px;font-size:.74rem;display:block}.reference-fencing-installation .guide-index-links a>span:last-child{color:var(--lime-ink)}.reference-fencing-installation .installation-before{background:var(--card);scroll-margin-top:64px}.reference-fencing-installation .installation-before-grid{grid-template-columns:1fr 1.2fr;gap:10%;display:grid}.reference-fencing-installation .installation-before h2{max-width:450px;margin-bottom:24px}.reference-fencing-installation .installation-before .lead{max-width:420px}.reference-fencing-installation .installation-checklist{border-top:1px solid var(--border);margin:0;padding:0;list-style:none}.reference-fencing-installation .installation-checklist li{border-bottom:1px solid var(--border);grid-template-columns:30px 1fr;gap:18px;padding:23px 0;display:grid}.reference-fencing-installation .installation-checklist li>span{color:var(--lime-ink);padding-top:4px;font-size:.78rem}.reference-fencing-installation .installation-checklist h3{letter-spacing:0;margin-bottom:10px;font-size:1.3rem}.reference-fencing-installation .installation-checklist p{color:currentColor;font-size:.94rem}.reference-fencing-installation .installation-support{scroll-margin-top:64px}.reference-fencing-installation .installation-support .actions{flex-direction:column;align-items:stretch;max-width:295px}.reference-fencing-installation .installation-support .support-phone{text-align:center;border-bottom:1px solid var(--fencing-overlay);padding:9px 0;font-size:1rem;font-weight:600}.reference-fencing-installation .installation-support .support-email{text-align:center;text-underline-offset:4px;padding-top:5px;font-size:.87rem;text-decoration:underline}@media (width<=1100px){.reference-fencing-installation .installation-intro-grid{grid-template-columns:1.1fr 1fr;gap:5%}.reference-fencing-installation .installation-resource-grid{grid-template-columns:minmax(0,1.6fr) minmax(270px,1fr);gap:25px}.reference-fencing-installation .choice-copy{padding:17px}.reference-fencing-installation .choice-copy .choice-arrow{right:15px}.reference-fencing-installation .choice-image{height:150px;padding:15px}.reference-fencing-installation .installation-before-grid{gap:6%}}@media (width<=800px){.reference-fencing-installation .installation-intro{padding-bottom:50px}.reference-fencing-installation .installation-intro-grid{grid-template-columns:1fr;gap:35px;margin-top:32px}.reference-fencing-installation .installation-intro .lead{max-width:580px}.reference-fencing-installation .collection-selector{width:100%;max-width:560px}.reference-fencing-installation .choice-image{height:145px;padding:15px 30px}.reference-fencing-installation-nav .wrap{display:block}.reference-fencing-installation-nav .fence-nav-label{display:none}.reference-fencing-installation-nav .fence-page-links{gap:28px}.reference-fencing-installation .installation-resource-section{padding:60px 0}.reference-fencing-installation .installation-resource-section .section-head{align-items:start;gap:20px}.reference-fencing-installation .installation-resource-section .section-head .lead{max-width:570px}.reference-fencing-installation .installation-resource-grid{grid-template-columns:1fr;gap:30px}.reference-fencing-installation .manual-resource{grid-template-columns:1fr 1fr;align-items:center;gap:25px;display:grid}.reference-fencing-installation .manual-cover{margin:0}.reference-fencing-installation .guide-index-links{grid-template-columns:1fr 1fr;gap:15px 25px}.reference-fencing-installation .installation-before-grid{grid-template-columns:1fr;gap:35px}.reference-fencing-installation .installation-before h2,.reference-fencing-installation .installation-before .lead{max-width:580px}.reference-fencing-installation .installation-support .actions{width:100%;max-width:360px}.reference-fencing-installation .header .btn{align-self:start}}@media (width<=520px){.reference-fencing-installation .installation-intro{padding-top:23px}.reference-fencing-installation .installation-intro h1{font-size:3.3rem}.reference-fencing-installation .collection-selector-grid{gap:12px}.reference-fencing-installation .choice-image{height:125px;padding:12px 18px}.reference-fencing-installation .choice-copy{padding:15px}.reference-fencing-installation .choice-copy strong{font-size:1.2rem}.reference-fencing-installation .choice-copy small{font-size:.73rem}.reference-fencing-installation .choice-copy .choice-arrow{font-size:1.15rem;top:14px;right:13px}.reference-fencing-installation-nav .fence-page-links{gap:25px;font-size:.8rem}.reference-fencing-installation-nav .fence-page-links a{padding:17px 0}.reference-fencing-installation .installation-resource-section h2{font-size:2.8rem}.reference-fencing-installation .resource-heading{gap:12px}.reference-fencing-installation .resource-heading h3{font-size:1.16rem}.reference-fencing-installation .resource-heading>span{font-size:.72rem}.reference-fencing-installation .manual-resource{grid-template-columns:1fr;gap:22px;padding:22px}.reference-fencing-installation .manual-cover{width:100%;max-width:320px;margin:auto}.reference-fencing-installation .video-footer{flex-direction:column;gap:10px}.reference-fencing-installation .guide-index-links{gap:12px 20px}.reference-fencing-installation .guide-index-links a{font-size:.84rem}.reference-fencing-installation .installation-checklist li{gap:10px}.reference-fencing-installation .installation-checklist h3{font-size:1.2rem}}.reference-fencing-installation .section-head.split-section-heading{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:0 clamp(40px,6vw,88px);margin:0 0 44px;display:grid}.reference-fencing-installation .section-head.split-section-heading>.eyebrow{letter-spacing:0;grid-area:1/1/auto/-1;max-width:none;margin:0 0 18px;padding:0;font-size:.75rem;font-weight:600;line-height:1.5}.reference-fencing-installation .section-head.split-section-heading>:is(h1,.reference-fencing-installation h2,.reference-fencing-installation h3){letter-spacing:0;overflow-wrap:break-word;grid-area:2/1;max-width:100%;margin:0;font-size:3rem;font-weight:500;line-height:1.08}.reference-fencing-installation .section-head.split-section-heading>p.lead{width:100%;max-width:52ch;font-family:var(--font-sans);font-synthesis:none;grid-area:2/2;align-self:start;margin:0;padding:0;font-size:16px;font-weight:300;line-height:1.65}.reference-fencing-installation .split-section-heading+.material-layout,.reference-fencing-installation .split-section-heading+.fence-intro-stats,.reference-fencing-installation .split-section-heading+.fence-system-grid,.reference-fencing-installation .split-section-heading+.product-design .feature-list{margin-top:0}.reference-fencing-installation .advantages>.wrap>.advantage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.reference-fencing-installation .professionals-section .split-section-heading .eyebrow{color:var(--accent)}.reference-fencing-installation .professionals-section .split-section-heading .lead{color:var(--ink-foreground)}.reference-fencing-installation .professionals-layout .professional-links{margin-top:0}.reference-fencing-installation .newsletter-section .newsletter-layout{max-width:680px;margin-left:auto;display:block}.reference-fencing-installation .final-cta .wrap,.reference-fencing-installation .fence-newsletter .wrap{display:block}.reference-fencing-installation .final-cta .actions{flex-wrap:wrap;max-width:none}.reference-fencing-installation .final-cta .actions .btn{width:auto}.reference-fencing-installation .section-followup{margin-top:24px}.reference-fencing-installation .fence-slatted-family>.split-section-heading{grid-column:1/-1;margin-bottom:0}.reference-fencing-installation .fence-slatted-family{row-gap:44px}.reference-fencing-installation .fence-slatted-copy .fence-design-specs{margin-top:0}.reference-fencing-installation .fence-comparison .split-section-heading>h3{font-size:2.4rem}@media (width<=1000px){.reference-fencing-installation .advantages>.wrap>.advantage-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=800px){.reference-fencing-installation .section-head.split-section-heading{grid-template-columns:minmax(0,1fr);margin-bottom:32px}.reference-fencing-installation .section-head.split-section-heading>.eyebrow{grid-column:1;margin-bottom:14px}.reference-fencing-installation .section-head.split-section-heading>:is(h1,.reference-fencing-installation h2,.reference-fencing-installation h3){font-size:2.25rem}.reference-fencing-installation .section-head.split-section-heading>p.lead{grid-area:3/1;max-width:56ch;margin-top:20px}.reference-fencing-installation .newsletter-section .newsletter-layout{max-width:none;margin-left:0}.reference-fencing-installation .fence-slatted-family{row-gap:32px}}@media (width<=520px){.reference-fencing-installation .section-head.split-section-heading>:is(h1,.reference-fencing-installation h2,.reference-fencing-installation h3){font-size:2rem}.reference-fencing-installation .section-head.split-section-heading>.eyebrow{font-size:.7rem}.reference-fencing-installation .final-cta .actions{align-items:flex-start;max-width:100%}}.reference-fencing-panel-fencing *{box-sizing:border-box}.reference-fencing-panel-fencing{scroll-behavior:smooth;background:var(--background);color:var(--ink);font-family:var(--font-sans);margin:0;scroll-padding-top:90px;font-size:16px;line-height:1.6}.reference-fencing-panel-fencing button,.reference-fencing-panel-fencing input,.reference-fencing-panel-fencing select,.reference-fencing-panel-fencing textarea{font:inherit}.reference-fencing-panel-fencing button,.reference-fencing-panel-fencing a,.reference-fencing-panel-fencing select{touch-action:manipulation}.reference-fencing-panel-fencing button{cursor:pointer}.reference-fencing-panel-fencing a{color:inherit;text-decoration:none}.reference-fencing-panel-fencing button:focus-visible,.reference-fencing-panel-fencing a:focus-visible,.reference-fencing-panel-fencing select:focus-visible,.reference-fencing-panel-fencing summary:focus-visible{outline:3px solid var(--border);outline-offset:5px}.reference-fencing-panel-fencing img{max-width:100%;display:block}.reference-fencing-panel-fencing h1,.reference-fencing-panel-fencing h2,.reference-fencing-panel-fencing h3,.reference-fencing-panel-fencing p,.reference-fencing-panel-fencing figure{margin:0}.reference-fencing-panel-fencing h1,.reference-fencing-panel-fencing h2,.reference-fencing-panel-fencing h3{letter-spacing:0;font-weight:500;line-height:1.06}.reference-fencing-panel-fencing h1{max-width:1000px;font-size:6rem}.reference-fencing-panel-fencing h2{font-size:3.7rem}.reference-fencing-panel-fencing h3{font-size:2rem}.reference-fencing-panel-fencing p{max-width:68ch}.reference-fencing-panel-fencing button{border:0}.reference-fencing-panel-fencing button:disabled{cursor:not-allowed;opacity:.4}.reference-fencing-panel-fencing .wrap{width:min(1280px,88%);margin:auto}.reference-fencing-panel-fencing .section{padding:100px 0}.reference-fencing-panel-fencing .eyebrow{letter-spacing:0;text-transform:uppercase;color:var(--lime-ink);margin-bottom:22px;font-size:.8rem;font-weight:700}.reference-fencing-panel-fencing .lead{font-family:var(--font-sans);font-synthesis:none;color:currentColor;font-size:16px;font-weight:300;line-height:1.65}.reference-fencing-panel-fencing .muted{color:currentColor}.reference-fencing-panel-fencing .small{font-size:.85rem;line-height:1.55}.reference-fencing-panel-fencing .btn{letter-spacing:0;background:var(--accent);min-height:48px;color:var(--foreground);border:1px solid var(--accent);text-transform:uppercase;justify-content:center;align-items:center;padding:14px 23px;font-size:.85rem;font-weight:700;line-height:1.2;transition:background .2s;display:inline-flex}.reference-fencing-panel-fencing .btn:hover{background:var(--secondary);border-color:var(--secondary)}.reference-fencing-panel-fencing .btn.outline{color:inherit;background:0 0;border-color:currentColor}.reference-fencing-panel-fencing .btn.outline:hover{background:var(--fencing-overlay)}.reference-fencing-panel-fencing .btn.dark{background:var(--ink);color:var(--card);border-color:var(--ink)}.reference-fencing-panel-fencing .actions{flex-wrap:wrap;gap:12px;display:flex}.reference-fencing-panel-fencing .text-link{border-bottom:1px solid;padding:7px 0;font-size:.88rem;font-weight:700;display:inline-block}.reference-fencing-panel-fencing .skip{position:absolute;left:-999px}.reference-fencing-panel-fencing .skip:focus{z-index:999;background:var(--card);padding:16px;top:20px;left:20px}.reference-fencing-panel-fencing .utility{background:var(--accent);letter-spacing:0;height:34px;font-size:.73rem;font-weight:700}.reference-fencing-panel-fencing .utility .wrap{justify-content:space-between;align-items:center;height:100%;display:flex}.reference-fencing-panel-fencing .utility-links{gap:28px;display:flex}.reference-fencing-panel-fencing .header{z-index:10;color:var(--card);border-bottom:0;position:absolute;left:0;right:0}.reference-fencing-panel-fencing .header-inner{justify-content:space-between;align-items:center;gap:35px;height:96px;display:flex}.reference-fencing-panel-fencing .logo{object-fit:contain;object-position:left;width:178px;height:auto;max-height:40px}.reference-fencing-panel-fencing .wordmark{letter-spacing:0;color:var(--card);font-size:1.85rem;font-weight:700;display:none}.reference-fencing-panel-fencing .wordmark span{color:var(--accent)}.reference-fencing-panel-fencing .primary-nav{align-items:center;gap:36px;font-size:.82rem;font-weight:600;display:flex}.reference-fencing-panel-fencing .primary-nav>a{padding:12px 0}.reference-fencing-panel-fencing .primary-nav>a.active{border-bottom:2px solid var(--accent)}.reference-fencing-panel-fencing .header .btn{background:var(--background);border-color:var(--background);color:var(--ink);font-size:.75rem}.reference-fencing-panel-fencing .menu-toggle{color:var(--card);background:0 0;min-height:44px;padding:10px;font-size:1rem;display:none}.reference-fencing-panel-fencing .hero{min-height:720px;color:var(--ink-foreground);background:var(--foreground);align-items:center;display:flex;position:relative;overflow:hidden}.reference-fencing-panel-fencing .hero-img{object-fit:cover;object-position:center 52%;width:100%;height:100%;position:absolute;inset:0}.reference-fencing-panel-fencing .hero:after{content:"";background:linear-gradient(90deg,var(--fencing-hero-overlay),var(--fencing-hero-overlay) 70%,var(--fencing-hero-overlay)),linear-gradient(0deg,var(--fencing-hero-overlay),transparent 65%);position:absolute;inset:0}.reference-fencing-panel-fencing .hero-content{z-index:1;padding-top:150px;padding-bottom:80px;position:relative}.reference-fencing-panel-fencing .hero .eyebrow{color:var(--accent)}.reference-fencing-panel-fencing .hero p:not(.eyebrow){max-width:620px;color:var(--ink-foreground);margin:25px 0 32px;font-size:1.13rem}.reference-fencing-panel-fencing .hero .hero-caption{z-index:1;letter-spacing:0;color:var(--ink-foreground);font-size:.75rem;position:absolute;bottom:28px;right:6%}.reference-fencing-panel-fencing .hero .breadcrumb{align-items:center;gap:14px;display:flex}.reference-fencing-panel-fencing .hero .breadcrumb span{color:var(--ink-foreground)}.reference-fencing-panel-fencing .hero.product{min-height:675px}.reference-fencing-panel-fencing .hero.product h1{max-width:750px}.reference-fencing-panel-fencing .hero.product .hero-img{object-position:50% 55%}.reference-fencing-panel-fencing .page-nav{z-index:20;background:var(--fencing-overlay);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0}.reference-fencing-panel-fencing .page-nav .wrap{justify-content:space-between;align-items:center;gap:24px;min-height:64px;display:flex}.reference-fencing-panel-fencing .page-tabs,.reference-fencing-panel-fencing .jump-links{align-items:center;gap:28px;font-size:.88rem;display:flex}.reference-fencing-panel-fencing .page-tabs a{white-space:nowrap;padding:20px 0}.reference-fencing-panel-fencing .page-tabs a[aria-current=page]{border-bottom:2px solid var(--lime-ink);font-weight:700}.reference-fencing-panel-fencing .jump-links{color:currentColor;gap:25px}.reference-fencing-panel-fencing .jump-links a:hover{color:var(--ink)}.reference-fencing-panel-fencing .intro-grid{grid-template-columns:1fr 1fr;align-items:start;gap:11%;display:grid}.reference-fencing-panel-fencing .intro-grid h2{max-width:560px}.reference-fencing-panel-fencing .intro-grid .lead{padding-top:37px}.reference-fencing-panel-fencing .benefit-strip{border-top:1px solid var(--border);grid-template-columns:repeat(4,1fr);margin-top:62px;display:grid}.reference-fencing-panel-fencing .benefit{padding:28px 32px 4px 0}.reference-fencing-panel-fencing .benefit:not(:first-child){border-left:1px solid var(--border);padding-left:30px}.reference-fencing-panel-fencing .benefit strong{margin:12px 0;font-size:1.15rem;font-weight:600;line-height:1.3;display:block}.reference-fencing-panel-fencing .benefit .symbol{color:var(--lime-ink);font-size:1.7rem;line-height:1}.reference-fencing-panel-fencing .benefit p{color:currentColor;font-size:.95rem}.reference-fencing-panel-fencing .tone{background:var(--secondary)}.reference-fencing-panel-fencing .section-head{justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:45px;display:flex}.reference-fencing-panel-fencing .section-head p{max-width:440px}.reference-fencing-panel-fencing .section-head .eyebrow{margin-bottom:18px}.reference-fencing-panel-fencing .profiles{grid-template-columns:1fr 1fr;gap:28px;display:grid}.reference-fencing-panel-fencing .profile-card{display:block}.reference-fencing-panel-fencing .profile-image{height:380px;position:relative;overflow:hidden}.reference-fencing-panel-fencing .profile-image img{object-fit:cover;width:100%;height:100%;transition:transform .7s}.reference-fencing-panel-fencing .profile-card:hover img{transform:scale(1.035)}.reference-fencing-panel-fencing .profile-image .number{background:var(--background);padding:5px 12px;font-size:.85rem;position:absolute;top:20px;left:20px}.reference-fencing-panel-fencing .profile-info{padding:28px 0 5px}.reference-fencing-panel-fencing .profile-info h3{margin-bottom:15px;font-size:2.4rem}.reference-fencing-panel-fencing .profile-info p{color:currentColor;max-width:480px;margin-bottom:15px}.reference-fencing-panel-fencing .tags{flex-wrap:wrap;gap:7px;margin:20px 0;display:flex}.reference-fencing-panel-fencing .tag{border:1px solid var(--border);padding:5px 10px;font-size:.77rem;line-height:1.3}.reference-fencing-panel-fencing .explorer-grid{grid-template-columns:minmax(0,1.4fr) minmax(350px,1fr);align-items:start;gap:56px;display:grid}.reference-fencing-panel-fencing .explorer-photo{background:var(--secondary);aspect-ratio:1.25;position:relative;overflow:hidden}.reference-fencing-panel-fencing .explorer-photo>img{object-fit:cover;width:100%;height:100%}.reference-fencing-panel-fencing .image-note{background:var(--fencing-overlay);color:var(--ink);padding:5px 10px;font-size:.75rem;position:absolute;bottom:20px;left:20px}.reference-fencing-panel-fencing .photo-expand{color:var(--ink);background:var(--card);min-height:42px;padding:8px 12px;font-size:.8rem;position:absolute;top:17px;right:17px}.reference-fencing-panel-fencing .photo-caption{justify-content:space-between;align-items:start;gap:12px;margin-top:16px;font-size:.9rem;display:flex}.reference-fencing-panel-fencing .photo-caption small{color:currentColor;font-size:.78rem}.reference-fencing-panel-fencing .explorer-controls{padding-top:1px}.reference-fencing-panel-fencing .segmented{border:1px solid var(--border);gap:0;width:fit-content;margin-bottom:28px;display:flex}.reference-fencing-panel-fencing .segmented button{color:currentColor;background:0 0;min-height:42px;padding:10px 20px;font-size:.88rem}.reference-fencing-panel-fencing .segmented button[aria-pressed=true]{background:var(--ink);color:var(--card)}.reference-fencing-panel-fencing .explorer-controls h3{font-size:2.6rem}.reference-fencing-panel-fencing .finish-story{color:currentColor;min-height:76px;margin-top:12px;font-size:1rem}.reference-fencing-panel-fencing .swatches{grid-template-columns:repeat(5,1fr);gap:18px 13px;margin:28px 0;display:grid}.reference-fencing-panel-fencing .swatch{text-align:left;color:var(--ink);background:0 0;padding:0}.reference-fencing-panel-fencing .swatch-chip{border:1px solid var(--fencing-overlay);width:100%;height:46px;margin-bottom:7px;display:block;position:relative}.reference-fencing-panel-fencing .swatch[aria-pressed=true] .swatch-chip{outline:2px solid var(--lime-ink);outline-offset:4px}.reference-fencing-panel-fencing .swatch[aria-pressed=true] .swatch-chip:after{content:"✓";background:var(--background);color:var(--lime-ink);text-align:center;border-radius:50%;width:20px;height:20px;font-size:14px;font-weight:700;line-height:20px;position:absolute;bottom:4px;right:5px}.reference-fencing-panel-fencing .swatch-label{min-height:28px;font-size:.77rem;line-height:1.15;display:block}.reference-fencing-panel-fencing .orientation{margin-top:25px}.reference-fencing-panel-fencing .orientation .small{margin-bottom:9px}.reference-fencing-panel-fencing .orientation .segmented{margin-bottom:12px}.reference-fencing-panel-fencing .sample-action{flex-wrap:wrap;align-items:center;gap:22px;margin-top:24px;display:flex}.reference-fencing-panel-fencing .colour-note{color:currentColor;margin-top:22px;font-size:.77rem}.reference-fencing-panel-fencing .no-preview{text-align:center;background:var(--secondary);flex-direction:column;justify-content:center;align-items:center;gap:15px;height:100%;padding:35px;display:flex}.reference-fencing-panel-fencing .colour-block{border:1px solid var(--fencing-overlay);width:140px;height:100px;display:block}.reference-fencing-panel-fencing .gallery-tools{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;margin:30px 0;display:flex}.reference-fencing-panel-fencing .filter-buttons{gap:24px;display:flex}.reference-fencing-panel-fencing .filter-buttons button{color:currentColor;background:0 0;border-bottom:2px solid #0000;padding:14px 0;font-size:.92rem}.reference-fencing-panel-fencing .filter-buttons button[aria-pressed=true]{border-color:var(--ink);color:var(--ink);font-weight:600}.reference-fencing-panel-fencing .gallery-tools select{color:var(--ink);background:0 0;border:0;max-width:180px;padding:9px 24px 9px 9px;font-size:.88rem}.reference-fencing-panel-fencing .gallery-grid{grid-template-columns:repeat(3,1fr);gap:40px 24px;display:grid}.reference-fencing-panel-fencing .gallery-card{text-align:left;color:inherit;background:0 0;padding:0}.reference-fencing-panel-fencing .gallery-card .gallery-img{aspect-ratio:1.35;overflow:hidden}.reference-fencing-panel-fencing .gallery-card img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.reference-fencing-panel-fencing .gallery-card:hover img{transform:scale(1.035)}.reference-fencing-panel-fencing .gallery-card h3{letter-spacing:0;margin:15px 0 6px;font-size:1.3rem;line-height:1.3}.reference-fencing-panel-fencing .gallery-card p{color:currentColor;font-size:.86rem}.reference-fencing-panel-fencing .gallery-bottom{justify-content:space-between;align-items:center;gap:30px;margin-top:38px;display:flex}.reference-fencing-panel-fencing .empty-gallery{color:currentColor;grid-column:1/-1;padding:50px 0}.reference-fencing-panel-fencing .construction{background:var(--foreground);color:var(--ink-foreground)}.reference-fencing-panel-fencing .construction .eyebrow{color:var(--accent)}.reference-fencing-panel-fencing .construction-grid{grid-template-columns:1fr 1fr;align-items:start;gap:85px;display:grid}.reference-fencing-panel-fencing .construction h2{max-width:450px;margin-bottom:25px}.reference-fencing-panel-fencing .construction .lead{color:var(--ink-foreground);max-width:455px}.reference-fencing-panel-fencing .construction-steps{border-top:1px solid var(--fencing-overlay)}.reference-fencing-panel-fencing .construction-step{border-bottom:1px solid var(--fencing-overlay);grid-template-columns:45px 1fr;gap:15px;padding:25px 0;display:grid}.reference-fencing-panel-fencing .construction-step>span{color:var(--accent);font-size:.85rem}.reference-fencing-panel-fencing .construction-step h3{letter-spacing:0;margin-bottom:10px;font-size:1.4rem}.reference-fencing-panel-fencing .construction-step p{color:var(--ink-foreground);font-size:.96rem}.reference-fencing-panel-fencing .construction .actions{margin-top:35px}.reference-fencing-panel-fencing .product-design{grid-template-columns:1.05fr 1fr;align-items:center;gap:75px;display:grid}.reference-fencing-panel-fencing .product-design img{aspect-ratio:1.12;object-fit:cover;width:100%}.reference-fencing-panel-fencing .product-design h2{margin-bottom:23px}.reference-fencing-panel-fencing .product-design p{margin-bottom:22px}.reference-fencing-panel-fencing .feature-list{border-top:1px solid var(--border);margin:30px 0 0;padding:0;list-style:none}.reference-fencing-panel-fencing .feature-list li{border-bottom:1px solid var(--border);gap:18px;padding:15px 0;font-size:.97rem;display:flex}.reference-fencing-panel-fencing .feature-list li>span{color:var(--lime-ink);padding-top:3px;font-size:.78rem}.reference-fencing-panel-fencing .spec-grid{grid-template-columns:.9fr 1.1fr;gap:100px;display:grid}.reference-fencing-panel-fencing .spec-grid h2{margin-bottom:24px}.reference-fencing-panel-fencing .spec-table{margin:0}.reference-fencing-panel-fencing .spec-table>div{border-top:1px solid var(--border);grid-template-columns:1fr 1.2fr;gap:25px;padding:18px 0;font-size:.97rem;display:grid}.reference-fencing-panel-fencing .spec-table dt{font-weight:600}.reference-fencing-panel-fencing .spec-table dd{color:currentColor;margin:0}.reference-fencing-panel-fencing .spec-table>div:last-child{border-bottom:1px solid var(--border)}.reference-fencing-panel-fencing .faq-grid{grid-template-columns:.85fr 1.15fr;gap:90px;display:grid}.reference-fencing-panel-fencing .faq-grid h2{max-width:380px;margin-bottom:25px}.reference-fencing-panel-fencing .faq-grid .lead{max-width:335px}.reference-fencing-panel-fencing .faqs details{border-top:1px solid var(--border)}.reference-fencing-panel-fencing .faqs details:last-child{border-bottom:1px solid var(--border)}.reference-fencing-panel-fencing .faqs summary{cursor:pointer;padding:23px 45px 23px 0;font-size:1.08rem;line-height:1.4;list-style:none;position:relative}.reference-fencing-panel-fencing .faqs summary::-webkit-details-marker{display:none}.reference-fencing-panel-fencing .faqs summary:after{content:"+";color:var(--lime-ink);font-size:1.6rem;font-weight:400;position:absolute;top:19px;right:4px}.reference-fencing-panel-fencing .faqs details[open] summary:after{content:"−"}.reference-fencing-panel-fencing .faqs details p{color:currentColor;padding:0 30px 25px 0;font-size:1rem;line-height:1.7}.reference-fencing-panel-fencing .crosslink{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:40px;margin-top:70px;padding:35px 0;display:flex}.reference-fencing-panel-fencing .crosslink h3{font-size:1.9rem}.reference-fencing-panel-fencing .final-cta{background:var(--accent);padding:75px 0}.reference-fencing-panel-fencing .final-cta .wrap{justify-content:space-between;align-items:center;gap:60px;display:flex}.reference-fencing-panel-fencing .final-cta h2{max-width:640px;font-size:3.6rem}.reference-fencing-panel-fencing .final-cta .eyebrow{color:var(--foreground)}.reference-fencing-panel-fencing .final-cta p{max-width:580px;color:var(--foreground);margin-top:20px}.reference-fencing-panel-fencing .final-cta .actions{flex-shrink:0;max-width:220px}.reference-fencing-panel-fencing .final-cta .btn{width:100%}.reference-fencing-panel-fencing .footer{background:var(--foreground);color:var(--ink-foreground);padding:65px 0 25px}.reference-fencing-panel-fencing .footer-top{grid-template-columns:repeat(4,minmax(0,1fr));gap:65px;display:grid}.reference-fencing-panel-fencing .footer .logo{width:175px}.reference-fencing-panel-fencing .footer p{color:var(--ink-foreground);max-width:330px;margin-top:22px;font-size:.9rem}.reference-fencing-panel-fencing .footer-title{letter-spacing:0;color:var(--accent);margin-bottom:20px;font-size:.76rem}.reference-fencing-panel-fencing .footer-links{flex-direction:column;gap:11px;font-size:.9rem;display:flex}.reference-fencing-panel-fencing .footer-bottom{border-top:1px solid var(--fencing-overlay);color:var(--foreground);justify-content:space-between;gap:20px;margin-top:50px;padding-top:25px;font-size:.76rem;display:flex}.reference-fencing-panel-fencing dialog{background:var(--background);color:var(--ink);width:100%;max-width:min(1050px,94vw);max-height:92dvh;box-shadow:0 20px 100px var(--fencing-overlay);border:0;padding:0;overflow:auto}.reference-fencing-panel-fencing dialog::backdrop{background:var(--fencing-overlay)}.reference-fencing-panel-fencing .dialog-close{z-index:2;background:var(--background);width:44px;height:44px;color:var(--ink);justify-content:center;align-items:center;font-size:1.6rem;display:flex;position:absolute;top:15px;right:15px}.reference-fencing-panel-fencing .lightbox-image{object-fit:contain;background:var(--foreground);width:100%;max-height:65dvh}.reference-fencing-panel-fencing .lightbox-.reference-fencing-panel-fencing{justify-content:space-between;align-items:center;gap:30px;padding:28px 35px;display:flex}.reference-fencing-panel-fencing .lightbox-.reference-fencing-panel-fencing h3{margin-bottom:8px;font-size:1.8rem}.reference-fencing-panel-fencing #sample-dialog{max-width:580px;padding:45px}.reference-fencing-panel-fencing #sample-dialog h2{margin-bottom:18px;font-size:2.7rem}.reference-fencing-panel-fencing #sample-dialog p{color:currentColor}.reference-fencing-panel-fencing .sample-fields{gap:20px;margin:26px 0;display:grid}.reference-fencing-panel-fencing .sample-fields label{font-size:.87rem;font-weight:600}.reference-fencing-panel-fencing .sample-fields select{border:1px solid var(--border);background:var(--card);border-radius:0;width:100%;margin-top:8px;padding:12px;display:block}.reference-fencing-panel-fencing .sample-summary{background:var(--secondary);margin:20px 0;padding:18px}.reference-fencing-panel-fencing .sample-summary strong{display:block}.reference-fencing-panel-fencing .sample-note{margin-top:18px;font-size:.83rem}.reference-fencing-panel-fencing .sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.reference-fencing-panel-fencing [hidden]{display:none!important}@media (width>=1700px){.reference-fencing-panel-fencing .hero{min-height:800px}}@media (width<=1100px){.reference-fencing-panel-fencing .wrap{width:90%}.reference-fencing-panel-fencing .primary-nav{gap:24px}.reference-fencing-panel-fencing .explorer-grid{grid-template-columns:1.15fr 1fr;gap:35px}.reference-fencing-panel-fencing .section{padding:80px 0}.reference-fencing-panel-fencing .construction-grid,.reference-fencing-panel-fencing .faq-grid,.reference-fencing-panel-fencing .spec-grid{gap:55px}.reference-fencing-panel-fencing .footer-top{gap:30px}.reference-fencing-panel-fencing .profile-image{height:320px}.reference-fencing-panel-fencing .jump-links{gap:17px}.reference-fencing-panel-fencing .swatches{gap:16px 12px}.reference-fencing-panel-fencing .product-design{gap:45px}}@media (width<=800px){.reference-fencing-panel-fencing .utility .wrap>span{display:none}.reference-fencing-panel-fencing .utility .wrap{justify-content:flex-end}.reference-fencing-panel-fencing .utility-links{gap:20px}.reference-fencing-panel-fencing .header-inner{height:82px}.reference-fencing-panel-fencing .logo{width:160px}.reference-fencing-panel-fencing .menu-toggle{display:block}.reference-fencing-panel-fencing .primary-nav{background:var(--foreground);flex-direction:column;align-items:stretch;gap:7px;padding:25px 5%;display:none;position:absolute;top:82px;left:0;right:0}.reference-fencing-panel-fencing .primary-nav.open{display:flex}.reference-fencing-panel-fencing .hero{min-height:650px}.reference-fencing-panel-fencing .hero-content{padding-top:160px;padding-bottom:80px}.reference-fencing-panel-fencing .hero h1{max-width:630px;font-size:4.7rem}.reference-fencing-panel-fencing .hero:after{background:linear-gradient(90deg,var(--fencing-hero-overlay),var(--fencing-hero-overlay)),linear-gradient(0deg,var(--fencing-hero-overlay),transparent)}.reference-fencing-panel-fencing .hero p:not(.eyebrow){font-size:1.05rem}.reference-fencing-panel-fencing .hero-caption{display:none}.reference-fencing-panel-fencing .page-nav .wrap{min-height:0;display:block}.reference-fencing-panel-fencing .page-tabs{justify-content:space-between;gap:15px}.reference-fencing-panel-fencing .page-tabs a{padding:17px 0;font-size:.85rem}.reference-fencing-panel-fencing .jump-links{display:none}.reference-fencing-panel-fencing .intro-grid{grid-template-columns:1fr;gap:15px}.reference-fencing-panel-fencing .intro-grid .lead{padding-top:0}.reference-fencing-panel-fencing .benefit-strip{grid-template-columns:1fr 1fr;gap:0;margin-top:40px}.reference-fencing-panel-fencing .benefit{padding:25px 15px 20px 0}.reference-fencing-panel-fencing .benefit:not(:first-child){padding-left:20px}.reference-fencing-panel-fencing .benefit:nth-child(3){border-left:0;border-top:1px solid var(--border);padding-left:0}.reference-fencing-panel-fencing .benefit:nth-child(4){border-top:1px solid var(--border)}.reference-fencing-panel-fencing .section-head{flex-direction:column;align-items:start;gap:22px;margin-bottom:32px}.reference-fencing-panel-fencing .section-head p{max-width:620px}.reference-fencing-panel-fencing .profile-image{height:300px}.reference-fencing-panel-fencing .profile-info h3{font-size:2rem}.reference-fencing-panel-fencing .explorer-grid{grid-template-columns:1fr;gap:30px}.reference-fencing-panel-fencing .explorer-photo{aspect-ratio:1.5}.reference-fencing-panel-fencing .explorer-controls h3{font-size:2.5rem}.reference-fencing-panel-fencing .finish-story{min-height:0}.reference-fencing-panel-fencing .swatches{grid-template-columns:repeat(5,1fr);gap:22px}.reference-fencing-panel-fencing .swatch-chip{height:60px}.reference-fencing-panel-fencing .swatch-label{min-height:0;font-size:.82rem}.reference-fencing-panel-fencing .gallery-grid{grid-template-columns:1fr 1fr}.reference-fencing-panel-fencing .construction-grid,.reference-fencing-panel-fencing .faq-grid,.reference-fencing-panel-fencing .spec-grid,.reference-fencing-panel-fencing .product-design{grid-template-columns:1fr;gap:40px}.reference-fencing-panel-fencing .construction h2{max-width:600px}.reference-fencing-panel-fencing .product-design img{aspect-ratio:1.5}.reference-fencing-panel-fencing .faq-grid h2{max-width:580px}.reference-fencing-panel-fencing .faq-grid .lead{max-width:500px}.reference-fencing-panel-fencing .final-cta .wrap{flex-direction:column;align-items:flex-start;gap:32px}.reference-fencing-panel-fencing .final-cta .actions{max-width:none}.reference-fencing-panel-fencing .final-cta .btn{width:auto}.reference-fencing-panel-fencing .footer-top{grid-template-columns:1.5fr 1fr;gap:42px}.reference-fencing-panel-fencing .footer-bottom{flex-direction:column}.reference-fencing-panel-fencing .lightbox-.reference-fencing-panel-fencing{flex-direction:column;align-items:start;gap:18px}}@media (width<=520px){.reference-fencing-panel-fencing{font-size:16px}.reference-fencing-panel-fencing .wrap{width:89%}.reference-fencing-panel-fencing .utility{height:30px}.reference-fencing-panel-fencing .utility-links{gap:22px;font-size:.65rem}.reference-fencing-panel-fencing .hero{min-height:690px}.reference-fencing-panel-fencing .hero.product{min-height:650px}.reference-fencing-panel-fencing .hero-content{padding-top:140px;padding-bottom:64px}.reference-fencing-panel-fencing .hero h1{letter-spacing:0;font-size:3.25rem}.reference-fencing-panel-fencing .hero .eyebrow{font-size:.72rem}.reference-fencing-panel-fencing .hero .actions{flex-direction:column;align-items:stretch;max-width:270px}.reference-fencing-panel-fencing .section{padding:62px 0}.reference-fencing-panel-fencing .eyebrow{margin-bottom:16px}.reference-fencing-panel-fencing h2{font-size:2.55rem}.reference-fencing-panel-fencing .benefit strong{font-size:1.05rem}.reference-fencing-panel-fencing .benefit p{font-size:.88rem}.reference-fencing-panel-fencing .benefit:not(:first-child){padding-left:16px}.reference-fencing-panel-fencing .benefit:nth-child(3){padding-left:0}.reference-fencing-panel-fencing .profiles{grid-template-columns:1fr;gap:38px}.reference-fencing-panel-fencing .profile-image{height:285px}.reference-fencing-panel-fencing .profile-info{padding-top:22px}.reference-fencing-panel-fencing .profile-info p{font-size:.98rem}.reference-fencing-panel-fencing .explorer-photo{aspect-ratio:1.15}.reference-fencing-panel-fencing .image-note{font-size:.7rem;bottom:12px;left:12px}.reference-fencing-panel-fencing .photo-caption{flex-direction:column;gap:2px}.reference-fencing-panel-fencing .swatches{grid-template-columns:repeat(3,1fr);gap:20px 12px}.reference-fencing-panel-fencing .swatch-chip{height:49px}.reference-fencing-panel-fencing .swatch-label{font-size:.82rem}.reference-fencing-panel-fencing .sample-action{gap:17px}.reference-fencing-panel-fencing .gallery-tools{align-items:flex-start}.reference-fencing-panel-fencing .filter-buttons{gap:19px}.reference-fencing-panel-fencing .filter-buttons button{font-size:.86rem}.reference-fencing-panel-fencing .gallery-tools select{max-width:115px;padding-top:15px;font-size:.8rem}.reference-fencing-panel-fencing .gallery-grid{grid-template-columns:1fr;gap:30px}.reference-fencing-panel-fencing .gallery-card .gallery-img{aspect-ratio:1.4}.reference-fencing-panel-fencing .gallery-bottom{flex-direction:column;align-items:start;gap:20px}.reference-fencing-panel-fencing .spec-table>div{grid-template-columns:1fr 1.2fr;gap:20px;font-size:.9rem}.reference-fencing-panel-fencing .construction-step{grid-template-columns:27px 1fr;gap:12px}.reference-fencing-panel-fencing .faqs summary{font-size:1rem}.reference-fencing-panel-fencing .crosslink{flex-direction:column;align-items:start;margin-top:45px}.reference-fencing-panel-fencing .final-cta{padding:60px 0}.reference-fencing-panel-fencing .final-cta .actions{flex-direction:column;width:100%;max-width:270px}.reference-fencing-panel-fencing .footer-top{grid-template-columns:1fr 1fr;gap:35px 24px}.reference-fencing-panel-fencing .footer-top>div:first-child,.reference-fencing-panel-fencing .footer-top>div:last-child{grid-column:1/-1}.reference-fencing-panel-fencing .footer-title{margin-bottom:16px}.reference-fencing-panel-fencing #sample-dialog{padding:35px 25px}.reference-fencing-panel-fencing .lightbox-.reference-fencing-panel-fencing{padding:23px}.reference-fencing-panel-fencing .page-tabs{gap:10px}.reference-fencing-panel-fencing .page-tabs a{font-size:.79rem}.reference-fencing-panel-fencing .segmented button{padding:10px 16px}}@media (prefers-reduced-motion:reduce){.reference-fencing-panel-fencing{scroll-behavior:auto}.reference-fencing-panel-fencing *{transition:none!important}}.reference-fencing-panel-fencing .preview-switch{width:100%;margin-bottom:18px}.reference-fencing-panel-fencing .preview-switch button{flex:1;min-height:46px}.reference-fencing-panel-fencing .explorer-photo.board-preview{background:var(--card);border:1px solid var(--border)}.reference-fencing-panel-fencing .explorer-photo.board-preview>img{object-fit:contain;width:100%;height:100%;padding:18px 20px 35px}.reference-fencing-panel-fencing .board-colour-label{margin:25px 0 13px;font-size:.85rem;font-weight:600}.reference-fencing-panel-fencing .swatches.board-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:21px 15px;margin:0 0 22px}.reference-fencing-panel-fencing .board-options .swatch-chip{aspect-ratio:.84;background:var(--card);border:1px solid var(--border);height:auto;margin-bottom:10px;overflow:visible}.reference-fencing-panel-fencing .board-options .swatch-chip img{object-fit:contain;width:100%;height:100%;transition:transform .25s}.reference-fencing-panel-fencing .board-options .swatch:hover img{transform:scale(1.06)}.reference-fencing-panel-fencing .board-options .swatch-label{min-height:1.25em;font-size:.85rem;line-height:1.25}.reference-fencing-panel-fencing .board-options .swatch[aria-pressed=true] .swatch-chip{outline-offset:3px}.reference-fencing-panel-fencing .additional-finish{color:currentColor;flex-wrap:wrap;align-items:center;gap:5px 10px;margin-top:8px;font-size:.8rem;display:flex}.reference-fencing-panel-fencing .additional-finish button{color:var(--ink);background:0 0;padding:5px 0;font-size:.8rem}.reference-fencing-panel-fencing .additional-finish button[aria-pressed=true]{color:var(--lime-ink);border-bottom-width:2px}.reference-fencing-panel-fencing .board-unavailable{background:var(--card)}.reference-fencing-panel-fencing .board-unavailable p{max-width:35ch}.reference-fencing-panel-fencing .board-unavailable .eyebrow{margin-bottom:0}.reference-fencing-panel-fencing .board-unavailable .btn{margin-top:12px}.reference-fencing-panel-fencing .board-dialog-image{background:var(--card);justify-content:center;align-items:center;padding:35px 30px 15px;display:flex}.reference-fencing-panel-fencing .board-dialog-image img{object-fit:contain;max-width:100%;height:62dvh;max-height:760px}.reference-fencing-panel-fencing #board-dialog{max-width:min(900px,94vw)}.reference-fencing-panel-fencing #board-dialog .lightbox-.reference-fencing-panel-fencing{border-top:1px solid var(--border)}@media (width<=1100px){.reference-fencing-panel-fencing .swatches.board-options{gap:20px 12px}.reference-fencing-panel-fencing .board-options .swatch-label{font-size:.8rem}.reference-fencing-panel-fencing .board-options .swatch-chip{aspect-ratio:.75}}@media (width<=800px){.reference-fencing-panel-fencing .explorer-photo.board-preview{aspect-ratio:1.3}.reference-fencing-panel-fencing .swatches.board-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px}.reference-fencing-panel-fencing .board-options .swatch-chip{aspect-ratio:1}.reference-fencing-panel-fencing .board-options .swatch-label{font-size:.88rem}.reference-fencing-panel-fencing .preview-switch{margin-bottom:15px}}@media (width<=520px){.reference-fencing-panel-fencing .explorer-photo.board-preview{aspect-ratio:1.04}.reference-fencing-panel-fencing .explorer-photo.board-preview>img{padding:10px 14px 30px}.reference-fencing-panel-fencing .swatches.board-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:21px 12px}.reference-fencing-panel-fencing .board-options .swatch-chip{aspect-ratio:.65}.reference-fencing-panel-fencing .board-options .swatch-label{min-height:2.5em;font-size:.82rem}.reference-fencing-panel-fencing .preview-switch button{padding:12px 10px;font-size:.85rem}.reference-fencing-panel-fencing .board-dialog-image{padding:45px 15px 15px}.reference-fencing-panel-fencing .board-dialog-image img{height:52dvh}.reference-fencing-panel-fencing .additional-finish{font-size:.8rem}}.reference-fencing-panel-fencing .header .logo,.reference-fencing-panel-fencing .footer .logo{mix-blend-mode:normal;object-fit:contain;width:240px;height:auto;max-height:none;display:block}.reference-fencing-panel-fencing .header-inner>a:first-child{flex-shrink:0;display:block}@media (width<=1000px){.reference-fencing-panel-fencing .header .logo{width:210px}}@media (width<=480px){.reference-fencing-panel-fencing .header .logo{width:188px}.reference-fencing-panel-fencing .footer .logo{width:220px}}.reference-fencing-panel-fencing .advantages{position:relative}.reference-fencing-panel-fencing .advantages .section-anchor{position:absolute;top:0;left:0}.reference-fencing-panel-fencing .advantage-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:70px;display:grid}.reference-fencing-panel-fencing .advantages .advantage-intro .eyebrow{letter-spacing:0;max-width:390px;font-size:.8rem;line-height:1.6}.reference-fencing-panel-fencing .advantages h2{letter-spacing:0;max-width:530px;margin-bottom:25px;font-size:4.2rem;line-height:1.08}.reference-fencing-panel-fencing .advantages h2 span{color:var(--accent)}.reference-fencing-panel-fencing .advantages .lead{max-width:390px;margin-bottom:32px;line-height:1.65}.reference-fencing-panel-fencing .advantage-intro>.btn{border-color:var(--secondary);color:var(--ink-foreground);min-height:48px}.reference-fencing-panel-fencing .advantage-grid{gap:22px;display:grid}.reference-fencing-panel-fencing .advantage-card{background:var(--background);color:var(--ink);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);min-width:0;min-height:235px;display:grid;overflow:hidden}.reference-fencing-panel-fencing .advantage-image{background:var(--card);justify-content:center;align-items:center;min-width:0;padding:34px 14px 25px;display:flex;position:relative}.reference-fencing-panel-fencing .advantage-number{color:var(--lime-ink);letter-spacing:0;font-size:.8rem;font-weight:600;position:absolute;top:18px;left:20px}.reference-fencing-panel-fencing .advantage-drawing{width:100%;max-width:240px;height:auto;display:block;overflow:hidden}.reference-fencing-panel-fencing .advantage-copy{flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;padding:31px 30px 29px 24px;display:flex}.reference-fencing-panel-fencing .advantage-copy h3{letter-spacing:0;margin-bottom:13px;font-size:1.55rem;line-height:1.2}.reference-fencing-panel-fencing .advantage-copy p{color:currentColor;margin-bottom:21px;font-size:1rem;line-height:1.65}.reference-fencing-panel-fencing .advantage-result{border-top:2px solid var(--secondary);max-width:100%;color:var(--lime-ink);padding-top:13px;font-size:.875rem;font-weight:600;line-height:1.45;display:block}.reference-fencing-panel-fencing .jump-links a{white-space:nowrap}@media (width<=1180px){.reference-fencing-panel-fencing .page-nav .jump-links{display:none}.reference-fencing-panel-fencing .advantage-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:42px}.reference-fencing-panel-fencing .advantage-copy{padding:28px 24px 26px 20px}.reference-fencing-panel-fencing .advantages h2{font-size:3.25rem}}@media (width<=1000px){.reference-fencing-panel-fencing .advantage-layout{grid-template-columns:1fr;gap:38px}.reference-fencing-panel-fencing .advantage-intro,.reference-fencing-panel-fencing .advantages h2{max-width:600px}.reference-fencing-panel-fencing .advantages .lead{max-width:570px}.reference-fencing-panel-fencing .advantage-card{grid-template-columns:minmax(180px,.65fr) minmax(0,1.35fr);min-height:220px}.reference-fencing-panel-fencing .advantage-copy{padding:30px}.reference-fencing-panel-fencing .advantage-image{padding:35px 20px 25px}.reference-fencing-panel-fencing .advantage-drawing{max-width:235px}}@media (width<=520px){.reference-fencing-panel-fencing .advantages h2{font-size:2.75rem}.reference-fencing-panel-fencing .advantages .advantage-intro .eyebrow{max-width:290px;font-size:.8rem}.reference-fencing-panel-fencing .advantage-layout{gap:32px}.reference-fencing-panel-fencing .advantage-grid{gap:22px}.reference-fencing-panel-fencing .advantage-card{grid-template-columns:1fr}.reference-fencing-panel-fencing .advantage-image{height:175px;padding:30px 45px 18px}.reference-fencing-panel-fencing .advantage-drawing{width:auto;max-width:100%;height:100%}.reference-fencing-panel-fencing .advantage-number{top:17px;left:24px}.reference-fencing-panel-fencing .advantage-copy{padding:25px}.reference-fencing-panel-fencing .advantage-copy h3{font-size:1.55rem}.reference-fencing-panel-fencing .advantage-copy p{margin-bottom:19px}.reference-fencing-panel-fencing .advantage-result{font-size:.875rem}.reference-fencing-panel-fencing .advantage-intro>.btn{font-size:.8rem}}.reference-fencing-panel-fencing .trims-section{border-top:1px solid var(--border);background:var(--background)}.reference-fencing-panel-fencing .trim-section-meta{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.reference-fencing-panel-fencing .trim-finish{color:currentColor;align-items:center;gap:10px;font-size:.88rem;display:inline-flex}.reference-fencing-panel-fencing .trim-finish>span{background:var(--border);border:1px solid var(--fencing-overlay);width:24px;height:24px;display:block}.reference-fencing-panel-fencing .trim-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.reference-fencing-panel-fencing .trim-card{text-align:left;color:inherit;border:1px solid var(--border);background:0 0;flex-direction:column;padding:0;transition:border-color .2s;display:flex}.reference-fencing-panel-fencing .trim-card:hover{border-color:var(--lime-ink)}.reference-fencing-panel-fencing .trim-card-image{background:var(--card);aspect-ratio:1.35;width:100%;position:relative;overflow:hidden}.reference-fencing-panel-fencing .trim-card-image img{object-fit:contain;width:100%;height:100%;transition:transform .4s}.reference-fencing-panel-fencing .trim-card:hover img{transform:scale(1.035)}.reference-fencing-panel-fencing .trim-card-number{color:currentColor;font-size:.75rem;position:absolute;top:14px;left:16px}.reference-fencing-panel-fencing .trim-card-.reference-fencing-panel-fencing{flex-direction:column;flex:1;align-items:flex-start;padding:22px 20px;display:flex}.reference-fencing-panel-fencing .trim-card h3{letter-spacing:0;margin-bottom:8px;font-size:1.2rem;line-height:1.25}.reference-fencing-panel-fencing .trim-card p{color:currentColor;margin-bottom:22px;font-size:.85rem}.reference-fencing-panel-fencing .trim-view{border-bottom:1px solid;margin-top:auto;padding-bottom:3px;font-size:.82rem;font-weight:600;display:inline-block}.reference-fencing-panel-fencing .trim-section-bottom{justify-content:space-between;align-items:center;gap:50px;margin-top:35px;display:flex}.reference-fencing-panel-fencing .trim-section-bottom p{max-width:650px}.reference-fencing-panel-fencing .trim-section-bottom .btn{flex-shrink:0}.reference-fencing-panel-fencing #trim-dialog{max-width:min(1100px,94vw)}.reference-fencing-panel-fencing .trim-dialog-grid{grid-template-columns:1.2fr 1fr;min-height:480px;display:grid}.reference-fencing-panel-fencing .trim-dialog-image{background:var(--card);justify-content:center;align-items:center;min-width:0;padding:25px;display:flex}.reference-fencing-panel-fencing .trim-dialog-image img{object-fit:contain;width:100%;max-height:65dvh}.reference-fencing-panel-fencing .trim-dialog-.reference-fencing-panel-fencing{flex-direction:column;align-items:flex-start;padding:62px 40px 45px;display:flex}.reference-fencing-panel-fencing .trim-dialog-.reference-fencing-panel-fencing h2{margin-bottom:24px;font-size:2.5rem}.reference-fencing-panel-fencing .trim-dialog-.reference-fencing-panel-fencing>.trim-finish{margin-bottom:25px}.reference-fencing-panel-fencing .trim-dialog-.reference-fencing-panel-fencing #trim-dialog-description{margin-bottom:22px;font-size:1.02rem}.reference-fencing-panel-fencing .trim-dialog-.reference-fencing-panel-fencing>.btn{margin-top:30px}.reference-fencing-panel-fencing .trim-dialog-.reference-fencing-panel-fencing>.eyebrow{margin-bottom:17px}@media (width<=1100px){.reference-fencing-panel-fencing .trim-grid{gap:18px}.reference-fencing-panel-fencing .trim-card-.reference-fencing-panel-fencing{padding:20px 15px}.reference-fencing-panel-fencing .trim-card h3{font-size:1.08rem}}@media (width<=950px){.reference-fencing-panel-fencing .page-nav .jump-links{display:none}.reference-fencing-panel-fencing .trim-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-fencing-panel-fencing .trim-dialog-grid{grid-template-columns:1fr}.reference-fencing-panel-fencing .trim-dialog-image{padding:10px 35px}.reference-fencing-panel-fencing .trim-dialog-image img{height:38dvh}.reference-fencing-panel-fencing .trim-dialog-.reference-fencing-panel-fencing{padding:30px 35px 40px}.reference-fencing-panel-fencing .trim-dialog-.reference-fencing-panel-fencing h2{margin-bottom:20px}.reference-fencing-panel-fencing .trim-section-bottom{gap:25px}}@media (width<=520px){.reference-fencing-panel-fencing .trim-grid{gap:18px 12px}.reference-fencing-panel-fencing .trim-card-.reference-fencing-panel-fencing{padding:16px 13px}.reference-fencing-panel-fencing .trim-card h3{font-size:1rem;line-height:1.3}.reference-fencing-panel-fencing .trim-card p{margin-bottom:18px;font-size:.8rem}.reference-fencing-panel-fencing .trim-card-image{aspect-ratio:1.05}.reference-fencing-panel-fencing .trim-card-number{top:10px;left:10px}.reference-fencing-panel-fencing .trim-card-image img{transform:scale(1.12)}.reference-fencing-panel-fencing .trim-card:hover img{transform:scale(1.16)}.reference-fencing-panel-fencing .trim-section-meta{align-items:flex-start;gap:20px}.reference-fencing-panel-fencing .trim-section-meta>p{text-align:right;max-width:150px;font-size:.8rem}.reference-fencing-panel-fencing .trim-section-bottom{flex-direction:column;align-items:flex-start;gap:23px}.reference-fencing-panel-fencing .trim-dialog-.reference-fencing-panel-fencing{padding:25px}.reference-fencing-panel-fencing .trim-dialog-.reference-fencing-panel-fencing h2{font-size:2.15rem}.reference-fencing-panel-fencing .trim-dialog-image{padding:20px}.reference-fencing-panel-fencing .trim-dialog-image img{height:31dvh}.reference-fencing-panel-fencing .trim-dialog-.reference-fencing-panel-fencing>.btn{width:100%}}.reference-fencing-panel-fencing .material-story .intro-grid{grid-template-columns:1.25fr 1fr;align-items:center;gap:70px}.reference-fencing-panel-fencing .material-story .intro-grid h2{max-width:690px;font-size:3.7rem;line-height:1.1}.reference-fencing-panel-fencing .material-story .intro-grid h2 span{color:var(--lime-ink)}.reference-fencing-panel-fencing .material-story .intro-grid .lead{max-width:440px;padding-top:22px}.reference-fencing-panel-fencing .material-story .lead strong{font-weight:inherit;color:var(--ink)}.reference-fencing-panel-fencing .material-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);align-items:stretch;gap:60px;margin-top:48px;display:grid}.reference-fencing-panel-fencing .core-card{background:var(--secondary);border-top:3px solid var(--lime-ink);padding:34px 36px 30px}.reference-fencing-panel-fencing .core-card .eyebrow{letter-spacing:0;margin-bottom:18px;font-size:.8rem}.reference-fencing-panel-fencing .core-card h3{letter-spacing:0;font-size:1.95rem;line-height:1.15}.reference-fencing-panel-fencing .core-composition{margin:25px 0 23px}.reference-fencing-panel-fencing .core-composition>div{border-bottom:1px solid var(--secondary);grid-template-columns:96px minmax(0,1fr);align-items:center;gap:15px;padding:14px 0;display:grid}.reference-fencing-panel-fencing .core-composition>div:first-child{border-top:1px solid var(--secondary)}.reference-fencing-panel-fencing .core-composition dt{color:var(--foreground);grid-area:1/2;font-size:.95rem;line-height:1.45}.reference-fencing-panel-fencing .core-composition dd{letter-spacing:0;color:var(--foreground);font-variant-numeric:tabular-nums;grid-area:1/1;margin:0;font-size:2.55rem;font-weight:500;line-height:1}.reference-fencing-panel-fencing .core-composition dd span{letter-spacing:0;margin-left:3px;font-size:1.2rem}.reference-fencing-panel-fencing .core-note{color:var(--foreground);font-size:1rem;line-height:1.6}.reference-fencing-panel-fencing .material-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 42px;display:grid}.reference-fencing-panel-fencing .material-benefit{border-bottom:1px solid var(--border);padding:12px 0 30px}.reference-fencing-panel-fencing .material-benefit:nth-child(n+3){border-bottom:0;padding-top:28px;padding-bottom:4px}.reference-fencing-panel-fencing .material-icon{width:42px;height:42px;color:var(--lime-ink);justify-content:center;align-items:center;margin-bottom:20px;display:flex}.reference-fencing-panel-fencing .material-icon svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:34px;height:34px}.reference-fencing-panel-fencing .material-benefit h3{letter-spacing:0;margin-bottom:13px;font-size:1.45rem;line-height:1.2}.reference-fencing-panel-fencing .material-benefit p{color:currentColor;font-size:1rem;line-height:1.65}@media (width<=1100px){.reference-fencing-panel-fencing .material-story .intro-grid{gap:40px}.reference-fencing-panel-fencing .material-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:35px}.reference-fencing-panel-fencing .core-card{padding:30px 26px}.reference-fencing-panel-fencing .core-composition>div{grid-template-columns:80px minmax(0,1fr);gap:10px}.reference-fencing-panel-fencing .material-benefits{gap:0 28px}.reference-fencing-panel-fencing .material-benefit h3{font-size:1.3rem}}@media (width<=800px){.reference-fencing-panel-fencing .material-story .intro-grid{grid-template-columns:1fr;gap:22px}.reference-fencing-panel-fencing .material-story .intro-grid .lead{max-width:600px;padding-top:0}.reference-fencing-panel-fencing .material-layout{grid-template-columns:1fr;gap:30px;margin-top:35px}.reference-fencing-panel-fencing .core-card{padding:30px}.reference-fencing-panel-fencing .core-composition{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:25px 0 20px;display:grid}.reference-fencing-panel-fencing .core-composition>div{border-top:1px solid var(--secondary);flex-direction:column;align-items:flex-start;gap:12px;padding:18px 0;display:flex}.reference-fencing-panel-fencing .core-composition dd{order:-1}.reference-fencing-panel-fencing .core-composition dt{font-size:.95rem}.reference-fencing-panel-fencing .core-note{max-width:550px}.reference-fencing-panel-fencing .material-benefits{gap:0 35px}.reference-fencing-panel-fencing .material-benefit{padding-top:15px}.reference-fencing-panel-fencing .material-benefit h3{font-size:1.45rem}}@media (width<=520px){.reference-fencing-panel-fencing .material-story .intro-grid h2{font-size:2.55rem}.reference-fencing-panel-fencing .core-card{padding:27px 25px}.reference-fencing-panel-fencing .core-card h3{font-size:1.85rem}.reference-fencing-panel-fencing .core-composition{margin:23px 0 20px;display:block}.reference-fencing-panel-fencing .core-composition>div{border-top:0;grid-template-columns:82px minmax(0,1fr);gap:14px;padding:15px 0;display:grid}.reference-fencing-panel-fencing .core-composition dd{font-size:2.4rem}.reference-fencing-panel-fencing .core-composition dt{font-size:1rem}.reference-fencing-panel-fencing .material-benefits{grid-template-columns:1fr;gap:0}.reference-fencing-panel-fencing .material-benefit,.reference-fencing-panel-fencing .material-benefit:nth-child(n+3){border-bottom:1px solid var(--border);grid-template-columns:36px minmax(0,1fr);column-gap:18px;padding:25px 0;display:grid}.reference-fencing-panel-fencing .material-benefit:last-child{border-bottom:0;padding-bottom:0}.reference-fencing-panel-fencing .material-icon{grid-area:1/1;width:36px;height:32px;margin:0}.reference-fencing-panel-fencing .material-icon svg{width:30px;height:30px}.reference-fencing-panel-fencing .material-benefit h3{grid-area:1/2;margin:2px 0 12px;font-size:1.4rem}.reference-fencing-panel-fencing .material-benefit p{grid-column:2;font-size:1rem}}.reference-fencing-panel-fencing .buying-section{background:var(--secondary);border-top:1px solid var(--border)}.reference-fencing-panel-fencing .buying-section .section-head{align-items:center}.reference-fencing-panel-fencing .buying-section .section-head .lead{max-width:430px}.reference-fencing-panel-fencing .buying-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.reference-fencing-panel-fencing .buying-option{background:var(--background);border:1px solid var(--border);grid-template-columns:54px minmax(0,1fr);gap:24px;padding:36px;transition:border-color .2s,background .2s;display:grid}.reference-fencing-panel-fencing .buying-option:hover{border-color:var(--lime-ink);background:var(--card)}.reference-fencing-panel-fencing .buying-icon{color:var(--lime-ink);background:var(--secondary);justify-content:center;align-items:center;width:54px;height:54px;display:flex}.reference-fencing-panel-fencing .buying-icon svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:38px;height:38px}.reference-fencing-panel-fencing .buying-option h3{letter-spacing:0;margin:2px 0 14px;font-size:1.7rem;line-height:1.2}.reference-fencing-panel-fencing .buying-option p{color:currentColor;max-width:370px;font-size:1rem;line-height:1.65}.reference-fencing-panel-fencing .buying-link{border-top:1px solid var(--border);color:var(--lime-ink);justify-content:space-between;align-items:center;gap:20px;margin-top:27px;padding-top:18px;font-size:.95rem;font-weight:600;display:flex}.reference-fencing-panel-fencing .buying-link>span{font-size:1.3rem;line-height:1}.reference-fencing-panel-fencing .buying-help{justify-content:space-between;align-items:center;gap:35px;margin-top:32px;display:flex}.reference-fencing-panel-fencing .buying-help h3{letter-spacing:0;margin-bottom:5px;font-size:1.15rem;line-height:1.35}.reference-fencing-panel-fencing .buying-help p{color:currentColor;font-size:1rem}.reference-fencing-panel-fencing .buying-help .btn{flex-shrink:0}.reference-fencing-panel-fencing .professionals-section{background:var(--foreground);color:var(--background)}.reference-fencing-panel-fencing .professionals-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:80px;display:grid}.reference-fencing-panel-fencing .professionals-copy .eyebrow{color:var(--accent)}.reference-fencing-panel-fencing .professionals-copy h2{max-width:530px;margin-bottom:24px}.reference-fencing-panel-fencing .professionals-copy .lead{color:var(--ink-foreground);max-width:460px}.reference-fencing-panel-fencing .professional-links{border-top:1px solid var(--fencing-overlay);margin-top:31px}.reference-fencing-panel-fencing .professional-links>a{border-bottom:1px solid var(--fencing-overlay);justify-content:space-between;align-items:center;gap:20px;padding:23px 0;display:flex}.reference-fencing-panel-fencing .professional-links h3{letter-spacing:0;margin-bottom:8px;font-size:1.35rem;line-height:1.25}.reference-fencing-panel-fencing .professional-links p{color:var(--ink-foreground);max-width:380px;font-size:1rem;line-height:1.55}.reference-fencing-panel-fencing .professional-links>a>span{color:var(--accent);flex-shrink:0;font-size:1.6rem;line-height:1}.reference-fencing-panel-fencing .professional-links>a:hover h3{color:var(--accent)}.reference-fencing-panel-fencing .professional-inspiration{border-bottom:1px solid var(--secondary);align-items:center;gap:20px;margin-top:25px;padding:7px 0;font-size:.95rem;font-weight:600;display:inline-flex}.reference-fencing-panel-fencing .professional-inspiration>span{color:var(--accent)}.reference-fencing-panel-fencing .professionals-image{min-width:0;position:relative}.reference-fencing-panel-fencing .professionals-image>img{object-fit:cover;object-position:center;width:100%;height:510px}.reference-fencing-panel-fencing .professionals-image figcaption{color:var(--ink-foreground);flex-wrap:wrap;justify-content:space-between;gap:5px 15px;margin-top:14px;font-size:.875rem;line-height:1.45;display:flex}.reference-fencing-panel-fencing .professionals-image small{color:var(--ink-foreground);font-size:.8rem}@media (width<=1100px){.reference-fencing-panel-fencing .buying-option{grid-template-columns:46px minmax(0,1fr);gap:20px;padding:30px}.reference-fencing-panel-fencing .buying-icon{width:46px;height:46px}.reference-fencing-panel-fencing .buying-icon svg{width:32px;height:32px}.reference-fencing-panel-fencing .buying-option h3{font-size:1.5rem}.reference-fencing-panel-fencing .professionals-layout{gap:45px}.reference-fencing-panel-fencing .professionals-image>img{height:520px}}@media (width<=800px){.reference-fencing-panel-fencing .buying-section .section-head{align-items:flex-start}.reference-fencing-panel-fencing .buying-section .section-head .lead{max-width:600px}.reference-fencing-panel-fencing .buying-options{grid-template-columns:1fr;gap:20px}.reference-fencing-panel-fencing .buying-option{grid-template-columns:54px minmax(0,1fr);gap:25px}.reference-fencing-panel-fencing .buying-option p{max-width:550px}.reference-fencing-panel-fencing .buying-icon{width:54px;height:54px}.reference-fencing-panel-fencing .buying-icon svg{width:38px;height:38px}.reference-fencing-panel-fencing .buying-option h3{font-size:1.7rem}.reference-fencing-panel-fencing .professionals-layout{grid-template-columns:1fr;gap:38px}.reference-fencing-panel-fencing .professionals-copy h2{max-width:620px}.reference-fencing-panel-fencing .professionals-copy .lead,.reference-fencing-panel-fencing .professional-links p{max-width:600px}.reference-fencing-panel-fencing .professionals-image>img{aspect-ratio:1.5;height:auto}.reference-fencing-panel-fencing .professionals-image figcaption{margin-top:12px}}@media (width<=520px){.reference-fencing-panel-fencing .buying-option{grid-template-columns:1fr;gap:21px;padding:26px}.reference-fencing-panel-fencing .buying-option h3{font-size:1.55rem}.reference-fencing-panel-fencing .buying-option p{font-size:1rem}.reference-fencing-panel-fencing .buying-link{margin-top:23px;padding-top:17px}.reference-fencing-panel-fencing .buying-help{flex-direction:column;align-items:flex-start;gap:22px;margin-top:28px}.reference-fencing-panel-fencing .buying-help h3{font-size:1.1rem}.reference-fencing-panel-fencing .buying-help p{font-size:1rem}.reference-fencing-panel-fencing .professionals-copy h2{font-size:2.65rem}.reference-fencing-panel-fencing .professional-links{margin-top:26px}.reference-fencing-panel-fencing .professional-links>a{padding:22px 0}.reference-fencing-panel-fencing .professional-links h3{font-size:1.3rem}.reference-fencing-panel-fencing .professional-links p{font-size:1rem}.reference-fencing-panel-fencing .professional-inspiration{font-size:.9rem}.reference-fencing-panel-fencing .professionals-image>img{aspect-ratio:1.15}.reference-fencing-panel-fencing .professionals-image figcaption{flex-direction:column;font-size:.875rem}}.reference-fencing-panel-fencing .journal-section{background:var(--background)}.reference-fencing-panel-fencing .journal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;display:grid}.reference-fencing-panel-fencing .journal-card{color:var(--ink);text-align:left;background:0 0;flex-direction:column;min-width:0;padding:0;display:flex}.reference-fencing-panel-fencing .journal-card-image{aspect-ratio:1.4;background:var(--secondary);width:100%;position:relative;overflow:hidden}.reference-fencing-panel-fencing .journal-card-image>img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.reference-fencing-panel-fencing .journal-card:hover .journal-card-image>img{transform:scale(1.035)}.reference-fencing-panel-fencing .journal-image-note{background:var(--fencing-overlay);color:var(--foreground);padding:4px 8px;font-size:.75rem;line-height:1.35;position:absolute;bottom:12px;left:14px}.reference-fencing-panel-fencing .journal-card-copy{flex-direction:column;flex:1;align-items:flex-start;width:100%;padding:25px 0 0;display:flex}.reference-fencing-panel-fencing .journal-category{text-transform:uppercase;letter-spacing:0;color:var(--lime-ink);font-size:.8rem;font-weight:600;line-height:1.5}.reference-fencing-panel-fencing .journal-card h3{letter-spacing:0;margin:12px 0 14px;font-size:1.65rem;line-height:1.18}.reference-fencing-panel-fencing .journal-card p{color:currentColor;margin-bottom:24px;font-size:1rem;line-height:1.6}.reference-fencing-panel-fencing .journal-read{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;width:100%;margin-top:auto;padding-top:17px;font-size:.9rem;font-weight:600;display:flex}.reference-fencing-panel-fencing .journal-read>span{color:var(--lime-ink);font-size:1.35rem}.reference-fencing-panel-fencing .journal-card:hover .journal-read{color:var(--lime-ink)}.reference-fencing-panel-fencing #article-dialog{max-width:min(900px,94vw)}.reference-fencing-panel-fencing .article-image{object-fit:cover;width:100%;height:310px;max-height:40dvh}.reference-fencing-panel-fencing .article-.reference-fencing-panel-fencing{padding:38px 55px 45px}.reference-fencing-panel-fencing .article-.reference-fencing-panel-fencing h2{max-width:680px;margin:12px 0 15px;font-size:3rem;line-height:1.13}.reference-fencing-panel-fencing .article-image-caption{color:currentColor;margin-bottom:30px;font-size:.8rem}.reference-fencing-panel-fencing .article-content{max-width:680px}.reference-fencing-panel-fencing .article-content p{color:var(--foreground);margin-bottom:20px;font-size:1.05rem;line-height:1.8}.reference-fencing-panel-fencing .article-content h3{letter-spacing:0;margin:27px 0 12px;font-size:1.4rem;line-height:1.3}.reference-fencing-panel-fencing .article-.reference-fencing-panel-fencing>.btn{margin-top:14px}.reference-fencing-panel-fencing .newsletter-section{background:var(--foreground);color:var(--background);border-bottom:1px solid var(--fencing-overlay);padding:76px 0}.reference-fencing-panel-fencing .newsletter-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:85px;display:grid}.reference-fencing-panel-fencing .newsletter-section .eyebrow{color:var(--accent)}.reference-fencing-panel-fencing .newsletter-section h2{margin-bottom:22px;font-size:3.4rem;line-height:1.1}.reference-fencing-panel-fencing .newsletter-section .lead{color:var(--ink-foreground);max-width:430px}.reference-fencing-panel-fencing .newsletter-email-label{margin-bottom:12px;font-size:1rem;font-weight:500;display:block}.reference-fencing-panel-fencing .newsletter-entry{align-items:stretch;gap:0;display:flex}.reference-fencing-panel-fencing .newsletter-entry input{border:1px solid var(--secondary);background:var(--card);width:100%;min-width:0;color:var(--ink);border-radius:0;min-height:56px;padding:16px 18px;font-size:1rem}.reference-fencing-panel-fencing .newsletter-entry input::placeholder{color:var(--foreground)}.reference-fencing-panel-fencing .newsletter-entry .btn{white-space:nowrap;flex-shrink:0;gap:14px;padding:16px 20px}.reference-fencing-panel-fencing .newsletter-entry .btn>span{font-size:1.2rem;line-height:1}.reference-fencing-panel-fencing .newsletter-consent{color:var(--ink-foreground);cursor:pointer;align-items:flex-start;gap:12px;margin-top:20px;font-size:.9rem;line-height:1.6;display:flex}.reference-fencing-panel-fencing .newsletter-consent input{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0;margin:3px 0 0}.reference-fencing-panel-fencing .newsletter-form input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.reference-fencing-panel-fencing .newsletter-note{color:var(--ink-foreground);max-width:520px;margin-top:15px;font-size:.875rem;line-height:1.6}.reference-fencing-panel-fencing .newsletter-status{color:var(--ink-foreground);border-left:3px solid var(--accent);background:var(--fencing-overlay);margin-top:20px;padding:16px 18px;font-size:.95rem;line-height:1.6}.reference-fencing-panel-fencing .newsletter-status a{color:var(--accent);text-underline-offset:3px;margin-top:5px;text-decoration:underline;display:inline-block}@media (width<=1100px){.reference-fencing-panel-fencing .journal-grid{gap:24px}.reference-fencing-panel-fencing .journal-card h3{font-size:1.5rem}.reference-fencing-panel-fencing .newsletter-layout{gap:48px}.reference-fencing-panel-fencing .newsletter-entry .btn{gap:10px;padding:16px 15px;font-size:.8rem}}@media (width<=800px){.reference-fencing-panel-fencing .journal-grid{grid-template-columns:1fr;gap:32px}.reference-fencing-panel-fencing .journal-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;display:grid}.reference-fencing-panel-fencing .journal-card-image{aspect-ratio:1.2;height:100%;min-height:245px}.reference-fencing-panel-fencing .journal-card-copy{padding:0}.reference-fencing-panel-fencing .journal-card h3{font-size:1.6rem}.reference-fencing-panel-fencing .newsletter-layout{grid-template-columns:1fr;gap:32px}.reference-fencing-panel-fencing .newsletter-section .lead{max-width:550px}.reference-fencing-panel-fencing .newsletter-entry .btn{padding:16px 23px;font-size:.85rem}.reference-fencing-panel-fencing .article-.reference-fencing-panel-fencing{padding:32px 35px 40px}}@media (width<=520px){.reference-fencing-panel-fencing .journal-grid{gap:36px}.reference-fencing-panel-fencing .journal-card{gap:0;display:flex}.reference-fencing-panel-fencing .journal-card-image{aspect-ratio:1.4;height:auto;min-height:0}.reference-fencing-panel-fencing .journal-card-copy{padding-top:22px}.reference-fencing-panel-fencing .journal-card h3{font-size:1.6rem}.reference-fencing-panel-fencing .journal-card p{margin-bottom:20px}.reference-fencing-panel-fencing .article-image{height:210px;max-height:30dvh}.reference-fencing-panel-fencing .article-.reference-fencing-panel-fencing{padding:28px 25px 32px}.reference-fencing-panel-fencing .article-.reference-fencing-panel-fencing h2{font-size:2rem}.reference-fencing-panel-fencing .article-content p{font-size:1rem;line-height:1.75}.reference-fencing-panel-fencing .article-content h3{font-size:1.3rem}.reference-fencing-panel-fencing .newsletter-section{padding:60px 0}.reference-fencing-panel-fencing .newsletter-section h2{font-size:2.6rem}.reference-fencing-panel-fencing .newsletter-entry{flex-direction:column;gap:12px}.reference-fencing-panel-fencing .newsletter-entry .btn{width:100%;min-height:52px}.reference-fencing-panel-fencing .newsletter-consent{font-size:.9rem}.reference-fencing-panel-fencing .newsletter-note{font-size:.875rem}}.reference-fencing-panel-fencing .siding-download-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.reference-fencing-panel-fencing .siding-download-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-fencing-panel-fencing .siding-download-card{background:var(--secondary);border:1px solid var(--border);flex-direction:column;align-items:flex-start;min-width:0;padding:32px;display:flex}.reference-fencing-panel-fencing .siding-download-type{letter-spacing:0;color:var(--lime-ink);margin-bottom:24px;font-size:.72rem;font-weight:700}.reference-fencing-panel-fencing .siding-download-card h3{margin-bottom:18px;font-size:1.8rem;line-height:1.15}.reference-fencing-panel-fencing .siding-download-card p{color:currentColor;margin-bottom:26px;font-size:.95rem}.reference-fencing-panel-fencing .siding-download-meta{color:currentColor;margin-top:auto;margin-bottom:16px;font-size:.8rem}.reference-fencing-panel-fencing .siding-download-card .btn{gap:18px}.reference-fencing-panel-fencing .siding-spec-downloads{flex-direction:column;align-items:flex-start;gap:14px;margin-top:25px;display:flex}@media (width<=1100px) and (width>=801px){.reference-fencing-panel-fencing .siding-page-nav .wrap{flex-wrap:wrap;gap:0}.reference-fencing-panel-fencing .siding-page-nav .page-tabs,.reference-fencing-panel-fencing .siding-page-nav .jump-links{justify-content:center;width:100%}.reference-fencing-panel-fencing .siding-page-nav .jump-links{flex-wrap:wrap;padding:0 0 14px}.reference-fencing-panel-fencing .siding-download-card{padding:25px}}@media (width<=800px){.reference-fencing-panel-fencing .siding-download-grid,.reference-fencing-panel-fencing .siding-download-grid-four{grid-template-columns:1fr}.reference-fencing-panel-fencing .siding-download-card{padding:28px}.reference-fencing-panel-fencing .siding-download-card h3{font-size:1.7rem}}.reference-fencing-panel-fencing{background:var(--card)}.reference-fencing-panel-fencing .page-nav{background:var(--fencing-overlay)}.reference-fencing-panel-fencing .hero{min-height:730px}.reference-fencing-panel-fencing .hero-img{object-position:60% 51%}.reference-fencing-panel-fencing .fence-overview-hero .hero-img{object-position:center top;filter:none}.reference-fencing-panel-fencing .hero:after{background:linear-gradient(90deg,var(--fencing-hero-overlay) 0%,var(--fencing-hero-overlay) 48%,var(--fencing-hero-overlay) 100%),linear-gradient(0deg,var(--fencing-hero-overlay),transparent 70%)}.reference-fencing-panel-fencing .hero.fence-overview-hero:after{background:linear-gradient(90deg,var(--fencing-hero-overlay),var(--fencing-hero-overlay) 50%,var(--fencing-hero-overlay) 80%),linear-gradient(0deg,var(--fencing-hero-overlay),transparent 45%)}.reference-fencing-panel-fencing .fence-overview-hero h1,.reference-fencing-panel-fencing .fence-overview-hero .hero-content>p{text-shadow:0 2px 10px var(--fencing-overlay)}@media (width<=800px){.reference-fencing-panel-fencing .hero.fence-overview-hero:after{background:linear-gradient(90deg,var(--fencing-hero-overlay),var(--fencing-hero-overlay))}}.reference-fencing-panel-fencing .hero h1{max-width:880px;font-size:6.1rem}.reference-fencing-panel-fencing .hero p:not(.eyebrow){max-width:525px}.reference-fencing-panel-fencing .hero-caption{background:var(--fencing-overlay);align-items:center;gap:10px;padding:8px 12px;display:flex}.reference-fencing-panel-fencing .hero-caption:before{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px;display:block}.reference-fencing-panel-fencing .fence-nav-label{white-space:nowrap;font-size:.85rem;font-weight:700}.reference-fencing-panel-fencing .collection-section{background:var(--card);padding-top:85px}.reference-fencing-panel-fencing .collection-grid{grid-template-columns:1fr 1fr;gap:28px;display:grid}.reference-fencing-panel-fencing .collection-card{background:var(--background);border:1px solid var(--border);min-width:0}.reference-fencing-panel-fencing .collection-card.supreme{border-top:3px solid var(--lime-ink)}.reference-fencing-panel-fencing .collection-card.classic{border-top:3px solid var(--ink)}.reference-fencing-panel-fencing .collection-photo{background:var(--secondary);aspect-ratio:1.5;text-align:left;width:100%;padding:0;display:block;position:relative;overflow:hidden}.reference-fencing-panel-fencing .collection-photo>img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.reference-fencing-panel-fencing .collection-photo:hover>img{transform:scale(1.035)}.reference-fencing-panel-fencing .collection-badge{background:var(--background);color:var(--ink);padding:6px 12px;font-size:.75rem;position:absolute;top:20px;left:20px}.reference-fencing-panel-fencing .collection-photo-link{background:var(--fencing-overlay);color:var(--card);padding:6px 12px;font-size:.75rem;position:absolute;bottom:18px;right:18px}.reference-fencing-panel-fencing .collection-copy{padding:35px}.reference-fencing-panel-fencing .collection-copy .eyebrow{margin-bottom:12px;font-size:.7rem}.reference-fencing-panel-fencing .collection-copy h3{margin-bottom:22px;font-size:3.3rem}.reference-fencing-panel-fencing .collection-headline{margin-bottom:12px;font-size:1.16rem;font-weight:600}.reference-fencing-panel-fencing .collection-description{color:currentColor;min-height:100px;font-size:.97rem}.reference-fencing-panel-fencing .collection-copy ul{margin:26px 0 30px;padding:0;list-style:none}.reference-fencing-panel-fencing .collection-copy li{border-top:1px solid var(--border);padding:12px 0 12px 23px;font-size:.85rem;position:relative}.reference-fencing-panel-fencing .collection-copy li:before{content:"✓";color:var(--lime-ink);position:absolute;left:0}.reference-fencing-panel-fencing .collection-copy .actions{align-items:center;gap:15px 22px}.reference-fencing-panel-fencing .collection-copy .btn{padding:14px 18px;font-size:.74rem}.reference-fencing-panel-fencing .collection-copy .text-link{font-size:.77rem}.reference-fencing-panel-fencing .collection-caption{color:currentColor;margin-top:26px;font-size:.73rem}.reference-fencing-panel-fencing .collection-comparison{margin-top:60px}.reference-fencing-panel-fencing .collection-comparison h3{margin-bottom:27px;font-size:2rem}.reference-fencing-panel-fencing .collection-table-scroll{overflow-x:auto}.reference-fencing-panel-fencing .collection-table-scroll table{border-collapse:collapse;text-align:left;table-layout:fixed;width:100%;font-size:.92rem}.reference-fencing-panel-fencing .collection-table-scroll th,.reference-fencing-panel-fencing .collection-table-scroll td{vertical-align:top;border-bottom:1px solid var(--border);padding:19px 22px}.reference-fencing-panel-fencing .collection-table-scroll th:first-child{width:24%;padding-left:0}.reference-fencing-panel-fencing .collection-table-scroll thead th{border-top:1px solid var(--border);font-size:1.2rem;font-weight:600}.reference-fencing-panel-fencing .collection-table-scroll thead th:first-child{color:currentColor;vertical-align:middle;font-size:.8rem}.reference-fencing-panel-fencing .collection-table-scroll tbody th{font-weight:500}.reference-fencing-panel-fencing .collection-table-scroll td{color:currentColor}.reference-fencing-panel-fencing .collection-table-scroll th:nth-child(2),.reference-fencing-panel-fencing .collection-table-scroll td:nth-child(2){background:var(--secondary)}.reference-fencing-panel-fencing .collection-shared{justify-content:space-between;align-items:center;gap:30px;padding:27px 0;display:flex}.reference-fencing-panel-fencing .collection-shared p{color:currentColor;font-size:.88rem}.reference-fencing-panel-fencing .collection-shared strong{color:var(--ink);margin-bottom:6px;font-weight:600;display:block}.reference-fencing-panel-fencing .collection-shared a{flex-shrink:0;font-size:.8rem}.reference-fencing-panel-fencing .collection-footnote{max-width:850px;font-size:.78rem}@media (width<=1100px){.reference-fencing-panel-fencing .collection-copy{padding:28px}.reference-fencing-panel-fencing .collection-description{min-height:125px}.reference-fencing-panel-fencing .fence-page-links{gap:22px}}@media (width<=800px){.reference-fencing-panel-fencing .collection-grid{grid-template-columns:1fr;gap:30px}.reference-fencing-panel-fencing .collection-description{min-height:0}.reference-fencing-panel-fencing .collection-copy{padding:32px}.reference-fencing-panel-fencing .collection-photo{aspect-ratio:1.6}.reference-fencing-panel-fencing .collection-copy h3{font-size:2.8rem}.reference-fencing-panel-fencing .collection-shared{flex-direction:column;align-items:start;gap:17px}.reference-fencing-panel-fencing .collection-table-scroll th,.reference-fencing-panel-fencing .collection-table-scroll td{padding:16px}.reference-fencing-panel-fencing .fence-page-links{justify-content:flex-start;gap:25px}}@media (width<=520px){.reference-fencing-panel-fencing .collection-section{padding-top:60px}.reference-fencing-panel-fencing .collection-copy{padding:27px 22px}.reference-fencing-panel-fencing .collection-photo{aspect-ratio:1.25}.reference-fencing-panel-fencing .collection-badge{font-size:.7rem;top:13px;left:13px}.reference-fencing-panel-fencing .collection-photo-link{font-size:.7rem;bottom:12px;right:12px}.reference-fencing-panel-fencing .collection-headline{font-size:1.03rem}.reference-fencing-panel-fencing .collection-description{font-size:.91rem}.reference-fencing-panel-fencing .collection-copy li{font-size:.8rem}.reference-fencing-panel-fencing .collection-comparison{margin-top:40px}.reference-fencing-panel-fencing .collection-comparison h3{font-size:1.8rem}.reference-fencing-panel-fencing .collection-table-scroll table{font-size:.77rem}.reference-fencing-panel-fencing .collection-table-scroll th,.reference-fencing-panel-fencing .collection-table-scroll td{overflow-wrap:anywhere;padding:14px 9px}.reference-fencing-panel-fencing .collection-table-scroll th:first-child{width:25%}.reference-fencing-panel-fencing .collection-table-scroll thead th{font-size:1rem}.reference-fencing-panel-fencing .collection-table-scroll thead th:first-child{font-size:.72rem}.reference-fencing-panel-fencing .collection-caption{font-size:.68rem}}.reference-fencing-panel-fencing .fence-page-links{scrollbar-width:none;gap:32px;font-size:.88rem;display:flex;overflow-x:auto}.reference-fencing-panel-fencing .fence-page-links a{white-space:nowrap;padding:20px 0}.reference-fencing-panel-fencing .fence-page-links a:hover{color:var(--lime-ink)}.reference-fencing-panel-fencing .fence-intro-stats{border-top:1px solid var(--border);gap:34px;margin-top:28px;padding-top:22px;display:flex}.reference-fencing-panel-fencing .fence-intro-stats strong{letter-spacing:0;font-size:2.4rem;font-weight:500;line-height:1.05;display:block}.reference-fencing-panel-fencing .fence-intro-stats span{color:currentColor;margin-top:7px;font-size:.8rem;display:block}.reference-fencing-panel-fencing .fence-benefits{border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);margin-top:55px;display:grid}.reference-fencing-panel-fencing .fence-benefit{padding:27px 32px 0 0}.reference-fencing-panel-fencing .fence-benefit:not(:first-child){border-left:1px solid var(--border);padding-left:32px}.reference-fencing-panel-fencing .fence-benefit>span{color:var(--lime-ink);font-size:.8rem}.reference-fencing-panel-fencing .fence-benefit h3{letter-spacing:0;margin:15px 0 12px;font-size:1.35rem}.reference-fencing-panel-fencing .fence-benefit p{color:currentColor;font-size:.94rem}.reference-fencing-panel-fencing .fence-design-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.reference-fencing-panel-fencing .fence-design{color:inherit;text-align:left;background:0 0;flex-direction:column;align-items:stretch;padding:0;display:flex}.reference-fencing-panel-fencing .fence-design-img{aspect-ratio:1.08;background:var(--card);display:block;position:relative;overflow:hidden}.reference-fencing-panel-fencing .fence-design-img img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%;padding:30px 10px 13px;transition:transform .4s}.reference-fencing-panel-fencing .fence-design:hover img{transform:scale(1.035)}.reference-fencing-panel-fencing .fence-design-number{z-index:1;color:currentColor;font-size:.72rem;position:absolute;top:13px;left:14px}.reference-fencing-panel-fencing .fence-design-name{letter-spacing:0;margin:23px 0 12px;font-size:1.65rem;line-height:1.2}.reference-fencing-panel-fencing .fence-design-description{color:currentColor;flex:1;font-size:.9rem;line-height:1.6}.reference-fencing-panel-fencing .fence-design-link{border-top:1px solid var(--secondary);justify-content:space-between;margin-top:21px;padding-top:13px;font-size:.82rem;font-weight:600;display:flex}.reference-fencing-panel-fencing .fence-design-note{color:currentColor;margin-top:30px;font-size:.85rem}.reference-fencing-panel-fencing .fence-colour-grid{grid-template-columns:1.18fr 1fr;align-items:start;gap:65px;display:grid}.reference-fencing-panel-fencing .fence-colour-preview{background:var(--secondary);text-align:left;aspect-ratio:1.12;width:100%;color:inherit;padding:0;position:relative;overflow:hidden}.reference-fencing-panel-fencing .fence-colour-preview>img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.reference-fencing-panel-fencing .fence-colour-preview:hover>img{transform:scale(1.025)}.reference-fencing-panel-fencing .fence-colour-preview.sample-only{cursor:default;padding:60px}.reference-fencing-panel-fencing .fence-colour-preview.sample-only>img{object-fit:contain}.reference-fencing-panel-fencing .fence-colour-caption{justify-content:space-between;gap:20px;margin-top:16px;font-size:.92rem;display:flex}.reference-fencing-panel-fencing .fence-colour-caption small{color:currentColor;margin-top:3px;font-size:.79rem;display:block}.reference-fencing-panel-fencing .fence-colour-caption>span:last-child{color:currentColor;text-align:right;font-size:.78rem}.reference-fencing-panel-fencing .fence-colour-choice .eyebrow{margin-bottom:12px}.reference-fencing-panel-fencing .fence-colour-choice h3{margin-bottom:14px;font-size:2.65rem}.reference-fencing-panel-fencing .fence-colour-choice>.muted{min-height:52px;font-size:.96rem}.reference-fencing-panel-fencing .fence-swatches{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 14px;margin:29px 0;display:grid}.reference-fencing-panel-fencing .fence-swatch{color:inherit;text-align:left;background:0 0;padding:0}.reference-fencing-panel-fencing .fence-swatch-image{aspect-ratio:1.3;margin-bottom:10px;display:block;position:relative}.reference-fencing-panel-fencing .fence-swatch-image img{object-fit:cover;border:1px solid var(--fencing-overlay);width:100%;height:100%}.reference-fencing-panel-fencing .fence-swatch[aria-pressed=true] .fence-swatch-image{outline:2px solid var(--lime-ink);outline-offset:4px}.reference-fencing-panel-fencing .fence-swatch[aria-pressed=true] .fence-swatch-image:after{content:"✓";text-align:center;background:var(--background);width:21px;height:21px;color:var(--lime-ink);border-radius:50%;font-size:13px;font-weight:800;line-height:21px;position:absolute;bottom:5px;right:5px}.reference-fencing-panel-fencing .fence-swatch-name{font-size:.76rem;line-height:1.2;display:block}.reference-fencing-panel-fencing .fence-colour-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:24px;display:flex}.reference-fencing-panel-fencing .fence-colour-actions .btn{padding:14px 17px;font-size:.76rem}.reference-fencing-panel-fencing .fence-projects-section{background:var(--card)}.reference-fencing-panel-fencing .fence-projects-section .section-head{margin-bottom:38px}.reference-fencing-panel-fencing .project-filters{background:var(--background);border:1px solid var(--border);grid-template-columns:1fr 1fr 1.25fr auto;align-items:end;gap:22px;padding:24px;display:grid}.reference-fencing-panel-fencing .project-filters label>span{color:currentColor;margin-bottom:8px;font-size:.76rem;font-weight:600;display:block}.reference-fencing-panel-fencing .project-filters select,.reference-fencing-panel-fencing .project-filters input{border:0;border-bottom:1px solid var(--border);width:100%;min-width:0;height:47px;color:var(--ink);background:0 0;border-radius:0;padding:8px 30px 8px 0;font-size:.98rem;display:block}.reference-fencing-panel-fencing .project-filters input{padding-right:0}.reference-fencing-panel-fencing .project-filters input:focus-visible{outline:2px solid var(--lime-ink);outline-offset:4px}.reference-fencing-panel-fencing .reset-filters{color:var(--ink);text-underline-offset:4px;background:0 0;min-width:79px;min-height:47px;padding:12px 0;font-size:.8rem;text-decoration:underline}.reference-fencing-panel-fencing .project-results-bar{justify-content:space-between;align-items:start;gap:25px;margin:24px 0 27px;font-size:.85rem;display:flex}.reference-fencing-panel-fencing .project-results-bar>p:last-child{color:currentColor;text-align:right;font-size:.79rem}.reference-fencing-panel-fencing .fence-project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:37px 24px;display:grid}.reference-fencing-panel-fencing .fence-project-card{text-align:left;width:100%;height:100%;color:inherit;background:0 0;flex-direction:column;padding:0;display:flex}.reference-fencing-panel-fencing .fence-project-photo{aspect-ratio:1.5;background:var(--secondary);width:100%;display:block;position:relative;overflow:hidden}.reference-fencing-panel-fencing .fence-project-photo img{object-fit:cover;width:100%;height:100%;transition:transform .55s}.reference-fencing-panel-fencing .fence-project-card:hover img{transform:scale(1.045)}.reference-fencing-panel-fencing .project-photo-count{background:var(--fencing-overlay);padding:5px 9px;font-size:.71rem;line-height:1.4;position:absolute;bottom:12px;right:12px}.reference-fencing-panel-fencing .fence-project-info{border-bottom:1px solid var(--secondary);flex:1;width:100%;padding:20px 0 23px;display:block}.reference-fencing-panel-fencing .fence-project-name{letter-spacing:0;justify-content:space-between;gap:20px;margin-bottom:10px;font-size:1.58rem;line-height:1.2;display:flex}.reference-fencing-panel-fencing .fence-project-name>span{color:var(--lime-ink);font-size:1.1rem;transition:transform .2s}.reference-fencing-panel-fencing .fence-project-card:hover .fence-project-name>span{transform:translate(4px)}.reference-fencing-panel-fencing .fence-project-colour{margin-bottom:5px;font-size:.9rem;display:block}.reference-fencing-panel-fencing .fence-project-design{color:currentColor;font-size:.81rem;display:block}.reference-fencing-panel-fencing .project-empty{text-align:center;border:1px solid var(--border);background:var(--background);grid-column:1/-1;padding:60px 30px}.reference-fencing-panel-fencing .project-empty h3{margin-bottom:15px;font-size:2rem}.reference-fencing-panel-fencing .project-empty p{color:currentColor;margin:0 auto 24px}.reference-fencing-panel-fencing .project-empty .actions{justify-content:center}.reference-fencing-panel-fencing .project-directory-note{color:currentColor;justify-content:space-between;align-items:center;gap:30px;margin-top:42px;font-size:.78rem;display:flex}.reference-fencing-panel-fencing .project-directory-note a{white-space:nowrap;color:var(--ink)}.reference-fencing-panel-fencing .fence-system{background:var(--foreground);color:#fff}.reference-fencing-panel-fencing .fence-system .eyebrow{color:var(--accent)}.reference-fencing-panel-fencing .fence-system .lead{color:var(--ink-foreground)}.reference-fencing-panel-fencing .fence-system-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:50px;display:grid}.reference-fencing-panel-fencing .fence-system-item{border-top:1px solid var(--fencing-overlay);padding-top:25px}.reference-fencing-panel-fencing .fence-system-item>span{color:var(--accent);font-size:.77rem}.reference-fencing-panel-fencing .fence-system-item h3{margin:18px 0 14px;font-size:1.5rem;line-height:1.2}.reference-fencing-panel-fencing .fence-system-item p{color:var(--ink-foreground);font-size:.96rem}.reference-fencing-panel-fencing .fence-system-bottom{justify-content:space-between;align-items:center;gap:30px;margin-top:40px;display:flex}.reference-fencing-panel-fencing .fence-system-bottom p{color:var(--ink-foreground);max-width:480px;font-size:.81rem}.reference-fencing-panel-fencing .fence-components-section{background:var(--secondary)}.reference-fencing-panel-fencing .component-toolbar{flex-direction:column;gap:20px;margin:0 0 26px;display:flex}.reference-fencing-panel-fencing .component-filters{flex-wrap:wrap;gap:10px;display:flex}.reference-fencing-panel-fencing .component-filters button{border:1px solid var(--secondary);min-height:44px;color:var(--ink);background:0 0;align-items:center;gap:10px;padding:10px 16px;font-size:.84rem;line-height:1.3;display:flex}.reference-fencing-panel-fencing .component-filters button>span{opacity:.7;font-size:.73rem}.reference-fencing-panel-fencing .component-filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.reference-fencing-panel-fencing .component-filters button:hover{border-color:var(--ink)}.reference-fencing-panel-fencing .fence-component-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.reference-fencing-panel-fencing .fence-component-item{min-width:0}.reference-fencing-panel-fencing .fence-component-card{text-align:left;width:100%;height:100%;color:inherit;background:var(--background);border:1px solid var(--secondary);flex-direction:column;padding:0;transition:border-color .2s;display:flex}.reference-fencing-panel-fencing .fence-component-card:hover{border-color:var(--lime-ink)}.reference-fencing-panel-fencing .fence-component-image{aspect-ratio:1.18;background:var(--card);justify-content:center;align-items:center;width:100%;padding:35px 22px 25px;display:flex;position:relative;overflow:hidden}.reference-fencing-panel-fencing .fence-component-image>img{object-fit:contain;width:100%;min-width:0;height:100%;transition:transform .35s}.reference-fencing-panel-fencing .fence-component-card:hover .fence-component-image>img{transform:scale(1.04)}.reference-fencing-panel-fencing .fence-component-image.component-image-pair{gap:12px;padding:38px 15px 28px}.reference-fencing-panel-fencing .component-image-pair>img{width:calc(50% - 6px)}.reference-fencing-panel-fencing .component-number{color:currentColor;z-index:1;font-size:.7rem;position:absolute;top:13px;left:16px}.reference-fencing-panel-fencing .component-expand{background:var(--background);width:28px;height:28px;color:var(--lime-ink);place-items:center;font-size:1rem;display:grid;position:absolute;bottom:11px;right:12px}.reference-fencing-panel-fencing .fence-component-copy{border-top:1px solid var(--secondary);flex-direction:column;flex:1;align-items:flex-start;width:100%;padding:23px 20px 20px;display:flex}.reference-fencing-panel-fencing .component-category{text-transform:uppercase;letter-spacing:0;color:var(--lime-ink);margin-bottom:10px;font-size:.64rem;font-weight:600;line-height:1.4}.reference-fencing-panel-fencing .component-name{letter-spacing:0;margin-bottom:9px;font-size:1.3rem;line-height:1.2}.reference-fencing-panel-fencing .component-note{color:currentColor;margin-bottom:10px;font-size:.76rem}.reference-fencing-panel-fencing .component-view{justify-content:space-between;align-items:center;width:100%;margin-top:auto;padding-top:22px;font-size:.74rem;line-height:1.4;display:flex}.reference-fencing-panel-fencing .component-section-bottom{justify-content:space-between;align-items:center;gap:35px;margin-top:35px;display:flex}.reference-fencing-panel-fencing .component-section-bottom p{color:currentColor;max-width:600px;font-size:.8rem}.reference-fencing-panel-fencing .component-section-bottom a{flex-shrink:0;font-size:.8rem}.reference-fencing-panel-fencing #component-dialog{max-width:min(1030px,94vw)}.reference-fencing-panel-fencing .component-dialog-layout{grid-template-columns:1.2fr 1fr;min-height:500px;display:grid}.reference-fencing-panel-fencing .component-dialog-visual{background:var(--card);flex-direction:column;justify-content:center;align-items:center;gap:18px;min-width:0;padding:50px 35px 30px;display:flex}.reference-fencing-panel-fencing .component-dialog-visual>img{object-fit:contain;width:100%;height:330px}.reference-fencing-panel-fencing .component-dialog-visual>p{color:currentColor;text-align:center;font-size:.8rem}.reference-fencing-panel-fencing .component-image-options{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.reference-fencing-panel-fencing .component-image-options button{border:1px solid var(--border);min-height:42px;color:var(--ink);background:0 0;padding:10px 17px;font-size:.79rem}.reference-fencing-panel-fencing .component-image-options button[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:#fff}.reference-fencing-panel-fencing .component-dialog-copy{align-self:center;padding:60px 35px 45px}.reference-fencing-panel-fencing .component-dialog-copy .eyebrow{margin-bottom:17px;font-size:.68rem}.reference-fencing-panel-fencing .component-dialog-copy h2{margin-bottom:23px;font-size:2.65rem}.reference-fencing-panel-fencing .component-dialog-copy .component-detail-note{color:var(--lime-ink);margin:-8px 0 20px;font-size:.85rem}.reference-fencing-panel-fencing .component-dialog-copy .muted{margin-bottom:30px;font-size:.95rem}.reference-fencing-panel-fencing .component-dialog-copy .btn{padding:14px 17px;font-size:.73rem}.reference-fencing-panel-fencing .component-dialog-copy .text-link{margin-top:20px;font-size:.77rem}.reference-fencing-panel-fencing .fence-gate-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.reference-fencing-panel-fencing .gate-option{background:var(--card);border:1px solid var(--border);flex-direction:column;min-width:0;display:flex}.reference-fencing-panel-fencing .gate-option-photo{aspect-ratio:4/3;background:var(--secondary);display:block;position:relative;overflow:hidden}.reference-fencing-panel-fencing .gate-option-photo img{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.reference-fencing-panel-fencing .gate-option-photo:hover img{transform:scale(1.025)}.reference-fencing-panel-fencing .gate-photo-link{background:var(--fencing-overlay);color:var(--ink);padding:8px 12px;font-size:.75rem;font-weight:600;line-height:1.3;display:block;position:absolute;bottom:14px;right:14px}.reference-fencing-panel-fencing .gate-option-copy{flex-direction:column;flex:1;align-items:flex-start;padding:28px;display:flex}.reference-fencing-panel-fencing .gate-option-label{color:var(--lime-ink);letter-spacing:0;text-transform:uppercase;align-items:center;gap:11px;margin:0 0 16px;font-size:.68rem;font-weight:700;display:flex}.reference-fencing-panel-fencing .gate-option-label span{background:var(--secondary);letter-spacing:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.72rem;display:flex}.reference-fencing-panel-fencing .gate-option h3{letter-spacing:0;margin:0 0 15px;font-size:1.85rem;font-weight:500;line-height:1.17}.reference-fencing-panel-fencing .gate-option-description{color:currentColor;margin:0 0 27px;font-size:.98rem;line-height:1.65}.reference-fencing-panel-fencing .gate-option-specs{width:100%;margin-top:auto;margin-bottom:26px;font-size:.82rem;line-height:1.55}.reference-fencing-panel-fencing .gate-option-specs>div{border-top:1px solid var(--border);justify-content:space-between;gap:14px;padding:12px 0;display:flex}.reference-fencing-panel-fencing .gate-option-specs dt{color:currentColor;flex-shrink:0}.reference-fencing-panel-fencing .gate-option-specs dd{text-align:right;margin:0;font-weight:500}.reference-fencing-panel-fencing .gate-option-copy .gate-enquiry{letter-spacing:0;justify-content:space-between;gap:12px;width:100%;min-height:50px;padding:14px 16px;font-size:.7rem}.reference-fencing-panel-fencing .gate-enquiry>span{font-size:1.1rem}.reference-fencing-panel-fencing .gate-coordination{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:55px;margin-top:38px;padding-top:34px;display:flex}.reference-fencing-panel-fencing .gate-coordination .eyebrow{margin-bottom:12px;font-size:.68rem}.reference-fencing-panel-fencing .gate-coordination h3{letter-spacing:0;margin-bottom:12px;font-size:1.65rem;font-weight:500;line-height:1.2}.reference-fencing-panel-fencing .gate-coordination p:not(.eyebrow){color:currentColor;max-width:690px;font-size:1rem;line-height:1.65}.reference-fencing-panel-fencing .gate-coordination>.text-link{flex-shrink:0}.reference-fencing-panel-fencing .gate-sizing-note{color:currentColor;margin-top:23px;font-size:.78rem;line-height:1.6}@media (width<=1100px){.reference-fencing-panel-fencing .fence-gate-grid{gap:18px}.reference-fencing-panel-fencing .gate-option-copy{padding:24px 20px}.reference-fencing-panel-fencing .gate-option-specs>div{gap:10px}.reference-fencing-panel-fencing .gate-option-copy .gate-enquiry{padding:14px 12px;font-size:.65rem}}@media (width<=950px){.reference-fencing-panel-fencing .fence-gate-grid{grid-template-columns:1fr;gap:25px}.reference-fencing-panel-fencing .gate-option-photo{aspect-ratio:16/9}.reference-fencing-panel-fencing .gate-option-copy{padding:28px}.reference-fencing-panel-fencing .gate-option h3{font-size:1.8rem}.reference-fencing-panel-fencing .gate-option-copy .gate-enquiry{padding:14px 16px;font-size:.7rem}.reference-fencing-panel-fencing .gate-coordination{flex-direction:column;align-items:flex-start;gap:24px}}@media (width<=600px){.reference-fencing-panel-fencing .gate-option{display:flex}.reference-fencing-panel-fencing .gate-option-photo{aspect-ratio:4/3;width:100%;height:auto;min-height:0}.reference-fencing-panel-fencing .gate-option-copy{padding:25px}.reference-fencing-panel-fencing .gate-option-description{margin-bottom:24px}.reference-fencing-panel-fencing .gate-option h3{font-size:1.85rem}.reference-fencing-panel-fencing .gate-coordination{margin-top:30px;padding-top:28px}.reference-fencing-panel-fencing .gate-coordination h3{font-size:1.55rem}}@media (prefers-reduced-motion:reduce){.reference-fencing-panel-fencing .gate-option-photo img{transition:none}.reference-fencing-panel-fencing .gate-option-photo:hover img{transform:none}}.reference-fencing-panel-fencing .fence-contact-grid{grid-template-columns:1fr 1fr;gap:30px;display:grid}.reference-fencing-panel-fencing .fence-contact-card{border:1px solid var(--border);padding:38px}.reference-fencing-panel-fencing .fence-contact-card h3{margin-bottom:22px;font-size:2.4rem}.reference-fencing-panel-fencing .fence-contact-card p{color:currentColor;margin-bottom:27px}.reference-fencing-panel-fencing .fence-contact-card .text-link{margin-top:15px}.reference-fencing-panel-fencing .fence-contact-card .actions{align-items:center;gap:20px}.reference-fencing-panel-fencing #project-dialog{max-width:min(1220px,94vw)}.reference-fencing-panel-fencing .project-dialog-layout{grid-template-columns:1.5fr 1fr;min-height:530px;display:grid}.reference-fencing-panel-fencing .project-gallery-panel{background:var(--foreground);flex-direction:column;min-width:0;display:flex}.reference-fencing-panel-fencing .project-large-photo{flex:1;justify-content:center;align-items:center;min-height:340px;max-height:65dvh;display:flex;position:relative}.reference-fencing-panel-fencing .project-large-photo>img{object-fit:contain;width:100%;height:100%;max-height:65dvh}.reference-fencing-panel-fencing .project-photo-nav{background:var(--fencing-overlay);width:42px;height:48px;color:var(--ink);font-size:1.3rem;position:absolute;top:50%;transform:translateY(-50%)}.reference-fencing-panel-fencing .project-photo-nav.prev{left:12px}.reference-fencing-panel-fencing .project-photo-nav.next{right:12px}.reference-fencing-panel-fencing .project-photo-index{background:var(--fencing-overlay);color:var(--card);padding:4px 10px;font-size:.77rem;position:absolute;top:15px;left:15px}.reference-fencing-panel-fencing .project-thumbnails{background:var(--foreground);flex-wrap:wrap;justify-content:center;gap:8px;padding:15px;display:flex}.reference-fencing-panel-fencing .project-thumbnail{opacity:.62;background:0 0;border:2px solid #0000;width:82px;height:58px;padding:0}.reference-fencing-panel-fencing .project-thumbnail img{object-fit:cover;width:100%;height:100%}.reference-fencing-panel-fencing .project-thumbnail[aria-pressed=true]{opacity:1;border-color:var(--accent)}.reference-fencing-panel-fencing .project-dialog-copy{align-self:center;padding:58px 35px 35px}.reference-fencing-panel-fencing .project-dialog-copy .eyebrow{margin-bottom:13px;font-size:.7rem}.reference-fencing-panel-fencing .project-dialog-copy h2{margin-bottom:12px;font-size:3rem}.reference-fencing-panel-fencing .project-location{color:currentColor;margin-bottom:20px;font-size:.83rem}.reference-fencing-panel-fencing .project-description{color:currentColor;margin-bottom:24px;font-size:.97rem}.reference-fencing-panel-fencing .project-specs{margin:0 0 24px;font-size:.85rem}.reference-fencing-panel-fencing .project-specs>div{border-top:1px solid var(--border);grid-template-columns:74px 1fr;gap:15px;padding:11px 0;display:grid}.reference-fencing-panel-fencing .project-specs dt{font-weight:600}.reference-fencing-panel-fencing .project-specs dd{color:currentColor;margin:0}.reference-fencing-panel-fencing .project-dialog-copy .btn{padding:14px 16px;font-size:.73rem}.reference-fencing-panel-fencing .project-dialog-copy .text-link{margin-top:14px;font-size:.76rem}.reference-fencing-panel-fencing #fence-enquiry-dialog{max-width:590px;padding:48px}.reference-fencing-panel-fencing #fence-enquiry-dialog h2{margin:0 0 19px;font-size:2.6rem}.reference-fencing-panel-fencing #fence-enquiry-dialog>p{color:currentColor}.reference-fencing-panel-fencing #fence-enquiry-dialog .sample-note{margin-top:20px}.reference-fencing-panel-fencing .fence-newsletter{padding:62px 0}.reference-fencing-panel-fencing .fence-newsletter .wrap{justify-content:space-between;align-items:center;gap:40px;display:flex}.reference-fencing-panel-fencing .fence-newsletter h2{margin-bottom:13px;font-size:2.4rem}.reference-fencing-panel-fencing .fence-newsletter p{color:currentColor;font-size:.96rem}.reference-fencing-panel-fencing .fence-newsletter>div>a{white-space:nowrap;flex-shrink:0}@media (width>=1700px){.reference-fencing-panel-fencing .hero{min-height:810px}}@media (width<=1100px){.reference-fencing-panel-fencing .fence-design-grid{gap:18px}.reference-fencing-panel-fencing .fence-design-name{font-size:1.45rem}.reference-fencing-panel-fencing .fence-colour-grid{gap:35px}.reference-fencing-panel-fencing .project-filters{gap:16px}.reference-fencing-panel-fencing .fence-page-links{gap:23px}.reference-fencing-panel-fencing .fence-nav-label{display:none}.reference-fencing-panel-fencing .project-dialog-copy{padding:58px 28px 30px}.reference-fencing-panel-fencing .project-dialog-layout{grid-template-columns:1.3fr 1fr}}@media (width<=800px){.reference-fencing-panel-fencing .hero{min-height:670px}.reference-fencing-panel-fencing .hero h1{font-size:4.6rem}.reference-fencing-panel-fencing .hero-caption{display:none}.reference-fencing-panel-fencing .fence-page-links{justify-content:space-between;gap:25px;font-size:.83rem}.reference-fencing-panel-fencing .fence-page-links a{padding:18px 0}.reference-fencing-panel-fencing .fence-design-grid{grid-template-columns:1fr 1fr;gap:34px 24px}.reference-fencing-panel-fencing .fence-colour-grid{grid-template-columns:1fr;gap:36px}.reference-fencing-panel-fencing .fence-colour-preview{aspect-ratio:1.5}.reference-fencing-panel-fencing .fence-swatches{grid-template-columns:repeat(4,1fr);gap:22px}.reference-fencing-panel-fencing .fence-swatch-image{aspect-ratio:1.8}.reference-fencing-panel-fencing .fence-swatch-name{font-size:.86rem}.reference-fencing-panel-fencing .project-filters{grid-template-columns:1fr 1fr;gap:22px}.reference-fencing-panel-fencing .project-filters .reset-filters{justify-self:end}.reference-fencing-panel-fencing .fence-project-grid{grid-template-columns:1fr 1fr}.reference-fencing-panel-fencing .project-results-bar>p:last-child{max-width:240px}.reference-fencing-panel-fencing .fence-system-grid{gap:25px}.reference-fencing-panel-fencing .fence-contact-card{padding:27px}.reference-fencing-panel-fencing .fence-contact-card h3{font-size:2rem}.reference-fencing-panel-fencing .project-dialog-layout{grid-template-columns:1fr}.reference-fencing-panel-fencing .project-large-photo{height:45dvh;min-height:240px;max-height:45dvh}.reference-fencing-panel-fencing .project-large-photo>img{height:100%;max-height:45dvh}.reference-fencing-panel-fencing .project-dialog-copy{padding:28px}.reference-fencing-panel-fencing .project-dialog-copy h2{font-size:2.5rem}.reference-fencing-panel-fencing .project-description{max-width:none}.reference-fencing-panel-fencing .project-dialog-copy .eyebrow{margin-bottom:12px}.reference-fencing-panel-fencing .fence-newsletter .wrap{flex-direction:column;align-items:flex-start;gap:24px}}@media (width<=520px){.reference-fencing-panel-fencing .hero{min-height:670px}.reference-fencing-panel-fencing .hero-content{padding-top:140px}.reference-fencing-panel-fencing .hero h1{font-size:3.2rem}.reference-fencing-panel-fencing .hero:after{background:linear-gradient(90deg,var(--fencing-hero-overlay),var(--fencing-hero-overlay)),linear-gradient(0deg,var(--fencing-hero-overlay),transparent)}.reference-fencing-panel-fencing .fence-page-links{justify-content:flex-start;gap:26px;font-size:.79rem}.reference-fencing-panel-fencing .fence-page-links a{padding:17px 0}.reference-fencing-panel-fencing .fence-intro-stats{gap:30px}.reference-fencing-panel-fencing .fence-intro-stats strong{font-size:2.1rem}.reference-fencing-panel-fencing .fence-intro-stats span{font-size:.74rem}.reference-fencing-panel-fencing .fence-benefits{grid-template-columns:1fr;margin-top:35px}.reference-fencing-panel-fencing .fence-benefit,.reference-fencing-panel-fencing .fence-benefit:not(:first-child){border-left:0;border-bottom:1px solid var(--border);padding:22px 0}.reference-fencing-panel-fencing .fence-benefit h3{margin:7px 0 10px}.reference-fencing-panel-fencing .fence-design-grid{gap:32px 16px}.reference-fencing-panel-fencing .fence-design-img img{padding:25px 4px 10px}.reference-fencing-panel-fencing .fence-design-name{margin-top:18px;font-size:1.35rem}.reference-fencing-panel-fencing .fence-design-description{font-size:.83rem}.reference-fencing-panel-fencing .fence-design-link{gap:5px;font-size:.73rem}.reference-fencing-panel-fencing .fence-design-note{font-size:.78rem}.reference-fencing-panel-fencing .fence-colour-preview{aspect-ratio:1.2}.reference-fencing-panel-fencing .fence-colour-preview.sample-only{padding:30px}.reference-fencing-panel-fencing .fence-colour-caption{font-size:.84rem}.reference-fencing-panel-fencing .fence-colour-caption>span:last-child{max-width:115px}.reference-fencing-panel-fencing .fence-colour-choice h3{font-size:2.3rem}.reference-fencing-panel-fencing .fence-swatches{gap:20px 13px}.reference-fencing-panel-fencing .fence-swatch-image{aspect-ratio:1.1}.reference-fencing-panel-fencing .fence-swatch-name{font-size:.72rem}.reference-fencing-panel-fencing .fence-colour-actions .btn{font-size:.73rem}.reference-fencing-panel-fencing .project-filters{gap:19px 18px;padding:18px}.reference-fencing-panel-fencing .project-filters select,.reference-fencing-panel-fencing .project-filters input{font-size:.85rem}.reference-fencing-panel-fencing .project-filters .search-filter{grid-column:1/-1}.reference-fencing-panel-fencing .project-filters .reset-filters{grid-column:1/-1;justify-self:start;min-height:32px;padding:0}.reference-fencing-panel-fencing .project-results-bar{flex-direction:column;gap:8px}.reference-fencing-panel-fencing .project-results-bar>p:last-child{text-align:left;max-width:none}.reference-fencing-panel-fencing .fence-project-grid{grid-template-columns:1fr;gap:31px}.reference-fencing-panel-fencing .fence-project-photo{aspect-ratio:1.45}.reference-fencing-panel-fencing .fence-project-info{padding:18px 0 20px}.reference-fencing-panel-fencing .fence-project-name{font-size:1.55rem}.reference-fencing-panel-fencing .project-directory-note{flex-direction:column;align-items:start;gap:20px}.reference-fencing-panel-fencing .project-empty{padding:38px 20px}.reference-fencing-panel-fencing .project-empty h3{font-size:1.8rem}.reference-fencing-panel-fencing .fence-system-grid{grid-template-columns:1fr;gap:27px;margin-top:35px}.reference-fencing-panel-fencing .fence-system-item{padding-top:20px}.reference-fencing-panel-fencing .fence-system-item h3{margin:10px 0 14px}.reference-fencing-panel-fencing .fence-system-bottom{flex-direction:column;align-items:start;gap:24px;margin-top:30px}.reference-fencing-panel-fencing .fence-contact-grid{grid-template-columns:1fr;gap:20px}.reference-fencing-panel-fencing .fence-contact-card{padding:28px 24px}.reference-fencing-panel-fencing .fence-contact-card h3{font-size:2.15rem}.reference-fencing-panel-fencing .fence-newsletter h2{font-size:2.1rem}.reference-fencing-panel-fencing #fence-enquiry-dialog{padding:45px 25px 30px}.reference-fencing-panel-fencing #fence-enquiry-dialog h2{font-size:2.15rem}.reference-fencing-panel-fencing .project-thumbnails{gap:7px;padding:12px}.reference-fencing-panel-fencing .project-thumbnail{width:63px;height:46px}.reference-fencing-panel-fencing .project-dialog-copy{padding:25px}.reference-fencing-panel-fencing .project-specs>div{grid-template-columns:60px 1fr}.reference-fencing-panel-fencing .footer-top{grid-template-columns:1fr 1fr;gap:35px 25px}.reference-fencing-panel-fencing .footer-top>div:first-child,.reference-fencing-panel-fencing .footer-top>div:last-child{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.reference-fencing-panel-fencing *,.reference-fencing-panel-fencing :before,.reference-fencing-panel-fencing :after{scroll-behavior:auto!important;transition:none!important}}@media (width<=1100px){.reference-fencing-panel-fencing .fence-component-grid{gap:18px}.reference-fencing-panel-fencing .fence-component-copy{padding:21px 16px 18px}.reference-fencing-panel-fencing .component-name{font-size:1.2rem}.reference-fencing-panel-fencing .fence-component-image{padding:30px 15px 22px}.reference-fencing-panel-fencing .component-dialog-copy{padding:60px 28px 35px}.reference-fencing-panel-fencing .component-dialog-copy h2{font-size:2.35rem}}@media (width<=800px){.reference-fencing-panel-fencing .fence-component-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.reference-fencing-panel-fencing .component-name{font-size:1.4rem}.reference-fencing-panel-fencing .fence-component-copy{padding:24px}.reference-fencing-panel-fencing .fence-component-image{aspect-ratio:1.3;padding:35px 25px 25px}.reference-fencing-panel-fencing .component-section-bottom{flex-direction:column;align-items:flex-start;gap:18px}.reference-fencing-panel-fencing .component-dialog-layout{grid-template-columns:1fr}.reference-fencing-panel-fencing .component-dialog-visual{gap:14px;padding:45px 30px 25px}.reference-fencing-panel-fencing .component-dialog-visual>img{height:32dvh;min-height:190px;max-height:320px}.reference-fencing-panel-fencing .component-dialog-copy{padding:30px}.reference-fencing-panel-fencing .component-dialog-copy h2{font-size:2.4rem}.reference-fencing-panel-fencing .component-dialog-copy .muted{max-width:none}}@media (width<=520px){.reference-fencing-panel-fencing .component-filters{gap:8px}.reference-fencing-panel-fencing .component-filters button{gap:7px;padding:9px 11px;font-size:.73rem}.reference-fencing-panel-fencing .component-filters button>span{font-size:.65rem}.reference-fencing-panel-fencing .fence-component-grid{gap:16px}.reference-fencing-panel-fencing .fence-component-image{aspect-ratio:1.08;padding:30px 12px 20px}.reference-fencing-panel-fencing .fence-component-image.component-image-pair{gap:5px;padding:30px 8px 21px}.reference-fencing-panel-fencing .component-image-pair>img{width:calc(50% - 3px)}.reference-fencing-panel-fencing .component-number{font-size:.66rem;top:10px;left:11px}.reference-fencing-panel-fencing .component-expand{width:24px;height:24px;bottom:8px;right:8px}.reference-fencing-panel-fencing .fence-component-copy{padding:18px 12px 15px}.reference-fencing-panel-fencing .component-category{letter-spacing:0;min-height:17px;font-size:.55rem}.reference-fencing-panel-fencing .component-name{font-size:1.12rem}.reference-fencing-panel-fencing .component-note{font-size:.69rem}.reference-fencing-panel-fencing .component-view{gap:6px;padding-top:15px;font-size:.65rem}.reference-fencing-panel-fencing .component-dialog-copy{padding:25px}.reference-fencing-panel-fencing .component-dialog-copy h2{font-size:2.1rem}.reference-fencing-panel-fencing .component-dialog-visual{padding-left:22px;padding-right:22px}}.reference-fencing-panel-fencing .project-filters{grid-template-columns:1fr 1fr 1.25fr;gap:22px}.reference-fencing-panel-fencing .project-filters .search-filter{grid-column:1/3}.reference-fencing-panel-fencing .project-filters .reset-filters{justify-self:end}.reference-fencing-panel-fencing .fence-project-post{color:currentColor;margin-top:7px;font-size:.78rem;display:block}@media (width<=800px){.reference-fencing-panel-fencing .project-filters{grid-template-columns:1fr 1fr}.reference-fencing-panel-fencing .project-filters .search-filter{grid-column:auto}.reference-fencing-panel-fencing .project-filters .reset-filters{grid-column:1/-1;justify-self:start}}@media (width<=520px){.reference-fencing-panel-fencing .project-filters .post-filter,.reference-fencing-panel-fencing .project-filters .search-filter{grid-column:1/-1}}.reference-fencing-panel-fencing .fence-family-links{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:70px;display:grid}.reference-fencing-panel-fencing .fence-family-links a{background:var(--secondary);border:1px solid var(--secondary);color:var(--ink);flex-direction:column;gap:18px;padding:32px;text-decoration:none;display:flex}.reference-fencing-panel-fencing .fence-family-links a:last-child{background:var(--foreground);color:var(--ink-foreground);border-color:var(--foreground)}.reference-fencing-panel-fencing .fence-family-links a>span{letter-spacing:0;font-size:.78rem}.reference-fencing-panel-fencing .fence-family-links strong{letter-spacing:0;font-size:1.65rem;font-weight:500}.reference-fencing-panel-fencing .fence-family-links a:hover{outline:2px solid var(--border);outline-offset:3px}.reference-fencing-panel-fencing .fence-family{scroll-margin-top:150px}.reference-fencing-panel-fencing .fence-family-heading{grid-template-columns:1.2fr 1fr;align-items:end;gap:60px;margin-bottom:32px;display:grid}.reference-fencing-panel-fencing .fence-family h3{letter-spacing:0;margin:0 0 18px;font-size:3rem;font-weight:500;line-height:1.12}.reference-fencing-panel-fencing .fence-family-heading>p,.reference-fencing-panel-fencing .fence-slatted-copy>p:not(.eyebrow){color:currentColor;max-width:480px;font-size:1rem;font-weight:300;line-height:1.7}.reference-fencing-panel-fencing .fence-design-specs{border-top:1px solid var(--secondary);border-bottom:1px solid var(--secondary);grid-template-columns:repeat(3,1fr);gap:24px;margin:0 0 34px;padding:23px 0;display:grid}.reference-fencing-panel-fencing .fence-design-specs dt{text-transform:uppercase;letter-spacing:0;color:currentColor;margin-bottom:9px;font-size:.75rem}.reference-fencing-panel-fencing .fence-design-specs dd{margin:0;font-size:1.1rem}.reference-fencing-panel-fencing .flat-panel-layouts{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.reference-fencing-panel-fencing .flat-panel-layouts .fence-design-name{font-size:1.65rem}.reference-fencing-panel-fencing .fence-spec-source{text-underline-offset:4px;color:inherit;margin-top:28px;font-size:.8rem;display:inline-block}.reference-fencing-panel-fencing .fence-slatted-family{border-top:1px solid var(--secondary);grid-template-columns:1fr 1fr;align-items:center;gap:64px;margin-top:70px;padding-top:65px;display:grid}.reference-fencing-panel-fencing .fence-slatted-visual{background:var(--card);padding:30px;position:relative}.reference-fencing-panel-fencing .fence-slatted-visual>img{aspect-ratio:1.25;object-fit:contain;width:100%}.reference-fencing-panel-fencing .fence-profile-detail{border-top:1px solid var(--secondary);color:currentColor;align-items:center;gap:20px;margin-top:18px;padding-top:18px;font-size:.8rem;display:flex}.reference-fencing-panel-fencing .fence-profile-detail img{object-fit:contain;width:125px;height:85px}.reference-fencing-panel-fencing .fence-slatted-copy .fence-design-specs{grid-template-columns:1fr 1fr;margin-top:28px}.reference-fencing-panel-fencing .fence-slatted-copy .fence-spec-source{display:block}.reference-fencing-panel-fencing .fence-design-footer{border-top:1px solid var(--secondary);justify-content:space-between;align-items:center;gap:30px;margin-top:55px;padding-top:30px;display:flex}.reference-fencing-panel-fencing .fence-design-footer p{color:currentColor;max-width:600px;margin:10px 0 0;font-size:.9rem;line-height:1.6}.reference-fencing-panel-fencing .fence-design-footer .text-link{flex-shrink:0}@media (width<=800px){.reference-fencing-panel-fencing .fence-family-heading{gap:25px}.reference-fencing-panel-fencing .fence-slatted-family{gap:30px}.reference-fencing-panel-fencing .fence-design-footer{flex-direction:column;align-items:start}.reference-fencing-panel-fencing .flat-panel-layouts{gap:18px}.reference-fencing-panel-fencing .flat-panel-layouts .fence-design-name{font-size:1.4rem}.reference-fencing-panel-fencing .fence-design-specs{gap:16px}.reference-fencing-panel-fencing .fence-design-specs dd{font-size:.95rem}}@media (width<=600px){.reference-fencing-panel-fencing .fence-family-links{grid-template-columns:1fr;gap:12px;margin-bottom:45px}.reference-fencing-panel-fencing .fence-family-links a{gap:12px;padding:24px}.reference-fencing-panel-fencing .fence-family-heading,.reference-fencing-panel-fencing .fence-slatted-family{grid-template-columns:1fr;gap:18px}.reference-fencing-panel-fencing .fence-family-heading>p{margin-top:0}.reference-fencing-panel-fencing .fence-design-specs{grid-template-columns:1fr;gap:18px}.reference-fencing-panel-fencing .fence-design-specs>div{justify-content:space-between;gap:15px;display:flex}.reference-fencing-panel-fencing .fence-design-specs dt{margin:0}.reference-fencing-panel-fencing .flat-panel-layouts{grid-template-columns:1fr;gap:35px}.reference-fencing-panel-fencing .flat-panel-layouts .fence-design-img{aspect-ratio:1.35}.reference-fencing-panel-fencing .fence-slatted-family{margin-top:45px;padding-top:40px}.reference-fencing-panel-fencing .fence-slatted-copy .fence-design-specs{grid-template-columns:1fr}.reference-fencing-panel-fencing .fence-slatted-visual{padding:20px}.reference-fencing-panel-fencing .fence-slatted-copy{padding-top:15px}}.reference-fencing-panel-fencing .fence-breadcrumb{align-items:center;gap:14px;margin-bottom:28px;font-size:.8rem;display:flex}.reference-fencing-panel-fencing .fence-breadcrumb a{text-underline-offset:5px}.reference-fencing-panel-fencing .product-fence-hero .hero-content{padding-top:155px}.reference-fencing-panel-fencing .product-fence-hero{min-height:730px}.reference-fencing-panel-fencing .product-design-detail .fence-slatted-family{border-top:0;margin-top:0;padding-top:0}.reference-fencing-panel-fencing .product-benefit-strip{border-top:1px solid var(--secondary);grid-template-columns:repeat(3,1fr);gap:30px;margin-top:45px;padding:34px 0;display:grid}.reference-fencing-panel-fencing .product-benefit-strip p{color:currentColor;margin:12px 0;font-size:.9rem;line-height:1.6}.reference-fencing-panel-fencing .product-benefit-strip strong{font-size:1.1rem;font-weight:500}.reference-fencing-panel-fencing .project-directory-note{flex-wrap:wrap}@media (width<=600px){.reference-fencing-panel-fencing .product-benefit-strip{grid-template-columns:1fr;gap:12px;padding:26px 0}.reference-fencing-panel-fencing .product-fence-hero .hero-content{padding-top:130px}.reference-fencing-panel-fencing .fence-breadcrumb{margin-bottom:22px}.reference-fencing-panel-fencing .product-fence-hero{min-height:700px}}.reference-fencing-panel-fencing .fence-comparison{background:var(--card);border:1px solid var(--secondary);margin-bottom:70px;padding:38px;scroll-margin-top:145px}.reference-fencing-panel-fencing .fence-comparison>h3{letter-spacing:0;margin:0 0 10px;font-size:2.7rem;font-weight:500}.reference-fencing-panel-fencing .fence-compare-intro{color:currentColor;margin:0 0 30px}.reference-fencing-panel-fencing .fence-compare-images{grid-template-columns:1fr 1fr;gap:28px;display:grid}.reference-fencing-panel-fencing .fence-compare-product{color:inherit;flex-direction:column;min-width:0;text-decoration:none;display:flex}.reference-fencing-panel-fencing .fence-compare-product .eyebrow{margin-bottom:12px}.reference-fencing-panel-fencing .fence-compare-photo{background:var(--card);aspect-ratio:1.35;padding:22px;display:block}.reference-fencing-panel-fencing .fence-compare-photo img{object-fit:contain;width:100%;height:100%}.reference-fencing-panel-fencing .fence-compare-product strong{letter-spacing:0;margin:20px 0 7px;font-size:1.6rem;font-weight:500}.reference-fencing-panel-fencing .fence-compare-product>span:last-child{color:currentColor;font-size:.9rem}.reference-fencing-panel-fencing .fence-compare-product:hover .fence-compare-photo{background:var(--card);outline:1px solid var(--border)}.reference-fencing-panel-fencing .fence-compare-table{table-layout:fixed;border-collapse:collapse;text-align:left;width:100%;margin:30px 0 24px;font-size:.9rem}.reference-fencing-panel-fencing .fence-compare-table th,.reference-fencing-panel-fencing .fence-compare-table td{border-bottom:1px solid var(--secondary);vertical-align:top;overflow-wrap:break-word;padding:16px 14px;line-height:1.6}.reference-fencing-panel-fencing .fence-compare-table th:first-child{width:25%}.reference-fencing-panel-fencing .fence-compare-table thead{background:var(--secondary)}.reference-fencing-panel-fencing .fence-compare-table tbody th{color:currentColor;font-weight:500}.reference-fencing-panel-fencing .fence-compare-table small{font-size:.85em}.reference-fencing-panel-fencing .fence-compare-actions{grid-template-columns:1fr 1fr;gap:28px;display:grid}.reference-fencing-panel-fencing .fence-compare-actions .btn{text-align:center;justify-content:center}.reference-fencing-panel-fencing .fence-compare-note{color:currentColor;margin:20px 0 0;font-size:.75rem;line-height:1.6}.reference-fencing-panel-fencing .fence-compare-back{width:fit-content;margin-bottom:20px;display:block}@media (width<=600px){.reference-fencing-panel-fencing .fence-comparison{margin-bottom:45px;padding:20px 14px}.reference-fencing-panel-fencing .fence-compare-images,.reference-fencing-panel-fencing .fence-compare-actions{gap:12px}.reference-fencing-panel-fencing .fence-compare-photo{aspect-ratio:1.05;padding:7px}.reference-fencing-panel-fencing .fence-compare-product strong{margin-top:14px;font-size:1.12rem}.reference-fencing-panel-fencing .fence-compare-product .eyebrow{letter-spacing:0;font-size:.63rem}.reference-fencing-panel-fencing .fence-compare-product>span:last-child{font-size:.77rem}.reference-fencing-panel-fencing .fence-compare-table{margin-top:24px;font-size:.75rem}.reference-fencing-panel-fencing .fence-compare-table th,.reference-fencing-panel-fencing .fence-compare-table td{padding:12px 6px}.reference-fencing-panel-fencing .fence-compare-table th:first-child{width:28%}.reference-fencing-panel-fencing .fence-compare-actions .btn{letter-spacing:0;min-width:0;padding:14px 8px;font-size:.67rem}}.reference-fencing-panel-fencing #collections,.reference-fencing-panel-fencing #colours,.reference-fencing-panel-fencing #gates,.reference-fencing-panel-fencing #where-to-buy{background:var(--card)}.reference-fencing-panel-fencing .fence-layout-art{width:100%;height:100%;display:block;overflow:hidden}.reference-fencing-panel-fencing .fence-design-img .fence-layout-art{padding:30px 10px 13px;transition:transform .4s}.reference-fencing-panel-fencing .fence-design:hover .fence-layout-art{transform:scale(1.035)}@media (width<=520px){.reference-fencing-panel-fencing .fence-design-img .fence-layout-art{padding:25px 4px 10px}}.reference-fencing-panel-fencing .fence-compare-photo{position:relative}.reference-fencing-panel-fencing .fence-compare-art{width:calc(100% - 44px);height:calc(100% - 44px);display:block;position:absolute;inset:22px;overflow:hidden}@media (width<=600px){.reference-fencing-panel-fencing .fence-compare-art{width:calc(100% - 14px);height:calc(100% - 14px);inset:7px}}.reference-fencing-panel-fencing .section-head.split-section-heading{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:0 clamp(40px,6vw,88px);margin:0 0 44px;display:grid}.reference-fencing-panel-fencing .section-head.split-section-heading>.eyebrow{letter-spacing:0;grid-area:1/1/auto/-1;max-width:none;margin:0 0 18px;padding:0;font-size:.75rem;font-weight:600;line-height:1.5}.reference-fencing-panel-fencing .section-head.split-section-heading>:is(h1,.reference-fencing-panel-fencing h2,.reference-fencing-panel-fencing h3){letter-spacing:0;overflow-wrap:break-word;grid-area:2/1;max-width:100%;margin:0;font-size:3rem;font-weight:500;line-height:1.08}.reference-fencing-panel-fencing .section-head.split-section-heading>p.lead{width:100%;max-width:52ch;font-family:var(--font-sans);font-synthesis:none;grid-area:2/2;align-self:start;margin:0;padding:0;font-size:16px;font-weight:300;line-height:1.65}.reference-fencing-panel-fencing .split-section-heading+.material-layout,.reference-fencing-panel-fencing .split-section-heading+.fence-intro-stats,.reference-fencing-panel-fencing .split-section-heading+.fence-system-grid,.reference-fencing-panel-fencing .split-section-heading+.product-design .feature-list{margin-top:0}.reference-fencing-panel-fencing .advantages>.wrap>.advantage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.reference-fencing-panel-fencing .professionals-section .split-section-heading .eyebrow{color:var(--accent)}.reference-fencing-panel-fencing .professionals-section .split-section-heading .lead{color:var(--ink-foreground)}.reference-fencing-panel-fencing .professionals-layout .professional-links{margin-top:0}.reference-fencing-panel-fencing .newsletter-section .newsletter-layout{max-width:680px;margin-left:auto;display:block}.reference-fencing-panel-fencing .final-cta .wrap,.reference-fencing-panel-fencing .fence-newsletter .wrap{display:block}.reference-fencing-panel-fencing .final-cta .actions{flex-wrap:wrap;max-width:none}.reference-fencing-panel-fencing .final-cta .actions .btn{width:auto}.reference-fencing-panel-fencing .section-followup{margin-top:24px}.reference-fencing-panel-fencing .fence-slatted-family>.split-section-heading{grid-column:1/-1;margin-bottom:0}.reference-fencing-panel-fencing .fence-slatted-family{row-gap:44px}.reference-fencing-panel-fencing .fence-slatted-copy .fence-design-specs{margin-top:0}.reference-fencing-panel-fencing .fence-comparison .split-section-heading>h3{font-size:2.4rem}@media (width<=1000px){.reference-fencing-panel-fencing .advantages>.wrap>.advantage-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=800px){.reference-fencing-panel-fencing .section-head.split-section-heading{grid-template-columns:minmax(0,1fr);margin-bottom:32px}.reference-fencing-panel-fencing .section-head.split-section-heading>.eyebrow{grid-column:1;margin-bottom:14px}.reference-fencing-panel-fencing .section-head.split-section-heading>:is(h1,.reference-fencing-panel-fencing h2,.reference-fencing-panel-fencing h3){font-size:2.25rem}.reference-fencing-panel-fencing .section-head.split-section-heading>p.lead{grid-area:3/1;max-width:56ch;margin-top:20px}.reference-fencing-panel-fencing .newsletter-section .newsletter-layout{max-width:none;margin-left:0}.reference-fencing-panel-fencing .fence-slatted-family{row-gap:32px}}@media (width<=520px){.reference-fencing-panel-fencing .section-head.split-section-heading>:is(h1,.reference-fencing-panel-fencing h2,.reference-fencing-panel-fencing h3){font-size:2rem}.reference-fencing-panel-fencing .section-head.split-section-heading>.eyebrow{font-size:.7rem}.reference-fencing-panel-fencing .final-cta .actions{align-items:flex-start;max-width:100%}}.reference-fencing-panel-fencing .product-faqs{scroll-margin-top:110px}.reference-fencing-panel-fencing .product-faqs .faqs{max-width:880px;margin-left:auto}.reference-fencing-panel-fencing .product-faqs .faqs summary{padding:22px 44px 22px 0;font-size:16px;font-weight:400;line-height:1.5}.reference-fencing-panel-fencing .product-faqs .faqs details p{font-family:var(--font-sans);padding:0 38px 24px 0;font-size:16px;font-weight:300;line-height:1.65}.reference-fencing-panel-fencing .product-faqs .faqs a{color:var(--lime-ink);text-underline-offset:3px;text-decoration:underline}.reference-fencing-panel-fencing .faq-followup{justify-content:space-between;align-items:center;gap:24px;max-width:880px;margin:28px 0 0 auto;display:flex}.reference-fencing-panel-fencing .faq-followup p{font-family:var(--font-sans);color:currentColor;font-size:16px;font-weight:300;line-height:1.65}.reference-fencing-panel-fencing .faq-followup .text-link{flex-shrink:0;font-size:.85rem}.reference-fencing-panel-fencing .gate-faqs{background:var(--secondary)}@media (width<=600px){.reference-fencing-panel-fencing .product-faqs .faqs summary{padding-right:32px}.reference-fencing-panel-fencing .product-faqs .faqs details p{padding-right:12px}.reference-fencing-panel-fencing .faq-followup{flex-direction:column;align-items:flex-start;gap:14px}}.reference-fencing-slatted-fencing *{box-sizing:border-box}.reference-fencing-slatted-fencing{scroll-behavior:smooth;background:var(--background);color:var(--ink);font-family:var(--font-sans);margin:0;scroll-padding-top:90px;font-size:16px;line-height:1.6}.reference-fencing-slatted-fencing button,.reference-fencing-slatted-fencing input,.reference-fencing-slatted-fencing select,.reference-fencing-slatted-fencing textarea{font:inherit}.reference-fencing-slatted-fencing button,.reference-fencing-slatted-fencing a,.reference-fencing-slatted-fencing select{touch-action:manipulation}.reference-fencing-slatted-fencing button{cursor:pointer}.reference-fencing-slatted-fencing a{color:inherit;text-decoration:none}.reference-fencing-slatted-fencing button:focus-visible,.reference-fencing-slatted-fencing a:focus-visible,.reference-fencing-slatted-fencing select:focus-visible,.reference-fencing-slatted-fencing summary:focus-visible{outline:3px solid var(--border);outline-offset:5px}.reference-fencing-slatted-fencing img{max-width:100%;display:block}.reference-fencing-slatted-fencing h1,.reference-fencing-slatted-fencing h2,.reference-fencing-slatted-fencing h3,.reference-fencing-slatted-fencing p,.reference-fencing-slatted-fencing figure{margin:0}.reference-fencing-slatted-fencing h1,.reference-fencing-slatted-fencing h2,.reference-fencing-slatted-fencing h3{letter-spacing:0;font-weight:500;line-height:1.06}.reference-fencing-slatted-fencing h1{max-width:1000px;font-size:6rem}.reference-fencing-slatted-fencing h2{font-size:3.7rem}.reference-fencing-slatted-fencing h3{font-size:2rem}.reference-fencing-slatted-fencing p{max-width:68ch}.reference-fencing-slatted-fencing button{border:0}.reference-fencing-slatted-fencing button:disabled{cursor:not-allowed;opacity:.4}.reference-fencing-slatted-fencing .wrap{width:min(1280px,88%);margin:auto}.reference-fencing-slatted-fencing .section{padding:100px 0}.reference-fencing-slatted-fencing .eyebrow{letter-spacing:0;text-transform:uppercase;color:var(--lime-ink);margin-bottom:22px;font-size:.8rem;font-weight:700}.reference-fencing-slatted-fencing .lead{font-family:var(--font-sans);font-synthesis:none;color:currentColor;font-size:16px;font-weight:300;line-height:1.65}.reference-fencing-slatted-fencing .muted{color:currentColor}.reference-fencing-slatted-fencing .small{font-size:.85rem;line-height:1.55}.reference-fencing-slatted-fencing .btn{letter-spacing:0;background:var(--accent);min-height:48px;color:var(--foreground);border:1px solid var(--accent);text-transform:uppercase;justify-content:center;align-items:center;padding:14px 23px;font-size:.85rem;font-weight:700;line-height:1.2;transition:background .2s;display:inline-flex}.reference-fencing-slatted-fencing .btn:hover{background:var(--secondary);border-color:var(--secondary)}.reference-fencing-slatted-fencing .btn.outline{color:inherit;background:0 0;border-color:currentColor}.reference-fencing-slatted-fencing .btn.outline:hover{background:var(--fencing-overlay)}.reference-fencing-slatted-fencing .btn.dark{background:var(--ink);color:var(--card);border-color:var(--ink)}.reference-fencing-slatted-fencing .actions{flex-wrap:wrap;gap:12px;display:flex}.reference-fencing-slatted-fencing .text-link{border-bottom:1px solid;padding:7px 0;font-size:.88rem;font-weight:700;display:inline-block}.reference-fencing-slatted-fencing .skip{position:absolute;left:-999px}.reference-fencing-slatted-fencing .skip:focus{z-index:999;background:var(--card);padding:16px;top:20px;left:20px}.reference-fencing-slatted-fencing .utility{background:var(--accent);letter-spacing:0;height:34px;font-size:.73rem;font-weight:700}.reference-fencing-slatted-fencing .utility .wrap{justify-content:space-between;align-items:center;height:100%;display:flex}.reference-fencing-slatted-fencing .utility-links{gap:28px;display:flex}.reference-fencing-slatted-fencing .header{z-index:10;color:var(--card);border-bottom:0;position:absolute;left:0;right:0}.reference-fencing-slatted-fencing .header-inner{justify-content:space-between;align-items:center;gap:35px;height:96px;display:flex}.reference-fencing-slatted-fencing .logo{object-fit:contain;object-position:left;width:178px;height:auto;max-height:40px}.reference-fencing-slatted-fencing .wordmark{letter-spacing:0;color:var(--card);font-size:1.85rem;font-weight:700;display:none}.reference-fencing-slatted-fencing .wordmark span{color:var(--accent)}.reference-fencing-slatted-fencing .primary-nav{align-items:center;gap:36px;font-size:.82rem;font-weight:600;display:flex}.reference-fencing-slatted-fencing .primary-nav>a{padding:12px 0}.reference-fencing-slatted-fencing .primary-nav>a.active{border-bottom:2px solid var(--accent)}.reference-fencing-slatted-fencing .header .btn{background:var(--background);border-color:var(--background);color:var(--ink);font-size:.75rem}.reference-fencing-slatted-fencing .menu-toggle{color:var(--card);background:0 0;min-height:44px;padding:10px;font-size:1rem;display:none}.reference-fencing-slatted-fencing .hero{min-height:720px;color:var(--ink-foreground);background:var(--foreground);align-items:center;display:flex;position:relative;overflow:hidden}.reference-fencing-slatted-fencing .hero-img{object-fit:cover;object-position:center 52%;width:100%;height:100%;position:absolute;inset:0}.reference-fencing-slatted-fencing .hero:after{content:"";background:linear-gradient(90deg,var(--fencing-hero-overlay),var(--fencing-hero-overlay) 70%,var(--fencing-hero-overlay)),linear-gradient(0deg,var(--fencing-hero-overlay),transparent 65%);position:absolute;inset:0}.reference-fencing-slatted-fencing .hero-content{z-index:1;padding-top:150px;padding-bottom:80px;position:relative}.reference-fencing-slatted-fencing .hero .eyebrow{color:var(--accent)}.reference-fencing-slatted-fencing .hero p:not(.eyebrow){max-width:620px;color:var(--ink-foreground);margin:25px 0 32px;font-size:1.13rem}.reference-fencing-slatted-fencing .hero .hero-caption{z-index:1;letter-spacing:0;color:var(--ink-foreground);font-size:.75rem;position:absolute;bottom:28px;right:6%}.reference-fencing-slatted-fencing .hero .breadcrumb{align-items:center;gap:14px;display:flex}.reference-fencing-slatted-fencing .hero .breadcrumb span{color:var(--ink-foreground)}.reference-fencing-slatted-fencing .hero.product{min-height:675px}.reference-fencing-slatted-fencing .hero.product h1{max-width:750px}.reference-fencing-slatted-fencing .hero.product .hero-img{object-position:50% 55%}.reference-fencing-slatted-fencing .page-nav{z-index:20;background:var(--fencing-overlay);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0}.reference-fencing-slatted-fencing .page-nav .wrap{justify-content:space-between;align-items:center;gap:24px;min-height:64px;display:flex}.reference-fencing-slatted-fencing .page-tabs,.reference-fencing-slatted-fencing .jump-links{align-items:center;gap:28px;font-size:.88rem;display:flex}.reference-fencing-slatted-fencing .page-tabs a{white-space:nowrap;padding:20px 0}.reference-fencing-slatted-fencing .page-tabs a[aria-current=page]{border-bottom:2px solid var(--lime-ink);font-weight:700}.reference-fencing-slatted-fencing .jump-links{color:currentColor;gap:25px}.reference-fencing-slatted-fencing .jump-links a:hover{color:var(--ink)}.reference-fencing-slatted-fencing .intro-grid{grid-template-columns:1fr 1fr;align-items:start;gap:11%;display:grid}.reference-fencing-slatted-fencing .intro-grid h2{max-width:560px}.reference-fencing-slatted-fencing .intro-grid .lead{padding-top:37px}.reference-fencing-slatted-fencing .benefit-strip{border-top:1px solid var(--border);grid-template-columns:repeat(4,1fr);margin-top:62px;display:grid}.reference-fencing-slatted-fencing .benefit{padding:28px 32px 4px 0}.reference-fencing-slatted-fencing .benefit:not(:first-child){border-left:1px solid var(--border);padding-left:30px}.reference-fencing-slatted-fencing .benefit strong{margin:12px 0;font-size:1.15rem;font-weight:600;line-height:1.3;display:block}.reference-fencing-slatted-fencing .benefit .symbol{color:var(--lime-ink);font-size:1.7rem;line-height:1}.reference-fencing-slatted-fencing .benefit p{color:currentColor;font-size:.95rem}.reference-fencing-slatted-fencing .tone{background:var(--secondary)}.reference-fencing-slatted-fencing .section-head{justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:45px;display:flex}.reference-fencing-slatted-fencing .section-head p{max-width:440px}.reference-fencing-slatted-fencing .section-head .eyebrow{margin-bottom:18px}.reference-fencing-slatted-fencing .profiles{grid-template-columns:1fr 1fr;gap:28px;display:grid}.reference-fencing-slatted-fencing .profile-card{display:block}.reference-fencing-slatted-fencing .profile-image{height:380px;position:relative;overflow:hidden}.reference-fencing-slatted-fencing .profile-image img{object-fit:cover;width:100%;height:100%;transition:transform .7s}.reference-fencing-slatted-fencing .profile-card:hover img{transform:scale(1.035)}.reference-fencing-slatted-fencing .profile-image .number{background:var(--background);padding:5px 12px;font-size:.85rem;position:absolute;top:20px;left:20px}.reference-fencing-slatted-fencing .profile-info{padding:28px 0 5px}.reference-fencing-slatted-fencing .profile-info h3{margin-bottom:15px;font-size:2.4rem}.reference-fencing-slatted-fencing .profile-info p{color:currentColor;max-width:480px;margin-bottom:15px}.reference-fencing-slatted-fencing .tags{flex-wrap:wrap;gap:7px;margin:20px 0;display:flex}.reference-fencing-slatted-fencing .tag{border:1px solid var(--border);padding:5px 10px;font-size:.77rem;line-height:1.3}.reference-fencing-slatted-fencing .explorer-grid{grid-template-columns:minmax(0,1.4fr) minmax(350px,1fr);align-items:start;gap:56px;display:grid}.reference-fencing-slatted-fencing .explorer-photo{background:var(--secondary);aspect-ratio:1.25;position:relative;overflow:hidden}.reference-fencing-slatted-fencing .explorer-photo>img{object-fit:cover;width:100%;height:100%}.reference-fencing-slatted-fencing .image-note{background:var(--fencing-overlay);color:var(--ink);padding:5px 10px;font-size:.75rem;position:absolute;bottom:20px;left:20px}.reference-fencing-slatted-fencing .photo-expand{color:var(--ink);background:var(--card);min-height:42px;padding:8px 12px;font-size:.8rem;position:absolute;top:17px;right:17px}.reference-fencing-slatted-fencing .photo-caption{justify-content:space-between;align-items:start;gap:12px;margin-top:16px;font-size:.9rem;display:flex}.reference-fencing-slatted-fencing .photo-caption small{color:currentColor;font-size:.78rem}.reference-fencing-slatted-fencing .explorer-controls{padding-top:1px}.reference-fencing-slatted-fencing .segmented{border:1px solid var(--border);gap:0;width:fit-content;margin-bottom:28px;display:flex}.reference-fencing-slatted-fencing .segmented button{color:currentColor;background:0 0;min-height:42px;padding:10px 20px;font-size:.88rem}.reference-fencing-slatted-fencing .segmented button[aria-pressed=true]{background:var(--ink);color:var(--card)}.reference-fencing-slatted-fencing .explorer-controls h3{font-size:2.6rem}.reference-fencing-slatted-fencing .finish-story{color:currentColor;min-height:76px;margin-top:12px;font-size:1rem}.reference-fencing-slatted-fencing .swatches{grid-template-columns:repeat(5,1fr);gap:18px 13px;margin:28px 0;display:grid}.reference-fencing-slatted-fencing .swatch{text-align:left;color:var(--ink);background:0 0;padding:0}.reference-fencing-slatted-fencing .swatch-chip{border:1px solid var(--fencing-overlay);width:100%;height:46px;margin-bottom:7px;display:block;position:relative}.reference-fencing-slatted-fencing .swatch[aria-pressed=true] .swatch-chip{outline:2px solid var(--lime-ink);outline-offset:4px}.reference-fencing-slatted-fencing .swatch[aria-pressed=true] .swatch-chip:after{content:"✓";background:var(--background);color:var(--lime-ink);text-align:center;border-radius:50%;width:20px;height:20px;font-size:14px;font-weight:700;line-height:20px;position:absolute;bottom:4px;right:5px}.reference-fencing-slatted-fencing .swatch-label{min-height:28px;font-size:.77rem;line-height:1.15;display:block}.reference-fencing-slatted-fencing .orientation{margin-top:25px}.reference-fencing-slatted-fencing .orientation .small{margin-bottom:9px}.reference-fencing-slatted-fencing .orientation .segmented{margin-bottom:12px}.reference-fencing-slatted-fencing .sample-action{flex-wrap:wrap;align-items:center;gap:22px;margin-top:24px;display:flex}.reference-fencing-slatted-fencing .colour-note{color:currentColor;margin-top:22px;font-size:.77rem}.reference-fencing-slatted-fencing .no-preview{text-align:center;background:var(--secondary);flex-direction:column;justify-content:center;align-items:center;gap:15px;height:100%;padding:35px;display:flex}.reference-fencing-slatted-fencing .colour-block{border:1px solid var(--fencing-overlay);width:140px;height:100px;display:block}.reference-fencing-slatted-fencing .gallery-tools{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;margin:30px 0;display:flex}.reference-fencing-slatted-fencing .filter-buttons{gap:24px;display:flex}.reference-fencing-slatted-fencing .filter-buttons button{color:currentColor;background:0 0;border-bottom:2px solid #0000;padding:14px 0;font-size:.92rem}.reference-fencing-slatted-fencing .filter-buttons button[aria-pressed=true]{border-color:var(--ink);color:var(--ink);font-weight:600}.reference-fencing-slatted-fencing .gallery-tools select{color:var(--ink);background:0 0;border:0;max-width:180px;padding:9px 24px 9px 9px;font-size:.88rem}.reference-fencing-slatted-fencing .gallery-grid{grid-template-columns:repeat(3,1fr);gap:40px 24px;display:grid}.reference-fencing-slatted-fencing .gallery-card{text-align:left;color:inherit;background:0 0;padding:0}.reference-fencing-slatted-fencing .gallery-card .gallery-img{aspect-ratio:1.35;overflow:hidden}.reference-fencing-slatted-fencing .gallery-card img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.reference-fencing-slatted-fencing .gallery-card:hover img{transform:scale(1.035)}.reference-fencing-slatted-fencing .gallery-card h3{letter-spacing:0;margin:15px 0 6px;font-size:1.3rem;line-height:1.3}.reference-fencing-slatted-fencing .gallery-card p{color:currentColor;font-size:.86rem}.reference-fencing-slatted-fencing .gallery-bottom{justify-content:space-between;align-items:center;gap:30px;margin-top:38px;display:flex}.reference-fencing-slatted-fencing .empty-gallery{color:currentColor;grid-column:1/-1;padding:50px 0}.reference-fencing-slatted-fencing .construction{background:var(--foreground);color:var(--ink-foreground)}.reference-fencing-slatted-fencing .construction .eyebrow{color:var(--accent)}.reference-fencing-slatted-fencing .construction-grid{grid-template-columns:1fr 1fr;align-items:start;gap:85px;display:grid}.reference-fencing-slatted-fencing .construction h2{max-width:450px;margin-bottom:25px}.reference-fencing-slatted-fencing .construction .lead{color:var(--ink-foreground);max-width:455px}.reference-fencing-slatted-fencing .construction-steps{border-top:1px solid var(--fencing-overlay)}.reference-fencing-slatted-fencing .construction-step{border-bottom:1px solid var(--fencing-overlay);grid-template-columns:45px 1fr;gap:15px;padding:25px 0;display:grid}.reference-fencing-slatted-fencing .construction-step>span{color:var(--accent);font-size:.85rem}.reference-fencing-slatted-fencing .construction-step h3{letter-spacing:0;margin-bottom:10px;font-size:1.4rem}.reference-fencing-slatted-fencing .construction-step p{color:var(--ink-foreground);font-size:.96rem}.reference-fencing-slatted-fencing .construction .actions{margin-top:35px}.reference-fencing-slatted-fencing .product-design{grid-template-columns:1.05fr 1fr;align-items:center;gap:75px;display:grid}.reference-fencing-slatted-fencing .product-design img{aspect-ratio:1.12;object-fit:cover;width:100%}.reference-fencing-slatted-fencing .product-design h2{margin-bottom:23px}.reference-fencing-slatted-fencing .product-design p{margin-bottom:22px}.reference-fencing-slatted-fencing .feature-list{border-top:1px solid var(--border);margin:30px 0 0;padding:0;list-style:none}.reference-fencing-slatted-fencing .feature-list li{border-bottom:1px solid var(--border);gap:18px;padding:15px 0;font-size:.97rem;display:flex}.reference-fencing-slatted-fencing .feature-list li>span{color:var(--lime-ink);padding-top:3px;font-size:.78rem}.reference-fencing-slatted-fencing .spec-grid{grid-template-columns:.9fr 1.1fr;gap:100px;display:grid}.reference-fencing-slatted-fencing .spec-grid h2{margin-bottom:24px}.reference-fencing-slatted-fencing .spec-table{margin:0}.reference-fencing-slatted-fencing .spec-table>div{border-top:1px solid var(--border);grid-template-columns:1fr 1.2fr;gap:25px;padding:18px 0;font-size:.97rem;display:grid}.reference-fencing-slatted-fencing .spec-table dt{font-weight:600}.reference-fencing-slatted-fencing .spec-table dd{color:currentColor;margin:0}.reference-fencing-slatted-fencing .spec-table>div:last-child{border-bottom:1px solid var(--border)}.reference-fencing-slatted-fencing .faq-grid{grid-template-columns:.85fr 1.15fr;gap:90px;display:grid}.reference-fencing-slatted-fencing .faq-grid h2{max-width:380px;margin-bottom:25px}.reference-fencing-slatted-fencing .faq-grid .lead{max-width:335px}.reference-fencing-slatted-fencing .faqs details{border-top:1px solid var(--border)}.reference-fencing-slatted-fencing .faqs details:last-child{border-bottom:1px solid var(--border)}.reference-fencing-slatted-fencing .faqs summary{cursor:pointer;padding:23px 45px 23px 0;font-size:1.08rem;line-height:1.4;list-style:none;position:relative}.reference-fencing-slatted-fencing .faqs summary::-webkit-details-marker{display:none}.reference-fencing-slatted-fencing .faqs summary:after{content:"+";color:var(--lime-ink);font-size:1.6rem;font-weight:400;position:absolute;top:19px;right:4px}.reference-fencing-slatted-fencing .faqs details[open] summary:after{content:"−"}.reference-fencing-slatted-fencing .faqs details p{color:currentColor;padding:0 30px 25px 0;font-size:1rem;line-height:1.7}.reference-fencing-slatted-fencing .crosslink{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:40px;margin-top:70px;padding:35px 0;display:flex}.reference-fencing-slatted-fencing .crosslink h3{font-size:1.9rem}.reference-fencing-slatted-fencing .final-cta{background:var(--accent);padding:75px 0}.reference-fencing-slatted-fencing .final-cta .wrap{justify-content:space-between;align-items:center;gap:60px;display:flex}.reference-fencing-slatted-fencing .final-cta h2{max-width:640px;font-size:3.6rem}.reference-fencing-slatted-fencing .final-cta .eyebrow{color:var(--foreground)}.reference-fencing-slatted-fencing .final-cta p{max-width:580px;color:var(--foreground);margin-top:20px}.reference-fencing-slatted-fencing .final-cta .actions{flex-shrink:0;max-width:220px}.reference-fencing-slatted-fencing .final-cta .btn{width:100%}.reference-fencing-slatted-fencing .footer{background:var(--foreground);color:var(--ink-foreground);padding:65px 0 25px}.reference-fencing-slatted-fencing .footer-top{grid-template-columns:repeat(4,minmax(0,1fr));gap:65px;display:grid}.reference-fencing-slatted-fencing .footer .logo{width:175px}.reference-fencing-slatted-fencing .footer p{color:var(--ink-foreground);max-width:330px;margin-top:22px;font-size:.9rem}.reference-fencing-slatted-fencing .footer-title{letter-spacing:0;color:var(--accent);margin-bottom:20px;font-size:.76rem}.reference-fencing-slatted-fencing .footer-links{flex-direction:column;gap:11px;font-size:.9rem;display:flex}.reference-fencing-slatted-fencing .footer-bottom{border-top:1px solid var(--fencing-overlay);color:var(--foreground);justify-content:space-between;gap:20px;margin-top:50px;padding-top:25px;font-size:.76rem;display:flex}.reference-fencing-slatted-fencing dialog{background:var(--background);color:var(--ink);width:100%;max-width:min(1050px,94vw);max-height:92dvh;box-shadow:0 20px 100px var(--fencing-overlay);border:0;padding:0;overflow:auto}.reference-fencing-slatted-fencing dialog::backdrop{background:var(--fencing-overlay)}.reference-fencing-slatted-fencing .dialog-close{z-index:2;background:var(--background);width:44px;height:44px;color:var(--ink);justify-content:center;align-items:center;font-size:1.6rem;display:flex;position:absolute;top:15px;right:15px}.reference-fencing-slatted-fencing .lightbox-image{object-fit:contain;background:var(--foreground);width:100%;max-height:65dvh}.reference-fencing-slatted-fencing .lightbox-.reference-fencing-slatted-fencing{justify-content:space-between;align-items:center;gap:30px;padding:28px 35px;display:flex}.reference-fencing-slatted-fencing .lightbox-.reference-fencing-slatted-fencing h3{margin-bottom:8px;font-size:1.8rem}.reference-fencing-slatted-fencing #sample-dialog{max-width:580px;padding:45px}.reference-fencing-slatted-fencing #sample-dialog h2{margin-bottom:18px;font-size:2.7rem}.reference-fencing-slatted-fencing #sample-dialog p{color:currentColor}.reference-fencing-slatted-fencing .sample-fields{gap:20px;margin:26px 0;display:grid}.reference-fencing-slatted-fencing .sample-fields label{font-size:.87rem;font-weight:600}.reference-fencing-slatted-fencing .sample-fields select{border:1px solid var(--border);background:var(--card);border-radius:0;width:100%;margin-top:8px;padding:12px;display:block}.reference-fencing-slatted-fencing .sample-summary{background:var(--secondary);margin:20px 0;padding:18px}.reference-fencing-slatted-fencing .sample-summary strong{display:block}.reference-fencing-slatted-fencing .sample-note{margin-top:18px;font-size:.83rem}.reference-fencing-slatted-fencing .sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.reference-fencing-slatted-fencing [hidden]{display:none!important}@media (width>=1700px){.reference-fencing-slatted-fencing .hero{min-height:800px}}@media (width<=1100px){.reference-fencing-slatted-fencing .wrap{width:90%}.reference-fencing-slatted-fencing .primary-nav{gap:24px}.reference-fencing-slatted-fencing .explorer-grid{grid-template-columns:1.15fr 1fr;gap:35px}.reference-fencing-slatted-fencing .section{padding:80px 0}.reference-fencing-slatted-fencing .construction-grid,.reference-fencing-slatted-fencing .faq-grid,.reference-fencing-slatted-fencing .spec-grid{gap:55px}.reference-fencing-slatted-fencing .footer-top{gap:30px}.reference-fencing-slatted-fencing .profile-image{height:320px}.reference-fencing-slatted-fencing .jump-links{gap:17px}.reference-fencing-slatted-fencing .swatches{gap:16px 12px}.reference-fencing-slatted-fencing .product-design{gap:45px}}@media (width<=800px){.reference-fencing-slatted-fencing .utility .wrap>span{display:none}.reference-fencing-slatted-fencing .utility .wrap{justify-content:flex-end}.reference-fencing-slatted-fencing .utility-links{gap:20px}.reference-fencing-slatted-fencing .header-inner{height:82px}.reference-fencing-slatted-fencing .logo{width:160px}.reference-fencing-slatted-fencing .menu-toggle{display:block}.reference-fencing-slatted-fencing .primary-nav{background:var(--foreground);flex-direction:column;align-items:stretch;gap:7px;padding:25px 5%;display:none;position:absolute;top:82px;left:0;right:0}.reference-fencing-slatted-fencing .primary-nav.open{display:flex}.reference-fencing-slatted-fencing .hero{min-height:650px}.reference-fencing-slatted-fencing .hero-content{padding-top:160px;padding-bottom:80px}.reference-fencing-slatted-fencing .hero h1{max-width:630px;font-size:4.7rem}.reference-fencing-slatted-fencing .hero:after{background:linear-gradient(90deg,var(--fencing-hero-overlay),var(--fencing-hero-overlay)),linear-gradient(0deg,var(--fencing-hero-overlay),transparent)}.reference-fencing-slatted-fencing .hero p:not(.eyebrow){font-size:1.05rem}.reference-fencing-slatted-fencing .hero-caption{display:none}.reference-fencing-slatted-fencing .page-nav .wrap{min-height:0;display:block}.reference-fencing-slatted-fencing .page-tabs{justify-content:space-between;gap:15px}.reference-fencing-slatted-fencing .page-tabs a{padding:17px 0;font-size:.85rem}.reference-fencing-slatted-fencing .jump-links{display:none}.reference-fencing-slatted-fencing .intro-grid{grid-template-columns:1fr;gap:15px}.reference-fencing-slatted-fencing .intro-grid .lead{padding-top:0}.reference-fencing-slatted-fencing .benefit-strip{grid-template-columns:1fr 1fr;gap:0;margin-top:40px}.reference-fencing-slatted-fencing .benefit{padding:25px 15px 20px 0}.reference-fencing-slatted-fencing .benefit:not(:first-child){padding-left:20px}.reference-fencing-slatted-fencing .benefit:nth-child(3){border-left:0;border-top:1px solid var(--border);padding-left:0}.reference-fencing-slatted-fencing .benefit:nth-child(4){border-top:1px solid var(--border)}.reference-fencing-slatted-fencing .section-head{flex-direction:column;align-items:start;gap:22px;margin-bottom:32px}.reference-fencing-slatted-fencing .section-head p{max-width:620px}.reference-fencing-slatted-fencing .profile-image{height:300px}.reference-fencing-slatted-fencing .profile-info h3{font-size:2rem}.reference-fencing-slatted-fencing .explorer-grid{grid-template-columns:1fr;gap:30px}.reference-fencing-slatted-fencing .explorer-photo{aspect-ratio:1.5}.reference-fencing-slatted-fencing .explorer-controls h3{font-size:2.5rem}.reference-fencing-slatted-fencing .finish-story{min-height:0}.reference-fencing-slatted-fencing .swatches{grid-template-columns:repeat(5,1fr);gap:22px}.reference-fencing-slatted-fencing .swatch-chip{height:60px}.reference-fencing-slatted-fencing .swatch-label{min-height:0;font-size:.82rem}.reference-fencing-slatted-fencing .gallery-grid{grid-template-columns:1fr 1fr}.reference-fencing-slatted-fencing .construction-grid,.reference-fencing-slatted-fencing .faq-grid,.reference-fencing-slatted-fencing .spec-grid,.reference-fencing-slatted-fencing .product-design{grid-template-columns:1fr;gap:40px}.reference-fencing-slatted-fencing .construction h2{max-width:600px}.reference-fencing-slatted-fencing .product-design img{aspect-ratio:1.5}.reference-fencing-slatted-fencing .faq-grid h2{max-width:580px}.reference-fencing-slatted-fencing .faq-grid .lead{max-width:500px}.reference-fencing-slatted-fencing .final-cta .wrap{flex-direction:column;align-items:flex-start;gap:32px}.reference-fencing-slatted-fencing .final-cta .actions{max-width:none}.reference-fencing-slatted-fencing .final-cta .btn{width:auto}.reference-fencing-slatted-fencing .footer-top{grid-template-columns:1.5fr 1fr;gap:42px}.reference-fencing-slatted-fencing .footer-bottom{flex-direction:column}.reference-fencing-slatted-fencing .lightbox-.reference-fencing-slatted-fencing{flex-direction:column;align-items:start;gap:18px}}@media (width<=520px){.reference-fencing-slatted-fencing{font-size:16px}.reference-fencing-slatted-fencing .wrap{width:89%}.reference-fencing-slatted-fencing .utility{height:30px}.reference-fencing-slatted-fencing .utility-links{gap:22px;font-size:.65rem}.reference-fencing-slatted-fencing .hero{min-height:690px}.reference-fencing-slatted-fencing .hero.product{min-height:650px}.reference-fencing-slatted-fencing .hero-content{padding-top:140px;padding-bottom:64px}.reference-fencing-slatted-fencing .hero h1{letter-spacing:0;font-size:3.25rem}.reference-fencing-slatted-fencing .hero .eyebrow{font-size:.72rem}.reference-fencing-slatted-fencing .hero .actions{flex-direction:column;align-items:stretch;max-width:270px}.reference-fencing-slatted-fencing .section{padding:62px 0}.reference-fencing-slatted-fencing .eyebrow{margin-bottom:16px}.reference-fencing-slatted-fencing h2{font-size:2.55rem}.reference-fencing-slatted-fencing .benefit strong{font-size:1.05rem}.reference-fencing-slatted-fencing .benefit p{font-size:.88rem}.reference-fencing-slatted-fencing .benefit:not(:first-child){padding-left:16px}.reference-fencing-slatted-fencing .benefit:nth-child(3){padding-left:0}.reference-fencing-slatted-fencing .profiles{grid-template-columns:1fr;gap:38px}.reference-fencing-slatted-fencing .profile-image{height:285px}.reference-fencing-slatted-fencing .profile-info{padding-top:22px}.reference-fencing-slatted-fencing .profile-info p{font-size:.98rem}.reference-fencing-slatted-fencing .explorer-photo{aspect-ratio:1.15}.reference-fencing-slatted-fencing .image-note{font-size:.7rem;bottom:12px;left:12px}.reference-fencing-slatted-fencing .photo-caption{flex-direction:column;gap:2px}.reference-fencing-slatted-fencing .swatches{grid-template-columns:repeat(3,1fr);gap:20px 12px}.reference-fencing-slatted-fencing .swatch-chip{height:49px}.reference-fencing-slatted-fencing .swatch-label{font-size:.82rem}.reference-fencing-slatted-fencing .sample-action{gap:17px}.reference-fencing-slatted-fencing .gallery-tools{align-items:flex-start}.reference-fencing-slatted-fencing .filter-buttons{gap:19px}.reference-fencing-slatted-fencing .filter-buttons button{font-size:.86rem}.reference-fencing-slatted-fencing .gallery-tools select{max-width:115px;padding-top:15px;font-size:.8rem}.reference-fencing-slatted-fencing .gallery-grid{grid-template-columns:1fr;gap:30px}.reference-fencing-slatted-fencing .gallery-card .gallery-img{aspect-ratio:1.4}.reference-fencing-slatted-fencing .gallery-bottom{flex-direction:column;align-items:start;gap:20px}.reference-fencing-slatted-fencing .spec-table>div{grid-template-columns:1fr 1.2fr;gap:20px;font-size:.9rem}.reference-fencing-slatted-fencing .construction-step{grid-template-columns:27px 1fr;gap:12px}.reference-fencing-slatted-fencing .faqs summary{font-size:1rem}.reference-fencing-slatted-fencing .crosslink{flex-direction:column;align-items:start;margin-top:45px}.reference-fencing-slatted-fencing .final-cta{padding:60px 0}.reference-fencing-slatted-fencing .final-cta .actions{flex-direction:column;width:100%;max-width:270px}.reference-fencing-slatted-fencing .footer-top{grid-template-columns:1fr 1fr;gap:35px 24px}.reference-fencing-slatted-fencing .footer-top>div:first-child,.reference-fencing-slatted-fencing .footer-top>div:last-child{grid-column:1/-1}.reference-fencing-slatted-fencing .footer-title{margin-bottom:16px}.reference-fencing-slatted-fencing #sample-dialog{padding:35px 25px}.reference-fencing-slatted-fencing .lightbox-.reference-fencing-slatted-fencing{padding:23px}.reference-fencing-slatted-fencing .page-tabs{gap:10px}.reference-fencing-slatted-fencing .page-tabs a{font-size:.79rem}.reference-fencing-slatted-fencing .segmented button{padding:10px 16px}}@media (prefers-reduced-motion:reduce){.reference-fencing-slatted-fencing{scroll-behavior:auto}.reference-fencing-slatted-fencing *{transition:none!important}}.reference-fencing-slatted-fencing .preview-switch{width:100%;margin-bottom:18px}.reference-fencing-slatted-fencing .preview-switch button{flex:1;min-height:46px}.reference-fencing-slatted-fencing .explorer-photo.board-preview{background:var(--card);border:1px solid var(--border)}.reference-fencing-slatted-fencing .explorer-photo.board-preview>img{object-fit:contain;width:100%;height:100%;padding:18px 20px 35px}.reference-fencing-slatted-fencing .board-colour-label{margin:25px 0 13px;font-size:.85rem;font-weight:600}.reference-fencing-slatted-fencing .swatches.board-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:21px 15px;margin:0 0 22px}.reference-fencing-slatted-fencing .board-options .swatch-chip{aspect-ratio:.84;background:var(--card);border:1px solid var(--border);height:auto;margin-bottom:10px;overflow:visible}.reference-fencing-slatted-fencing .board-options .swatch-chip img{object-fit:contain;width:100%;height:100%;transition:transform .25s}.reference-fencing-slatted-fencing .board-options .swatch:hover img{transform:scale(1.06)}.reference-fencing-slatted-fencing .board-options .swatch-label{min-height:1.25em;font-size:.85rem;line-height:1.25}.reference-fencing-slatted-fencing .board-options .swatch[aria-pressed=true] .swatch-chip{outline-offset:3px}.reference-fencing-slatted-fencing .additional-finish{color:currentColor;flex-wrap:wrap;align-items:center;gap:5px 10px;margin-top:8px;font-size:.8rem;display:flex}.reference-fencing-slatted-fencing .additional-finish button{color:var(--ink);background:0 0;padding:5px 0;font-size:.8rem}.reference-fencing-slatted-fencing .additional-finish button[aria-pressed=true]{color:var(--lime-ink);border-bottom-width:2px}.reference-fencing-slatted-fencing .board-unavailable{background:var(--card)}.reference-fencing-slatted-fencing .board-unavailable p{max-width:35ch}.reference-fencing-slatted-fencing .board-unavailable .eyebrow{margin-bottom:0}.reference-fencing-slatted-fencing .board-unavailable .btn{margin-top:12px}.reference-fencing-slatted-fencing .board-dialog-image{background:var(--card);justify-content:center;align-items:center;padding:35px 30px 15px;display:flex}.reference-fencing-slatted-fencing .board-dialog-image img{object-fit:contain;max-width:100%;height:62dvh;max-height:760px}.reference-fencing-slatted-fencing #board-dialog{max-width:min(900px,94vw)}.reference-fencing-slatted-fencing #board-dialog .lightbox-.reference-fencing-slatted-fencing{border-top:1px solid var(--border)}@media (width<=1100px){.reference-fencing-slatted-fencing .swatches.board-options{gap:20px 12px}.reference-fencing-slatted-fencing .board-options .swatch-label{font-size:.8rem}.reference-fencing-slatted-fencing .board-options .swatch-chip{aspect-ratio:.75}}@media (width<=800px){.reference-fencing-slatted-fencing .explorer-photo.board-preview{aspect-ratio:1.3}.reference-fencing-slatted-fencing .swatches.board-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px}.reference-fencing-slatted-fencing .board-options .swatch-chip{aspect-ratio:1}.reference-fencing-slatted-fencing .board-options .swatch-label{font-size:.88rem}.reference-fencing-slatted-fencing .preview-switch{margin-bottom:15px}}@media (width<=520px){.reference-fencing-slatted-fencing .explorer-photo.board-preview{aspect-ratio:1.04}.reference-fencing-slatted-fencing .explorer-photo.board-preview>img{padding:10px 14px 30px}.reference-fencing-slatted-fencing .swatches.board-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:21px 12px}.reference-fencing-slatted-fencing .board-options .swatch-chip{aspect-ratio:.65}.reference-fencing-slatted-fencing .board-options .swatch-label{min-height:2.5em;font-size:.82rem}.reference-fencing-slatted-fencing .preview-switch button{padding:12px 10px;font-size:.85rem}.reference-fencing-slatted-fencing .board-dialog-image{padding:45px 15px 15px}.reference-fencing-slatted-fencing .board-dialog-image img{height:52dvh}.reference-fencing-slatted-fencing .additional-finish{font-size:.8rem}}.reference-fencing-slatted-fencing .header .logo,.reference-fencing-slatted-fencing .footer .logo{mix-blend-mode:normal;object-fit:contain;width:240px;height:auto;max-height:none;display:block}.reference-fencing-slatted-fencing .header-inner>a:first-child{flex-shrink:0;display:block}@media (width<=1000px){.reference-fencing-slatted-fencing .header .logo{width:210px}}@media (width<=480px){.reference-fencing-slatted-fencing .header .logo{width:188px}.reference-fencing-slatted-fencing .footer .logo{width:220px}}.reference-fencing-slatted-fencing .advantages{position:relative}.reference-fencing-slatted-fencing .advantages .section-anchor{position:absolute;top:0;left:0}.reference-fencing-slatted-fencing .advantage-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:70px;display:grid}.reference-fencing-slatted-fencing .advantages .advantage-intro .eyebrow{letter-spacing:0;max-width:390px;font-size:.8rem;line-height:1.6}.reference-fencing-slatted-fencing .advantages h2{letter-spacing:0;max-width:530px;margin-bottom:25px;font-size:4.2rem;line-height:1.08}.reference-fencing-slatted-fencing .advantages h2 span{color:var(--accent)}.reference-fencing-slatted-fencing .advantages .lead{max-width:390px;margin-bottom:32px;line-height:1.65}.reference-fencing-slatted-fencing .advantage-intro>.btn{border-color:var(--secondary);color:var(--ink-foreground);min-height:48px}.reference-fencing-slatted-fencing .advantage-grid{gap:22px;display:grid}.reference-fencing-slatted-fencing .advantage-card{background:var(--background);color:var(--ink);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);min-width:0;min-height:235px;display:grid;overflow:hidden}.reference-fencing-slatted-fencing .advantage-image{background:var(--card);justify-content:center;align-items:center;min-width:0;padding:34px 14px 25px;display:flex;position:relative}.reference-fencing-slatted-fencing .advantage-number{color:var(--lime-ink);letter-spacing:0;font-size:.8rem;font-weight:600;position:absolute;top:18px;left:20px}.reference-fencing-slatted-fencing .advantage-drawing{width:100%;max-width:240px;height:auto;display:block;overflow:hidden}.reference-fencing-slatted-fencing .advantage-copy{flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;padding:31px 30px 29px 24px;display:flex}.reference-fencing-slatted-fencing .advantage-copy h3{letter-spacing:0;margin-bottom:13px;font-size:1.55rem;line-height:1.2}.reference-fencing-slatted-fencing .advantage-copy p{color:currentColor;margin-bottom:21px;font-size:1rem;line-height:1.65}.reference-fencing-slatted-fencing .advantage-result{border-top:2px solid var(--secondary);max-width:100%;color:var(--lime-ink);padding-top:13px;font-size:.875rem;font-weight:600;line-height:1.45;display:block}.reference-fencing-slatted-fencing .jump-links a{white-space:nowrap}@media (width<=1180px){.reference-fencing-slatted-fencing .page-nav .jump-links{display:none}.reference-fencing-slatted-fencing .advantage-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:42px}.reference-fencing-slatted-fencing .advantage-copy{padding:28px 24px 26px 20px}.reference-fencing-slatted-fencing .advantages h2{font-size:3.25rem}}@media (width<=1000px){.reference-fencing-slatted-fencing .advantage-layout{grid-template-columns:1fr;gap:38px}.reference-fencing-slatted-fencing .advantage-intro,.reference-fencing-slatted-fencing .advantages h2{max-width:600px}.reference-fencing-slatted-fencing .advantages .lead{max-width:570px}.reference-fencing-slatted-fencing .advantage-card{grid-template-columns:minmax(180px,.65fr) minmax(0,1.35fr);min-height:220px}.reference-fencing-slatted-fencing .advantage-copy{padding:30px}.reference-fencing-slatted-fencing .advantage-image{padding:35px 20px 25px}.reference-fencing-slatted-fencing .advantage-drawing{max-width:235px}}@media (width<=520px){.reference-fencing-slatted-fencing .advantages h2{font-size:2.75rem}.reference-fencing-slatted-fencing .advantages .advantage-intro .eyebrow{max-width:290px;font-size:.8rem}.reference-fencing-slatted-fencing .advantage-layout{gap:32px}.reference-fencing-slatted-fencing .advantage-grid{gap:22px}.reference-fencing-slatted-fencing .advantage-card{grid-template-columns:1fr}.reference-fencing-slatted-fencing .advantage-image{height:175px;padding:30px 45px 18px}.reference-fencing-slatted-fencing .advantage-drawing{width:auto;max-width:100%;height:100%}.reference-fencing-slatted-fencing .advantage-number{top:17px;left:24px}.reference-fencing-slatted-fencing .advantage-copy{padding:25px}.reference-fencing-slatted-fencing .advantage-copy h3{font-size:1.55rem}.reference-fencing-slatted-fencing .advantage-copy p{margin-bottom:19px}.reference-fencing-slatted-fencing .advantage-result{font-size:.875rem}.reference-fencing-slatted-fencing .advantage-intro>.btn{font-size:.8rem}}.reference-fencing-slatted-fencing .trims-section{border-top:1px solid var(--border);background:var(--background)}.reference-fencing-slatted-fencing .trim-section-meta{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.reference-fencing-slatted-fencing .trim-finish{color:currentColor;align-items:center;gap:10px;font-size:.88rem;display:inline-flex}.reference-fencing-slatted-fencing .trim-finish>span{background:var(--border);border:1px solid var(--fencing-overlay);width:24px;height:24px;display:block}.reference-fencing-slatted-fencing .trim-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.reference-fencing-slatted-fencing .trim-card{text-align:left;color:inherit;border:1px solid var(--border);background:0 0;flex-direction:column;padding:0;transition:border-color .2s;display:flex}.reference-fencing-slatted-fencing .trim-card:hover{border-color:var(--lime-ink)}.reference-fencing-slatted-fencing .trim-card-image{background:var(--card);aspect-ratio:1.35;width:100%;position:relative;overflow:hidden}.reference-fencing-slatted-fencing .trim-card-image img{object-fit:contain;width:100%;height:100%;transition:transform .4s}.reference-fencing-slatted-fencing .trim-card:hover img{transform:scale(1.035)}.reference-fencing-slatted-fencing .trim-card-number{color:currentColor;font-size:.75rem;position:absolute;top:14px;left:16px}.reference-fencing-slatted-fencing .trim-card-.reference-fencing-slatted-fencing{flex-direction:column;flex:1;align-items:flex-start;padding:22px 20px;display:flex}.reference-fencing-slatted-fencing .trim-card h3{letter-spacing:0;margin-bottom:8px;font-size:1.2rem;line-height:1.25}.reference-fencing-slatted-fencing .trim-card p{color:currentColor;margin-bottom:22px;font-size:.85rem}.reference-fencing-slatted-fencing .trim-view{border-bottom:1px solid;margin-top:auto;padding-bottom:3px;font-size:.82rem;font-weight:600;display:inline-block}.reference-fencing-slatted-fencing .trim-section-bottom{justify-content:space-between;align-items:center;gap:50px;margin-top:35px;display:flex}.reference-fencing-slatted-fencing .trim-section-bottom p{max-width:650px}.reference-fencing-slatted-fencing .trim-section-bottom .btn{flex-shrink:0}.reference-fencing-slatted-fencing #trim-dialog{max-width:min(1100px,94vw)}.reference-fencing-slatted-fencing .trim-dialog-grid{grid-template-columns:1.2fr 1fr;min-height:480px;display:grid}.reference-fencing-slatted-fencing .trim-dialog-image{background:var(--card);justify-content:center;align-items:center;min-width:0;padding:25px;display:flex}.reference-fencing-slatted-fencing .trim-dialog-image img{object-fit:contain;width:100%;max-height:65dvh}.reference-fencing-slatted-fencing .trim-dialog-.reference-fencing-slatted-fencing{flex-direction:column;align-items:flex-start;padding:62px 40px 45px;display:flex}.reference-fencing-slatted-fencing .trim-dialog-.reference-fencing-slatted-fencing h2{margin-bottom:24px;font-size:2.5rem}.reference-fencing-slatted-fencing .trim-dialog-.reference-fencing-slatted-fencing>.trim-finish{margin-bottom:25px}.reference-fencing-slatted-fencing .trim-dialog-.reference-fencing-slatted-fencing #trim-dialog-description{margin-bottom:22px;font-size:1.02rem}.reference-fencing-slatted-fencing .trim-dialog-.reference-fencing-slatted-fencing>.btn{margin-top:30px}.reference-fencing-slatted-fencing .trim-dialog-.reference-fencing-slatted-fencing>.eyebrow{margin-bottom:17px}@media (width<=1100px){.reference-fencing-slatted-fencing .trim-grid{gap:18px}.reference-fencing-slatted-fencing .trim-card-.reference-fencing-slatted-fencing{padding:20px 15px}.reference-fencing-slatted-fencing .trim-card h3{font-size:1.08rem}}@media (width<=950px){.reference-fencing-slatted-fencing .page-nav .jump-links{display:none}.reference-fencing-slatted-fencing .trim-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-fencing-slatted-fencing .trim-dialog-grid{grid-template-columns:1fr}.reference-fencing-slatted-fencing .trim-dialog-image{padding:10px 35px}.reference-fencing-slatted-fencing .trim-dialog-image img{height:38dvh}.reference-fencing-slatted-fencing .trim-dialog-.reference-fencing-slatted-fencing{padding:30px 35px 40px}.reference-fencing-slatted-fencing .trim-dialog-.reference-fencing-slatted-fencing h2{margin-bottom:20px}.reference-fencing-slatted-fencing .trim-section-bottom{gap:25px}}@media (width<=520px){.reference-fencing-slatted-fencing .trim-grid{gap:18px 12px}.reference-fencing-slatted-fencing .trim-card-.reference-fencing-slatted-fencing{padding:16px 13px}.reference-fencing-slatted-fencing .trim-card h3{font-size:1rem;line-height:1.3}.reference-fencing-slatted-fencing .trim-card p{margin-bottom:18px;font-size:.8rem}.reference-fencing-slatted-fencing .trim-card-image{aspect-ratio:1.05}.reference-fencing-slatted-fencing .trim-card-number{top:10px;left:10px}.reference-fencing-slatted-fencing .trim-card-image img{transform:scale(1.12)}.reference-fencing-slatted-fencing .trim-card:hover img{transform:scale(1.16)}.reference-fencing-slatted-fencing .trim-section-meta{align-items:flex-start;gap:20px}.reference-fencing-slatted-fencing .trim-section-meta>p{text-align:right;max-width:150px;font-size:.8rem}.reference-fencing-slatted-fencing .trim-section-bottom{flex-direction:column;align-items:flex-start;gap:23px}.reference-fencing-slatted-fencing .trim-dialog-.reference-fencing-slatted-fencing{padding:25px}.reference-fencing-slatted-fencing .trim-dialog-.reference-fencing-slatted-fencing h2{font-size:2.15rem}.reference-fencing-slatted-fencing .trim-dialog-image{padding:20px}.reference-fencing-slatted-fencing .trim-dialog-image img{height:31dvh}.reference-fencing-slatted-fencing .trim-dialog-.reference-fencing-slatted-fencing>.btn{width:100%}}.reference-fencing-slatted-fencing .material-story .intro-grid{grid-template-columns:1.25fr 1fr;align-items:center;gap:70px}.reference-fencing-slatted-fencing .material-story .intro-grid h2{max-width:690px;font-size:3.7rem;line-height:1.1}.reference-fencing-slatted-fencing .material-story .intro-grid h2 span{color:var(--lime-ink)}.reference-fencing-slatted-fencing .material-story .intro-grid .lead{max-width:440px;padding-top:22px}.reference-fencing-slatted-fencing .material-story .lead strong{font-weight:inherit;color:var(--ink)}.reference-fencing-slatted-fencing .material-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);align-items:stretch;gap:60px;margin-top:48px;display:grid}.reference-fencing-slatted-fencing .core-card{background:var(--secondary);border-top:3px solid var(--lime-ink);padding:34px 36px 30px}.reference-fencing-slatted-fencing .core-card .eyebrow{letter-spacing:0;margin-bottom:18px;font-size:.8rem}.reference-fencing-slatted-fencing .core-card h3{letter-spacing:0;font-size:1.95rem;line-height:1.15}.reference-fencing-slatted-fencing .core-composition{margin:25px 0 23px}.reference-fencing-slatted-fencing .core-composition>div{border-bottom:1px solid var(--secondary);grid-template-columns:96px minmax(0,1fr);align-items:center;gap:15px;padding:14px 0;display:grid}.reference-fencing-slatted-fencing .core-composition>div:first-child{border-top:1px solid var(--secondary)}.reference-fencing-slatted-fencing .core-composition dt{color:var(--foreground);grid-area:1/2;font-size:.95rem;line-height:1.45}.reference-fencing-slatted-fencing .core-composition dd{letter-spacing:0;color:var(--foreground);font-variant-numeric:tabular-nums;grid-area:1/1;margin:0;font-size:2.55rem;font-weight:500;line-height:1}.reference-fencing-slatted-fencing .core-composition dd span{letter-spacing:0;margin-left:3px;font-size:1.2rem}.reference-fencing-slatted-fencing .core-note{color:var(--foreground);font-size:1rem;line-height:1.6}.reference-fencing-slatted-fencing .material-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 42px;display:grid}.reference-fencing-slatted-fencing .material-benefit{border-bottom:1px solid var(--border);padding:12px 0 30px}.reference-fencing-slatted-fencing .material-benefit:nth-child(n+3){border-bottom:0;padding-top:28px;padding-bottom:4px}.reference-fencing-slatted-fencing .material-icon{width:42px;height:42px;color:var(--lime-ink);justify-content:center;align-items:center;margin-bottom:20px;display:flex}.reference-fencing-slatted-fencing .material-icon svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:34px;height:34px}.reference-fencing-slatted-fencing .material-benefit h3{letter-spacing:0;margin-bottom:13px;font-size:1.45rem;line-height:1.2}.reference-fencing-slatted-fencing .material-benefit p{color:currentColor;font-size:1rem;line-height:1.65}@media (width<=1100px){.reference-fencing-slatted-fencing .material-story .intro-grid{gap:40px}.reference-fencing-slatted-fencing .material-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:35px}.reference-fencing-slatted-fencing .core-card{padding:30px 26px}.reference-fencing-slatted-fencing .core-composition>div{grid-template-columns:80px minmax(0,1fr);gap:10px}.reference-fencing-slatted-fencing .material-benefits{gap:0 28px}.reference-fencing-slatted-fencing .material-benefit h3{font-size:1.3rem}}@media (width<=800px){.reference-fencing-slatted-fencing .material-story .intro-grid{grid-template-columns:1fr;gap:22px}.reference-fencing-slatted-fencing .material-story .intro-grid .lead{max-width:600px;padding-top:0}.reference-fencing-slatted-fencing .material-layout{grid-template-columns:1fr;gap:30px;margin-top:35px}.reference-fencing-slatted-fencing .core-card{padding:30px}.reference-fencing-slatted-fencing .core-composition{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:25px 0 20px;display:grid}.reference-fencing-slatted-fencing .core-composition>div{border-top:1px solid var(--secondary);flex-direction:column;align-items:flex-start;gap:12px;padding:18px 0;display:flex}.reference-fencing-slatted-fencing .core-composition dd{order:-1}.reference-fencing-slatted-fencing .core-composition dt{font-size:.95rem}.reference-fencing-slatted-fencing .core-note{max-width:550px}.reference-fencing-slatted-fencing .material-benefits{gap:0 35px}.reference-fencing-slatted-fencing .material-benefit{padding-top:15px}.reference-fencing-slatted-fencing .material-benefit h3{font-size:1.45rem}}@media (width<=520px){.reference-fencing-slatted-fencing .material-story .intro-grid h2{font-size:2.55rem}.reference-fencing-slatted-fencing .core-card{padding:27px 25px}.reference-fencing-slatted-fencing .core-card h3{font-size:1.85rem}.reference-fencing-slatted-fencing .core-composition{margin:23px 0 20px;display:block}.reference-fencing-slatted-fencing .core-composition>div{border-top:0;grid-template-columns:82px minmax(0,1fr);gap:14px;padding:15px 0;display:grid}.reference-fencing-slatted-fencing .core-composition dd{font-size:2.4rem}.reference-fencing-slatted-fencing .core-composition dt{font-size:1rem}.reference-fencing-slatted-fencing .material-benefits{grid-template-columns:1fr;gap:0}.reference-fencing-slatted-fencing .material-benefit,.reference-fencing-slatted-fencing .material-benefit:nth-child(n+3){border-bottom:1px solid var(--border);grid-template-columns:36px minmax(0,1fr);column-gap:18px;padding:25px 0;display:grid}.reference-fencing-slatted-fencing .material-benefit:last-child{border-bottom:0;padding-bottom:0}.reference-fencing-slatted-fencing .material-icon{grid-area:1/1;width:36px;height:32px;margin:0}.reference-fencing-slatted-fencing .material-icon svg{width:30px;height:30px}.reference-fencing-slatted-fencing .material-benefit h3{grid-area:1/2;margin:2px 0 12px;font-size:1.4rem}.reference-fencing-slatted-fencing .material-benefit p{grid-column:2;font-size:1rem}}.reference-fencing-slatted-fencing .buying-section{background:var(--secondary);border-top:1px solid var(--border)}.reference-fencing-slatted-fencing .buying-section .section-head{align-items:center}.reference-fencing-slatted-fencing .buying-section .section-head .lead{max-width:430px}.reference-fencing-slatted-fencing .buying-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.reference-fencing-slatted-fencing .buying-option{background:var(--background);border:1px solid var(--border);grid-template-columns:54px minmax(0,1fr);gap:24px;padding:36px;transition:border-color .2s,background .2s;display:grid}.reference-fencing-slatted-fencing .buying-option:hover{border-color:var(--lime-ink);background:var(--card)}.reference-fencing-slatted-fencing .buying-icon{color:var(--lime-ink);background:var(--secondary);justify-content:center;align-items:center;width:54px;height:54px;display:flex}.reference-fencing-slatted-fencing .buying-icon svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:38px;height:38px}.reference-fencing-slatted-fencing .buying-option h3{letter-spacing:0;margin:2px 0 14px;font-size:1.7rem;line-height:1.2}.reference-fencing-slatted-fencing .buying-option p{color:currentColor;max-width:370px;font-size:1rem;line-height:1.65}.reference-fencing-slatted-fencing .buying-link{border-top:1px solid var(--border);color:var(--lime-ink);justify-content:space-between;align-items:center;gap:20px;margin-top:27px;padding-top:18px;font-size:.95rem;font-weight:600;display:flex}.reference-fencing-slatted-fencing .buying-link>span{font-size:1.3rem;line-height:1}.reference-fencing-slatted-fencing .buying-help{justify-content:space-between;align-items:center;gap:35px;margin-top:32px;display:flex}.reference-fencing-slatted-fencing .buying-help h3{letter-spacing:0;margin-bottom:5px;font-size:1.15rem;line-height:1.35}.reference-fencing-slatted-fencing .buying-help p{color:currentColor;font-size:1rem}.reference-fencing-slatted-fencing .buying-help .btn{flex-shrink:0}.reference-fencing-slatted-fencing .professionals-section{background:var(--foreground);color:var(--background)}.reference-fencing-slatted-fencing .professionals-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:80px;display:grid}.reference-fencing-slatted-fencing .professionals-copy .eyebrow{color:var(--accent)}.reference-fencing-slatted-fencing .professionals-copy h2{max-width:530px;margin-bottom:24px}.reference-fencing-slatted-fencing .professionals-copy .lead{color:var(--ink-foreground);max-width:460px}.reference-fencing-slatted-fencing .professional-links{border-top:1px solid var(--fencing-overlay);margin-top:31px}.reference-fencing-slatted-fencing .professional-links>a{border-bottom:1px solid var(--fencing-overlay);justify-content:space-between;align-items:center;gap:20px;padding:23px 0;display:flex}.reference-fencing-slatted-fencing .professional-links h3{letter-spacing:0;margin-bottom:8px;font-size:1.35rem;line-height:1.25}.reference-fencing-slatted-fencing .professional-links p{color:var(--ink-foreground);max-width:380px;font-size:1rem;line-height:1.55}.reference-fencing-slatted-fencing .professional-links>a>span{color:var(--accent);flex-shrink:0;font-size:1.6rem;line-height:1}.reference-fencing-slatted-fencing .professional-links>a:hover h3{color:var(--accent)}.reference-fencing-slatted-fencing .professional-inspiration{border-bottom:1px solid var(--secondary);align-items:center;gap:20px;margin-top:25px;padding:7px 0;font-size:.95rem;font-weight:600;display:inline-flex}.reference-fencing-slatted-fencing .professional-inspiration>span{color:var(--accent)}.reference-fencing-slatted-fencing .professionals-image{min-width:0;position:relative}.reference-fencing-slatted-fencing .professionals-image>img{object-fit:cover;object-position:center;width:100%;height:510px}.reference-fencing-slatted-fencing .professionals-image figcaption{color:var(--ink-foreground);flex-wrap:wrap;justify-content:space-between;gap:5px 15px;margin-top:14px;font-size:.875rem;line-height:1.45;display:flex}.reference-fencing-slatted-fencing .professionals-image small{color:var(--ink-foreground);font-size:.8rem}@media (width<=1100px){.reference-fencing-slatted-fencing .buying-option{grid-template-columns:46px minmax(0,1fr);gap:20px;padding:30px}.reference-fencing-slatted-fencing .buying-icon{width:46px;height:46px}.reference-fencing-slatted-fencing .buying-icon svg{width:32px;height:32px}.reference-fencing-slatted-fencing .buying-option h3{font-size:1.5rem}.reference-fencing-slatted-fencing .professionals-layout{gap:45px}.reference-fencing-slatted-fencing .professionals-image>img{height:520px}}@media (width<=800px){.reference-fencing-slatted-fencing .buying-section .section-head{align-items:flex-start}.reference-fencing-slatted-fencing .buying-section .section-head .lead{max-width:600px}.reference-fencing-slatted-fencing .buying-options{grid-template-columns:1fr;gap:20px}.reference-fencing-slatted-fencing .buying-option{grid-template-columns:54px minmax(0,1fr);gap:25px}.reference-fencing-slatted-fencing .buying-option p{max-width:550px}.reference-fencing-slatted-fencing .buying-icon{width:54px;height:54px}.reference-fencing-slatted-fencing .buying-icon svg{width:38px;height:38px}.reference-fencing-slatted-fencing .buying-option h3{font-size:1.7rem}.reference-fencing-slatted-fencing .professionals-layout{grid-template-columns:1fr;gap:38px}.reference-fencing-slatted-fencing .professionals-copy h2{max-width:620px}.reference-fencing-slatted-fencing .professionals-copy .lead,.reference-fencing-slatted-fencing .professional-links p{max-width:600px}.reference-fencing-slatted-fencing .professionals-image>img{aspect-ratio:1.5;height:auto}.reference-fencing-slatted-fencing .professionals-image figcaption{margin-top:12px}}@media (width<=520px){.reference-fencing-slatted-fencing .buying-option{grid-template-columns:1fr;gap:21px;padding:26px}.reference-fencing-slatted-fencing .buying-option h3{font-size:1.55rem}.reference-fencing-slatted-fencing .buying-option p{font-size:1rem}.reference-fencing-slatted-fencing .buying-link{margin-top:23px;padding-top:17px}.reference-fencing-slatted-fencing .buying-help{flex-direction:column;align-items:flex-start;gap:22px;margin-top:28px}.reference-fencing-slatted-fencing .buying-help h3{font-size:1.1rem}.reference-fencing-slatted-fencing .buying-help p{font-size:1rem}.reference-fencing-slatted-fencing .professionals-copy h2{font-size:2.65rem}.reference-fencing-slatted-fencing .professional-links{margin-top:26px}.reference-fencing-slatted-fencing .professional-links>a{padding:22px 0}.reference-fencing-slatted-fencing .professional-links h3{font-size:1.3rem}.reference-fencing-slatted-fencing .professional-links p{font-size:1rem}.reference-fencing-slatted-fencing .professional-inspiration{font-size:.9rem}.reference-fencing-slatted-fencing .professionals-image>img{aspect-ratio:1.15}.reference-fencing-slatted-fencing .professionals-image figcaption{flex-direction:column;font-size:.875rem}}.reference-fencing-slatted-fencing .journal-section{background:var(--background)}.reference-fencing-slatted-fencing .journal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;display:grid}.reference-fencing-slatted-fencing .journal-card{color:var(--ink);text-align:left;background:0 0;flex-direction:column;min-width:0;padding:0;display:flex}.reference-fencing-slatted-fencing .journal-card-image{aspect-ratio:1.4;background:var(--secondary);width:100%;position:relative;overflow:hidden}.reference-fencing-slatted-fencing .journal-card-image>img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.reference-fencing-slatted-fencing .journal-card:hover .journal-card-image>img{transform:scale(1.035)}.reference-fencing-slatted-fencing .journal-image-note{background:var(--fencing-overlay);color:var(--foreground);padding:4px 8px;font-size:.75rem;line-height:1.35;position:absolute;bottom:12px;left:14px}.reference-fencing-slatted-fencing .journal-card-copy{flex-direction:column;flex:1;align-items:flex-start;width:100%;padding:25px 0 0;display:flex}.reference-fencing-slatted-fencing .journal-category{text-transform:uppercase;letter-spacing:0;color:var(--lime-ink);font-size:.8rem;font-weight:600;line-height:1.5}.reference-fencing-slatted-fencing .journal-card h3{letter-spacing:0;margin:12px 0 14px;font-size:1.65rem;line-height:1.18}.reference-fencing-slatted-fencing .journal-card p{color:currentColor;margin-bottom:24px;font-size:1rem;line-height:1.6}.reference-fencing-slatted-fencing .journal-read{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;width:100%;margin-top:auto;padding-top:17px;font-size:.9rem;font-weight:600;display:flex}.reference-fencing-slatted-fencing .journal-read>span{color:var(--lime-ink);font-size:1.35rem}.reference-fencing-slatted-fencing .journal-card:hover .journal-read{color:var(--lime-ink)}.reference-fencing-slatted-fencing #article-dialog{max-width:min(900px,94vw)}.reference-fencing-slatted-fencing .article-image{object-fit:cover;width:100%;height:310px;max-height:40dvh}.reference-fencing-slatted-fencing .article-.reference-fencing-slatted-fencing{padding:38px 55px 45px}.reference-fencing-slatted-fencing .article-.reference-fencing-slatted-fencing h2{max-width:680px;margin:12px 0 15px;font-size:3rem;line-height:1.13}.reference-fencing-slatted-fencing .article-image-caption{color:currentColor;margin-bottom:30px;font-size:.8rem}.reference-fencing-slatted-fencing .article-content{max-width:680px}.reference-fencing-slatted-fencing .article-content p{color:var(--foreground);margin-bottom:20px;font-size:1.05rem;line-height:1.8}.reference-fencing-slatted-fencing .article-content h3{letter-spacing:0;margin:27px 0 12px;font-size:1.4rem;line-height:1.3}.reference-fencing-slatted-fencing .article-.reference-fencing-slatted-fencing>.btn{margin-top:14px}.reference-fencing-slatted-fencing .newsletter-section{background:var(--foreground);color:var(--background);border-bottom:1px solid var(--fencing-overlay);padding:76px 0}.reference-fencing-slatted-fencing .newsletter-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:85px;display:grid}.reference-fencing-slatted-fencing .newsletter-section .eyebrow{color:var(--accent)}.reference-fencing-slatted-fencing .newsletter-section h2{margin-bottom:22px;font-size:3.4rem;line-height:1.1}.reference-fencing-slatted-fencing .newsletter-section .lead{color:var(--ink-foreground);max-width:430px}.reference-fencing-slatted-fencing .newsletter-email-label{margin-bottom:12px;font-size:1rem;font-weight:500;display:block}.reference-fencing-slatted-fencing .newsletter-entry{align-items:stretch;gap:0;display:flex}.reference-fencing-slatted-fencing .newsletter-entry input{border:1px solid var(--secondary);background:var(--card);width:100%;min-width:0;color:var(--ink);border-radius:0;min-height:56px;padding:16px 18px;font-size:1rem}.reference-fencing-slatted-fencing .newsletter-entry input::placeholder{color:var(--foreground)}.reference-fencing-slatted-fencing .newsletter-entry .btn{white-space:nowrap;flex-shrink:0;gap:14px;padding:16px 20px}.reference-fencing-slatted-fencing .newsletter-entry .btn>span{font-size:1.2rem;line-height:1}.reference-fencing-slatted-fencing .newsletter-consent{color:var(--ink-foreground);cursor:pointer;align-items:flex-start;gap:12px;margin-top:20px;font-size:.9rem;line-height:1.6;display:flex}.reference-fencing-slatted-fencing .newsletter-consent input{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0;margin:3px 0 0}.reference-fencing-slatted-fencing .newsletter-form input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.reference-fencing-slatted-fencing .newsletter-note{color:var(--ink-foreground);max-width:520px;margin-top:15px;font-size:.875rem;line-height:1.6}.reference-fencing-slatted-fencing .newsletter-status{color:var(--ink-foreground);border-left:3px solid var(--accent);background:var(--fencing-overlay);margin-top:20px;padding:16px 18px;font-size:.95rem;line-height:1.6}.reference-fencing-slatted-fencing .newsletter-status a{color:var(--accent);text-underline-offset:3px;margin-top:5px;text-decoration:underline;display:inline-block}@media (width<=1100px){.reference-fencing-slatted-fencing .journal-grid{gap:24px}.reference-fencing-slatted-fencing .journal-card h3{font-size:1.5rem}.reference-fencing-slatted-fencing .newsletter-layout{gap:48px}.reference-fencing-slatted-fencing .newsletter-entry .btn{gap:10px;padding:16px 15px;font-size:.8rem}}@media (width<=800px){.reference-fencing-slatted-fencing .journal-grid{grid-template-columns:1fr;gap:32px}.reference-fencing-slatted-fencing .journal-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;display:grid}.reference-fencing-slatted-fencing .journal-card-image{aspect-ratio:1.2;height:100%;min-height:245px}.reference-fencing-slatted-fencing .journal-card-copy{padding:0}.reference-fencing-slatted-fencing .journal-card h3{font-size:1.6rem}.reference-fencing-slatted-fencing .newsletter-layout{grid-template-columns:1fr;gap:32px}.reference-fencing-slatted-fencing .newsletter-section .lead{max-width:550px}.reference-fencing-slatted-fencing .newsletter-entry .btn{padding:16px 23px;font-size:.85rem}.reference-fencing-slatted-fencing .article-.reference-fencing-slatted-fencing{padding:32px 35px 40px}}@media (width<=520px){.reference-fencing-slatted-fencing .journal-grid{gap:36px}.reference-fencing-slatted-fencing .journal-card{gap:0;display:flex}.reference-fencing-slatted-fencing .journal-card-image{aspect-ratio:1.4;height:auto;min-height:0}.reference-fencing-slatted-fencing .journal-card-copy{padding-top:22px}.reference-fencing-slatted-fencing .journal-card h3{font-size:1.6rem}.reference-fencing-slatted-fencing .journal-card p{margin-bottom:20px}.reference-fencing-slatted-fencing .article-image{height:210px;max-height:30dvh}.reference-fencing-slatted-fencing .article-.reference-fencing-slatted-fencing{padding:28px 25px 32px}.reference-fencing-slatted-fencing .article-.reference-fencing-slatted-fencing h2{font-size:2rem}.reference-fencing-slatted-fencing .article-content p{font-size:1rem;line-height:1.75}.reference-fencing-slatted-fencing .article-content h3{font-size:1.3rem}.reference-fencing-slatted-fencing .newsletter-section{padding:60px 0}.reference-fencing-slatted-fencing .newsletter-section h2{font-size:2.6rem}.reference-fencing-slatted-fencing .newsletter-entry{flex-direction:column;gap:12px}.reference-fencing-slatted-fencing .newsletter-entry .btn{width:100%;min-height:52px}.reference-fencing-slatted-fencing .newsletter-consent{font-size:.9rem}.reference-fencing-slatted-fencing .newsletter-note{font-size:.875rem}}.reference-fencing-slatted-fencing .siding-download-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.reference-fencing-slatted-fencing .siding-download-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-fencing-slatted-fencing .siding-download-card{background:var(--secondary);border:1px solid var(--border);flex-direction:column;align-items:flex-start;min-width:0;padding:32px;display:flex}.reference-fencing-slatted-fencing .siding-download-type{letter-spacing:0;color:var(--lime-ink);margin-bottom:24px;font-size:.72rem;font-weight:700}.reference-fencing-slatted-fencing .siding-download-card h3{margin-bottom:18px;font-size:1.8rem;line-height:1.15}.reference-fencing-slatted-fencing .siding-download-card p{color:currentColor;margin-bottom:26px;font-size:.95rem}.reference-fencing-slatted-fencing .siding-download-meta{color:currentColor;margin-top:auto;margin-bottom:16px;font-size:.8rem}.reference-fencing-slatted-fencing .siding-download-card .btn{gap:18px}.reference-fencing-slatted-fencing .siding-spec-downloads{flex-direction:column;align-items:flex-start;gap:14px;margin-top:25px;display:flex}@media (width<=1100px) and (width>=801px){.reference-fencing-slatted-fencing .siding-page-nav .wrap{flex-wrap:wrap;gap:0}.reference-fencing-slatted-fencing .siding-page-nav .page-tabs,.reference-fencing-slatted-fencing .siding-page-nav .jump-links{justify-content:center;width:100%}.reference-fencing-slatted-fencing .siding-page-nav .jump-links{flex-wrap:wrap;padding:0 0 14px}.reference-fencing-slatted-fencing .siding-download-card{padding:25px}}@media (width<=800px){.reference-fencing-slatted-fencing .siding-download-grid,.reference-fencing-slatted-fencing .siding-download-grid-four{grid-template-columns:1fr}.reference-fencing-slatted-fencing .siding-download-card{padding:28px}.reference-fencing-slatted-fencing .siding-download-card h3{font-size:1.7rem}}.reference-fencing-slatted-fencing{background:var(--card)}.reference-fencing-slatted-fencing .page-nav{background:var(--fencing-overlay)}.reference-fencing-slatted-fencing .hero{min-height:730px}.reference-fencing-slatted-fencing .hero-img{object-position:60% 51%}.reference-fencing-slatted-fencing .fence-overview-hero .hero-img{object-position:center top;filter:none}.reference-fencing-slatted-fencing .hero:after{background:linear-gradient(90deg,var(--fencing-hero-overlay) 0%,var(--fencing-hero-overlay) 48%,var(--fencing-hero-overlay) 100%),linear-gradient(0deg,var(--fencing-hero-overlay),transparent 70%)}.reference-fencing-slatted-fencing .hero.fence-overview-hero:after{background:linear-gradient(90deg,var(--fencing-hero-overlay),var(--fencing-hero-overlay) 50%,var(--fencing-hero-overlay) 80%),linear-gradient(0deg,var(--fencing-hero-overlay),transparent 45%)}.reference-fencing-slatted-fencing .fence-overview-hero h1,.reference-fencing-slatted-fencing .fence-overview-hero .hero-content>p{text-shadow:0 2px 10px var(--fencing-overlay)}@media (width<=800px){.reference-fencing-slatted-fencing .hero.fence-overview-hero:after{background:linear-gradient(90deg,var(--fencing-hero-overlay),var(--fencing-hero-overlay))}}.reference-fencing-slatted-fencing .hero h1{max-width:880px;font-size:6.1rem}.reference-fencing-slatted-fencing .hero p:not(.eyebrow){max-width:525px}.reference-fencing-slatted-fencing .hero-caption{background:var(--fencing-overlay);align-items:center;gap:10px;padding:8px 12px;display:flex}.reference-fencing-slatted-fencing .hero-caption:before{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px;display:block}.reference-fencing-slatted-fencing .fence-nav-label{white-space:nowrap;font-size:.85rem;font-weight:700}.reference-fencing-slatted-fencing .collection-section{background:var(--card);padding-top:85px}.reference-fencing-slatted-fencing .collection-grid{grid-template-columns:1fr 1fr;gap:28px;display:grid}.reference-fencing-slatted-fencing .collection-card{background:var(--background);border:1px solid var(--border);min-width:0}.reference-fencing-slatted-fencing .collection-card.supreme{border-top:3px solid var(--lime-ink)}.reference-fencing-slatted-fencing .collection-card.classic{border-top:3px solid var(--ink)}.reference-fencing-slatted-fencing .collection-photo{background:var(--secondary);aspect-ratio:1.5;text-align:left;width:100%;padding:0;display:block;position:relative;overflow:hidden}.reference-fencing-slatted-fencing .collection-photo>img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.reference-fencing-slatted-fencing .collection-photo:hover>img{transform:scale(1.035)}.reference-fencing-slatted-fencing .collection-badge{background:var(--background);color:var(--ink);padding:6px 12px;font-size:.75rem;position:absolute;top:20px;left:20px}.reference-fencing-slatted-fencing .collection-photo-link{background:var(--fencing-overlay);color:var(--card);padding:6px 12px;font-size:.75rem;position:absolute;bottom:18px;right:18px}.reference-fencing-slatted-fencing .collection-copy{padding:35px}.reference-fencing-slatted-fencing .collection-copy .eyebrow{margin-bottom:12px;font-size:.7rem}.reference-fencing-slatted-fencing .collection-copy h3{margin-bottom:22px;font-size:3.3rem}.reference-fencing-slatted-fencing .collection-headline{margin-bottom:12px;font-size:1.16rem;font-weight:600}.reference-fencing-slatted-fencing .collection-description{color:currentColor;min-height:100px;font-size:.97rem}.reference-fencing-slatted-fencing .collection-copy ul{margin:26px 0 30px;padding:0;list-style:none}.reference-fencing-slatted-fencing .collection-copy li{border-top:1px solid var(--border);padding:12px 0 12px 23px;font-size:.85rem;position:relative}.reference-fencing-slatted-fencing .collection-copy li:before{content:"✓";color:var(--lime-ink);position:absolute;left:0}.reference-fencing-slatted-fencing .collection-copy .actions{align-items:center;gap:15px 22px}.reference-fencing-slatted-fencing .collection-copy .btn{padding:14px 18px;font-size:.74rem}.reference-fencing-slatted-fencing .collection-copy .text-link{font-size:.77rem}.reference-fencing-slatted-fencing .collection-caption{color:currentColor;margin-top:26px;font-size:.73rem}.reference-fencing-slatted-fencing .collection-comparison{margin-top:60px}.reference-fencing-slatted-fencing .collection-comparison h3{margin-bottom:27px;font-size:2rem}.reference-fencing-slatted-fencing .collection-table-scroll{overflow-x:auto}.reference-fencing-slatted-fencing .collection-table-scroll table{border-collapse:collapse;text-align:left;table-layout:fixed;width:100%;font-size:.92rem}.reference-fencing-slatted-fencing .collection-table-scroll th,.reference-fencing-slatted-fencing .collection-table-scroll td{vertical-align:top;border-bottom:1px solid var(--border);padding:19px 22px}.reference-fencing-slatted-fencing .collection-table-scroll th:first-child{width:24%;padding-left:0}.reference-fencing-slatted-fencing .collection-table-scroll thead th{border-top:1px solid var(--border);font-size:1.2rem;font-weight:600}.reference-fencing-slatted-fencing .collection-table-scroll thead th:first-child{color:currentColor;vertical-align:middle;font-size:.8rem}.reference-fencing-slatted-fencing .collection-table-scroll tbody th{font-weight:500}.reference-fencing-slatted-fencing .collection-table-scroll td{color:currentColor}.reference-fencing-slatted-fencing .collection-table-scroll th:nth-child(2),.reference-fencing-slatted-fencing .collection-table-scroll td:nth-child(2){background:var(--secondary)}.reference-fencing-slatted-fencing .collection-shared{justify-content:space-between;align-items:center;gap:30px;padding:27px 0;display:flex}.reference-fencing-slatted-fencing .collection-shared p{color:currentColor;font-size:.88rem}.reference-fencing-slatted-fencing .collection-shared strong{color:var(--ink);margin-bottom:6px;font-weight:600;display:block}.reference-fencing-slatted-fencing .collection-shared a{flex-shrink:0;font-size:.8rem}.reference-fencing-slatted-fencing .collection-footnote{max-width:850px;font-size:.78rem}@media (width<=1100px){.reference-fencing-slatted-fencing .collection-copy{padding:28px}.reference-fencing-slatted-fencing .collection-description{min-height:125px}.reference-fencing-slatted-fencing .fence-page-links{gap:22px}}@media (width<=800px){.reference-fencing-slatted-fencing .collection-grid{grid-template-columns:1fr;gap:30px}.reference-fencing-slatted-fencing .collection-description{min-height:0}.reference-fencing-slatted-fencing .collection-copy{padding:32px}.reference-fencing-slatted-fencing .collection-photo{aspect-ratio:1.6}.reference-fencing-slatted-fencing .collection-copy h3{font-size:2.8rem}.reference-fencing-slatted-fencing .collection-shared{flex-direction:column;align-items:start;gap:17px}.reference-fencing-slatted-fencing .collection-table-scroll th,.reference-fencing-slatted-fencing .collection-table-scroll td{padding:16px}.reference-fencing-slatted-fencing .fence-page-links{justify-content:flex-start;gap:25px}}@media (width<=520px){.reference-fencing-slatted-fencing .collection-section{padding-top:60px}.reference-fencing-slatted-fencing .collection-copy{padding:27px 22px}.reference-fencing-slatted-fencing .collection-photo{aspect-ratio:1.25}.reference-fencing-slatted-fencing .collection-badge{font-size:.7rem;top:13px;left:13px}.reference-fencing-slatted-fencing .collection-photo-link{font-size:.7rem;bottom:12px;right:12px}.reference-fencing-slatted-fencing .collection-headline{font-size:1.03rem}.reference-fencing-slatted-fencing .collection-description{font-size:.91rem}.reference-fencing-slatted-fencing .collection-copy li{font-size:.8rem}.reference-fencing-slatted-fencing .collection-comparison{margin-top:40px}.reference-fencing-slatted-fencing .collection-comparison h3{font-size:1.8rem}.reference-fencing-slatted-fencing .collection-table-scroll table{font-size:.77rem}.reference-fencing-slatted-fencing .collection-table-scroll th,.reference-fencing-slatted-fencing .collection-table-scroll td{overflow-wrap:anywhere;padding:14px 9px}.reference-fencing-slatted-fencing .collection-table-scroll th:first-child{width:25%}.reference-fencing-slatted-fencing .collection-table-scroll thead th{font-size:1rem}.reference-fencing-slatted-fencing .collection-table-scroll thead th:first-child{font-size:.72rem}.reference-fencing-slatted-fencing .collection-caption{font-size:.68rem}}.reference-fencing-slatted-fencing .fence-page-links{scrollbar-width:none;gap:32px;font-size:.88rem;display:flex;overflow-x:auto}.reference-fencing-slatted-fencing .fence-page-links a{white-space:nowrap;padding:20px 0}.reference-fencing-slatted-fencing .fence-page-links a:hover{color:var(--lime-ink)}.reference-fencing-slatted-fencing .fence-intro-stats{border-top:1px solid var(--border);gap:34px;margin-top:28px;padding-top:22px;display:flex}.reference-fencing-slatted-fencing .fence-intro-stats strong{letter-spacing:0;font-size:2.4rem;font-weight:500;line-height:1.05;display:block}.reference-fencing-slatted-fencing .fence-intro-stats span{color:currentColor;margin-top:7px;font-size:.8rem;display:block}.reference-fencing-slatted-fencing .fence-benefits{border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);margin-top:55px;display:grid}.reference-fencing-slatted-fencing .fence-benefit{padding:27px 32px 0 0}.reference-fencing-slatted-fencing .fence-benefit:not(:first-child){border-left:1px solid var(--border);padding-left:32px}.reference-fencing-slatted-fencing .fence-benefit>span{color:var(--lime-ink);font-size:.8rem}.reference-fencing-slatted-fencing .fence-benefit h3{letter-spacing:0;margin:15px 0 12px;font-size:1.35rem}.reference-fencing-slatted-fencing .fence-benefit p{color:currentColor;font-size:.94rem}.reference-fencing-slatted-fencing .fence-design-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.reference-fencing-slatted-fencing .fence-design{color:inherit;text-align:left;background:0 0;flex-direction:column;align-items:stretch;padding:0;display:flex}.reference-fencing-slatted-fencing .fence-design-img{aspect-ratio:1.08;background:var(--card);display:block;position:relative;overflow:hidden}.reference-fencing-slatted-fencing .fence-design-img img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%;padding:30px 10px 13px;transition:transform .4s}.reference-fencing-slatted-fencing .fence-design:hover img{transform:scale(1.035)}.reference-fencing-slatted-fencing .fence-design-number{z-index:1;color:currentColor;font-size:.72rem;position:absolute;top:13px;left:14px}.reference-fencing-slatted-fencing .fence-design-name{letter-spacing:0;margin:23px 0 12px;font-size:1.65rem;line-height:1.2}.reference-fencing-slatted-fencing .fence-design-description{color:currentColor;flex:1;font-size:.9rem;line-height:1.6}.reference-fencing-slatted-fencing .fence-design-link{border-top:1px solid var(--secondary);justify-content:space-between;margin-top:21px;padding-top:13px;font-size:.82rem;font-weight:600;display:flex}.reference-fencing-slatted-fencing .fence-design-note{color:currentColor;margin-top:30px;font-size:.85rem}.reference-fencing-slatted-fencing .fence-colour-grid{grid-template-columns:1.18fr 1fr;align-items:start;gap:65px;display:grid}.reference-fencing-slatted-fencing .fence-colour-preview{background:var(--secondary);text-align:left;aspect-ratio:1.12;width:100%;color:inherit;padding:0;position:relative;overflow:hidden}.reference-fencing-slatted-fencing .fence-colour-preview>img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.reference-fencing-slatted-fencing .fence-colour-preview:hover>img{transform:scale(1.025)}.reference-fencing-slatted-fencing .fence-colour-preview.sample-only{cursor:default;padding:60px}.reference-fencing-slatted-fencing .fence-colour-preview.sample-only>img{object-fit:contain}.reference-fencing-slatted-fencing .fence-colour-caption{justify-content:space-between;gap:20px;margin-top:16px;font-size:.92rem;display:flex}.reference-fencing-slatted-fencing .fence-colour-caption small{color:currentColor;margin-top:3px;font-size:.79rem;display:block}.reference-fencing-slatted-fencing .fence-colour-caption>span:last-child{color:currentColor;text-align:right;font-size:.78rem}.reference-fencing-slatted-fencing .fence-colour-choice .eyebrow{margin-bottom:12px}.reference-fencing-slatted-fencing .fence-colour-choice h3{margin-bottom:14px;font-size:2.65rem}.reference-fencing-slatted-fencing .fence-colour-choice>.muted{min-height:52px;font-size:.96rem}.reference-fencing-slatted-fencing .fence-swatches{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 14px;margin:29px 0;display:grid}.reference-fencing-slatted-fencing .fence-swatch{color:inherit;text-align:left;background:0 0;padding:0}.reference-fencing-slatted-fencing .fence-swatch-image{aspect-ratio:1.3;margin-bottom:10px;display:block;position:relative}.reference-fencing-slatted-fencing .fence-swatch-image img{object-fit:cover;border:1px solid var(--fencing-overlay);width:100%;height:100%}.reference-fencing-slatted-fencing .fence-swatch[aria-pressed=true] .fence-swatch-image{outline:2px solid var(--lime-ink);outline-offset:4px}.reference-fencing-slatted-fencing .fence-swatch[aria-pressed=true] .fence-swatch-image:after{content:"✓";text-align:center;background:var(--background);width:21px;height:21px;color:var(--lime-ink);border-radius:50%;font-size:13px;font-weight:800;line-height:21px;position:absolute;bottom:5px;right:5px}.reference-fencing-slatted-fencing .fence-swatch-name{font-size:.76rem;line-height:1.2;display:block}.reference-fencing-slatted-fencing .fence-colour-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:24px;display:flex}.reference-fencing-slatted-fencing .fence-colour-actions .btn{padding:14px 17px;font-size:.76rem}.reference-fencing-slatted-fencing .fence-projects-section{background:var(--card)}.reference-fencing-slatted-fencing .fence-projects-section .section-head{margin-bottom:38px}.reference-fencing-slatted-fencing .project-filters{background:var(--background);border:1px solid var(--border);grid-template-columns:1fr 1fr 1.25fr auto;align-items:end;gap:22px;padding:24px;display:grid}.reference-fencing-slatted-fencing .project-filters label>span{color:currentColor;margin-bottom:8px;font-size:.76rem;font-weight:600;display:block}.reference-fencing-slatted-fencing .project-filters select,.reference-fencing-slatted-fencing .project-filters input{border:0;border-bottom:1px solid var(--border);width:100%;min-width:0;height:47px;color:var(--ink);background:0 0;border-radius:0;padding:8px 30px 8px 0;font-size:.98rem;display:block}.reference-fencing-slatted-fencing .project-filters input{padding-right:0}.reference-fencing-slatted-fencing .project-filters input:focus-visible{outline:2px solid var(--lime-ink);outline-offset:4px}.reference-fencing-slatted-fencing .reset-filters{color:var(--ink);text-underline-offset:4px;background:0 0;min-width:79px;min-height:47px;padding:12px 0;font-size:.8rem;text-decoration:underline}.reference-fencing-slatted-fencing .project-results-bar{justify-content:space-between;align-items:start;gap:25px;margin:24px 0 27px;font-size:.85rem;display:flex}.reference-fencing-slatted-fencing .project-results-bar>p:last-child{color:currentColor;text-align:right;font-size:.79rem}.reference-fencing-slatted-fencing .fence-project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:37px 24px;display:grid}.reference-fencing-slatted-fencing .fence-project-card{text-align:left;width:100%;height:100%;color:inherit;background:0 0;flex-direction:column;padding:0;display:flex}.reference-fencing-slatted-fencing .fence-project-photo{aspect-ratio:1.5;background:var(--secondary);width:100%;display:block;position:relative;overflow:hidden}.reference-fencing-slatted-fencing .fence-project-photo img{object-fit:cover;width:100%;height:100%;transition:transform .55s}.reference-fencing-slatted-fencing .fence-project-card:hover img{transform:scale(1.045)}.reference-fencing-slatted-fencing .project-photo-count{background:var(--fencing-overlay);padding:5px 9px;font-size:.71rem;line-height:1.4;position:absolute;bottom:12px;right:12px}.reference-fencing-slatted-fencing .fence-project-info{border-bottom:1px solid var(--secondary);flex:1;width:100%;padding:20px 0 23px;display:block}.reference-fencing-slatted-fencing .fence-project-name{letter-spacing:0;justify-content:space-between;gap:20px;margin-bottom:10px;font-size:1.58rem;line-height:1.2;display:flex}.reference-fencing-slatted-fencing .fence-project-name>span{color:var(--lime-ink);font-size:1.1rem;transition:transform .2s}.reference-fencing-slatted-fencing .fence-project-card:hover .fence-project-name>span{transform:translate(4px)}.reference-fencing-slatted-fencing .fence-project-colour{margin-bottom:5px;font-size:.9rem;display:block}.reference-fencing-slatted-fencing .fence-project-design{color:currentColor;font-size:.81rem;display:block}.reference-fencing-slatted-fencing .project-empty{text-align:center;border:1px solid var(--border);background:var(--background);grid-column:1/-1;padding:60px 30px}.reference-fencing-slatted-fencing .project-empty h3{margin-bottom:15px;font-size:2rem}.reference-fencing-slatted-fencing .project-empty p{color:currentColor;margin:0 auto 24px}.reference-fencing-slatted-fencing .project-empty .actions{justify-content:center}.reference-fencing-slatted-fencing .project-directory-note{color:currentColor;justify-content:space-between;align-items:center;gap:30px;margin-top:42px;font-size:.78rem;display:flex}.reference-fencing-slatted-fencing .project-directory-note a{white-space:nowrap;color:var(--ink)}.reference-fencing-slatted-fencing .fence-system{background:var(--foreground);color:#fff}.reference-fencing-slatted-fencing .fence-system .eyebrow{color:var(--accent)}.reference-fencing-slatted-fencing .fence-system .lead{color:var(--ink-foreground)}.reference-fencing-slatted-fencing .fence-system-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:50px;display:grid}.reference-fencing-slatted-fencing .fence-system-item{border-top:1px solid var(--fencing-overlay);padding-top:25px}.reference-fencing-slatted-fencing .fence-system-item>span{color:var(--accent);font-size:.77rem}.reference-fencing-slatted-fencing .fence-system-item h3{margin:18px 0 14px;font-size:1.5rem;line-height:1.2}.reference-fencing-slatted-fencing .fence-system-item p{color:var(--ink-foreground);font-size:.96rem}.reference-fencing-slatted-fencing .fence-system-bottom{justify-content:space-between;align-items:center;gap:30px;margin-top:40px;display:flex}.reference-fencing-slatted-fencing .fence-system-bottom p{color:var(--ink-foreground);max-width:480px;font-size:.81rem}.reference-fencing-slatted-fencing .fence-components-section{background:var(--secondary)}.reference-fencing-slatted-fencing .component-toolbar{flex-direction:column;gap:20px;margin:0 0 26px;display:flex}.reference-fencing-slatted-fencing .component-filters{flex-wrap:wrap;gap:10px;display:flex}.reference-fencing-slatted-fencing .component-filters button{border:1px solid var(--secondary);min-height:44px;color:var(--ink);background:0 0;align-items:center;gap:10px;padding:10px 16px;font-size:.84rem;line-height:1.3;display:flex}.reference-fencing-slatted-fencing .component-filters button>span{opacity:.7;font-size:.73rem}.reference-fencing-slatted-fencing .component-filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.reference-fencing-slatted-fencing .component-filters button:hover{border-color:var(--ink)}.reference-fencing-slatted-fencing .fence-component-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.reference-fencing-slatted-fencing .fence-component-item{min-width:0}.reference-fencing-slatted-fencing .fence-component-card{text-align:left;width:100%;height:100%;color:inherit;background:var(--background);border:1px solid var(--secondary);flex-direction:column;padding:0;transition:border-color .2s;display:flex}.reference-fencing-slatted-fencing .fence-component-card:hover{border-color:var(--lime-ink)}.reference-fencing-slatted-fencing .fence-component-image{aspect-ratio:1.18;background:var(--card);justify-content:center;align-items:center;width:100%;padding:35px 22px 25px;display:flex;position:relative;overflow:hidden}.reference-fencing-slatted-fencing .fence-component-image>img{object-fit:contain;width:100%;min-width:0;height:100%;transition:transform .35s}.reference-fencing-slatted-fencing .fence-component-card:hover .fence-component-image>img{transform:scale(1.04)}.reference-fencing-slatted-fencing .fence-component-image.component-image-pair{gap:12px;padding:38px 15px 28px}.reference-fencing-slatted-fencing .component-image-pair>img{width:calc(50% - 6px)}.reference-fencing-slatted-fencing .component-number{color:currentColor;z-index:1;font-size:.7rem;position:absolute;top:13px;left:16px}.reference-fencing-slatted-fencing .component-expand{background:var(--background);width:28px;height:28px;color:var(--lime-ink);place-items:center;font-size:1rem;display:grid;position:absolute;bottom:11px;right:12px}.reference-fencing-slatted-fencing .fence-component-copy{border-top:1px solid var(--secondary);flex-direction:column;flex:1;align-items:flex-start;width:100%;padding:23px 20px 20px;display:flex}.reference-fencing-slatted-fencing .component-category{text-transform:uppercase;letter-spacing:0;color:var(--lime-ink);margin-bottom:10px;font-size:.64rem;font-weight:600;line-height:1.4}.reference-fencing-slatted-fencing .component-name{letter-spacing:0;margin-bottom:9px;font-size:1.3rem;line-height:1.2}.reference-fencing-slatted-fencing .component-note{color:currentColor;margin-bottom:10px;font-size:.76rem}.reference-fencing-slatted-fencing .component-view{justify-content:space-between;align-items:center;width:100%;margin-top:auto;padding-top:22px;font-size:.74rem;line-height:1.4;display:flex}.reference-fencing-slatted-fencing .component-section-bottom{justify-content:space-between;align-items:center;gap:35px;margin-top:35px;display:flex}.reference-fencing-slatted-fencing .component-section-bottom p{color:currentColor;max-width:600px;font-size:.8rem}.reference-fencing-slatted-fencing .component-section-bottom a{flex-shrink:0;font-size:.8rem}.reference-fencing-slatted-fencing #component-dialog{max-width:min(1030px,94vw)}.reference-fencing-slatted-fencing .component-dialog-layout{grid-template-columns:1.2fr 1fr;min-height:500px;display:grid}.reference-fencing-slatted-fencing .component-dialog-visual{background:var(--card);flex-direction:column;justify-content:center;align-items:center;gap:18px;min-width:0;padding:50px 35px 30px;display:flex}.reference-fencing-slatted-fencing .component-dialog-visual>img{object-fit:contain;width:100%;height:330px}.reference-fencing-slatted-fencing .component-dialog-visual>p{color:currentColor;text-align:center;font-size:.8rem}.reference-fencing-slatted-fencing .component-image-options{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.reference-fencing-slatted-fencing .component-image-options button{border:1px solid var(--border);min-height:42px;color:var(--ink);background:0 0;padding:10px 17px;font-size:.79rem}.reference-fencing-slatted-fencing .component-image-options button[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:#fff}.reference-fencing-slatted-fencing .component-dialog-copy{align-self:center;padding:60px 35px 45px}.reference-fencing-slatted-fencing .component-dialog-copy .eyebrow{margin-bottom:17px;font-size:.68rem}.reference-fencing-slatted-fencing .component-dialog-copy h2{margin-bottom:23px;font-size:2.65rem}.reference-fencing-slatted-fencing .component-dialog-copy .component-detail-note{color:var(--lime-ink);margin:-8px 0 20px;font-size:.85rem}.reference-fencing-slatted-fencing .component-dialog-copy .muted{margin-bottom:30px;font-size:.95rem}.reference-fencing-slatted-fencing .component-dialog-copy .btn{padding:14px 17px;font-size:.73rem}.reference-fencing-slatted-fencing .component-dialog-copy .text-link{margin-top:20px;font-size:.77rem}.reference-fencing-slatted-fencing .fence-gate-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.reference-fencing-slatted-fencing .gate-option{background:var(--card);border:1px solid var(--border);flex-direction:column;min-width:0;display:flex}.reference-fencing-slatted-fencing .gate-option-photo{aspect-ratio:4/3;background:var(--secondary);display:block;position:relative;overflow:hidden}.reference-fencing-slatted-fencing .gate-option-photo img{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.reference-fencing-slatted-fencing .gate-option-photo:hover img{transform:scale(1.025)}.reference-fencing-slatted-fencing .gate-photo-link{background:var(--fencing-overlay);color:var(--ink);padding:8px 12px;font-size:.75rem;font-weight:600;line-height:1.3;display:block;position:absolute;bottom:14px;right:14px}.reference-fencing-slatted-fencing .gate-option-copy{flex-direction:column;flex:1;align-items:flex-start;padding:28px;display:flex}.reference-fencing-slatted-fencing .gate-option-label{color:var(--lime-ink);letter-spacing:0;text-transform:uppercase;align-items:center;gap:11px;margin:0 0 16px;font-size:.68rem;font-weight:700;display:flex}.reference-fencing-slatted-fencing .gate-option-label span{background:var(--secondary);letter-spacing:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.72rem;display:flex}.reference-fencing-slatted-fencing .gate-option h3{letter-spacing:0;margin:0 0 15px;font-size:1.85rem;font-weight:500;line-height:1.17}.reference-fencing-slatted-fencing .gate-option-description{color:currentColor;margin:0 0 27px;font-size:.98rem;line-height:1.65}.reference-fencing-slatted-fencing .gate-option-specs{width:100%;margin-top:auto;margin-bottom:26px;font-size:.82rem;line-height:1.55}.reference-fencing-slatted-fencing .gate-option-specs>div{border-top:1px solid var(--border);justify-content:space-between;gap:14px;padding:12px 0;display:flex}.reference-fencing-slatted-fencing .gate-option-specs dt{color:currentColor;flex-shrink:0}.reference-fencing-slatted-fencing .gate-option-specs dd{text-align:right;margin:0;font-weight:500}.reference-fencing-slatted-fencing .gate-option-copy .gate-enquiry{letter-spacing:0;justify-content:space-between;gap:12px;width:100%;min-height:50px;padding:14px 16px;font-size:.7rem}.reference-fencing-slatted-fencing .gate-enquiry>span{font-size:1.1rem}.reference-fencing-slatted-fencing .gate-coordination{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:55px;margin-top:38px;padding-top:34px;display:flex}.reference-fencing-slatted-fencing .gate-coordination .eyebrow{margin-bottom:12px;font-size:.68rem}.reference-fencing-slatted-fencing .gate-coordination h3{letter-spacing:0;margin-bottom:12px;font-size:1.65rem;font-weight:500;line-height:1.2}.reference-fencing-slatted-fencing .gate-coordination p:not(.eyebrow){color:currentColor;max-width:690px;font-size:1rem;line-height:1.65}.reference-fencing-slatted-fencing .gate-coordination>.text-link{flex-shrink:0}.reference-fencing-slatted-fencing .gate-sizing-note{color:currentColor;margin-top:23px;font-size:.78rem;line-height:1.6}@media (width<=1100px){.reference-fencing-slatted-fencing .fence-gate-grid{gap:18px}.reference-fencing-slatted-fencing .gate-option-copy{padding:24px 20px}.reference-fencing-slatted-fencing .gate-option-specs>div{gap:10px}.reference-fencing-slatted-fencing .gate-option-copy .gate-enquiry{padding:14px 12px;font-size:.65rem}}@media (width<=950px){.reference-fencing-slatted-fencing .fence-gate-grid{grid-template-columns:1fr;gap:25px}.reference-fencing-slatted-fencing .gate-option-photo{aspect-ratio:16/9}.reference-fencing-slatted-fencing .gate-option-copy{padding:28px}.reference-fencing-slatted-fencing .gate-option h3{font-size:1.8rem}.reference-fencing-slatted-fencing .gate-option-copy .gate-enquiry{padding:14px 16px;font-size:.7rem}.reference-fencing-slatted-fencing .gate-coordination{flex-direction:column;align-items:flex-start;gap:24px}}@media (width<=600px){.reference-fencing-slatted-fencing .gate-option{display:flex}.reference-fencing-slatted-fencing .gate-option-photo{aspect-ratio:4/3;width:100%;height:auto;min-height:0}.reference-fencing-slatted-fencing .gate-option-copy{padding:25px}.reference-fencing-slatted-fencing .gate-option-description{margin-bottom:24px}.reference-fencing-slatted-fencing .gate-option h3{font-size:1.85rem}.reference-fencing-slatted-fencing .gate-coordination{margin-top:30px;padding-top:28px}.reference-fencing-slatted-fencing .gate-coordination h3{font-size:1.55rem}}@media (prefers-reduced-motion:reduce){.reference-fencing-slatted-fencing .gate-option-photo img{transition:none}.reference-fencing-slatted-fencing .gate-option-photo:hover img{transform:none}}.reference-fencing-slatted-fencing .fence-contact-grid{grid-template-columns:1fr 1fr;gap:30px;display:grid}.reference-fencing-slatted-fencing .fence-contact-card{border:1px solid var(--border);padding:38px}.reference-fencing-slatted-fencing .fence-contact-card h3{margin-bottom:22px;font-size:2.4rem}.reference-fencing-slatted-fencing .fence-contact-card p{color:currentColor;margin-bottom:27px}.reference-fencing-slatted-fencing .fence-contact-card .text-link{margin-top:15px}.reference-fencing-slatted-fencing .fence-contact-card .actions{align-items:center;gap:20px}.reference-fencing-slatted-fencing #project-dialog{max-width:min(1220px,94vw)}.reference-fencing-slatted-fencing .project-dialog-layout{grid-template-columns:1.5fr 1fr;min-height:530px;display:grid}.reference-fencing-slatted-fencing .project-gallery-panel{background:var(--foreground);flex-direction:column;min-width:0;display:flex}.reference-fencing-slatted-fencing .project-large-photo{flex:1;justify-content:center;align-items:center;min-height:340px;max-height:65dvh;display:flex;position:relative}.reference-fencing-slatted-fencing .project-large-photo>img{object-fit:contain;width:100%;height:100%;max-height:65dvh}.reference-fencing-slatted-fencing .project-photo-nav{background:var(--fencing-overlay);width:42px;height:48px;color:var(--ink);font-size:1.3rem;position:absolute;top:50%;transform:translateY(-50%)}.reference-fencing-slatted-fencing .project-photo-nav.prev{left:12px}.reference-fencing-slatted-fencing .project-photo-nav.next{right:12px}.reference-fencing-slatted-fencing .project-photo-index{background:var(--fencing-overlay);color:var(--card);padding:4px 10px;font-size:.77rem;position:absolute;top:15px;left:15px}.reference-fencing-slatted-fencing .project-thumbnails{background:var(--foreground);flex-wrap:wrap;justify-content:center;gap:8px;padding:15px;display:flex}.reference-fencing-slatted-fencing .project-thumbnail{opacity:.62;background:0 0;border:2px solid #0000;width:82px;height:58px;padding:0}.reference-fencing-slatted-fencing .project-thumbnail img{object-fit:cover;width:100%;height:100%}.reference-fencing-slatted-fencing .project-thumbnail[aria-pressed=true]{opacity:1;border-color:var(--accent)}.reference-fencing-slatted-fencing .project-dialog-copy{align-self:center;padding:58px 35px 35px}.reference-fencing-slatted-fencing .project-dialog-copy .eyebrow{margin-bottom:13px;font-size:.7rem}.reference-fencing-slatted-fencing .project-dialog-copy h2{margin-bottom:12px;font-size:3rem}.reference-fencing-slatted-fencing .project-location{color:currentColor;margin-bottom:20px;font-size:.83rem}.reference-fencing-slatted-fencing .project-description{color:currentColor;margin-bottom:24px;font-size:.97rem}.reference-fencing-slatted-fencing .project-specs{margin:0 0 24px;font-size:.85rem}.reference-fencing-slatted-fencing .project-specs>div{border-top:1px solid var(--border);grid-template-columns:74px 1fr;gap:15px;padding:11px 0;display:grid}.reference-fencing-slatted-fencing .project-specs dt{font-weight:600}.reference-fencing-slatted-fencing .project-specs dd{color:currentColor;margin:0}.reference-fencing-slatted-fencing .project-dialog-copy .btn{padding:14px 16px;font-size:.73rem}.reference-fencing-slatted-fencing .project-dialog-copy .text-link{margin-top:14px;font-size:.76rem}.reference-fencing-slatted-fencing #fence-enquiry-dialog{max-width:590px;padding:48px}.reference-fencing-slatted-fencing #fence-enquiry-dialog h2{margin:0 0 19px;font-size:2.6rem}.reference-fencing-slatted-fencing #fence-enquiry-dialog>p{color:currentColor}.reference-fencing-slatted-fencing #fence-enquiry-dialog .sample-note{margin-top:20px}.reference-fencing-slatted-fencing .fence-newsletter{padding:62px 0}.reference-fencing-slatted-fencing .fence-newsletter .wrap{justify-content:space-between;align-items:center;gap:40px;display:flex}.reference-fencing-slatted-fencing .fence-newsletter h2{margin-bottom:13px;font-size:2.4rem}.reference-fencing-slatted-fencing .fence-newsletter p{color:currentColor;font-size:.96rem}.reference-fencing-slatted-fencing .fence-newsletter>div>a{white-space:nowrap;flex-shrink:0}@media (width>=1700px){.reference-fencing-slatted-fencing .hero{min-height:810px}}@media (width<=1100px){.reference-fencing-slatted-fencing .fence-design-grid{gap:18px}.reference-fencing-slatted-fencing .fence-design-name{font-size:1.45rem}.reference-fencing-slatted-fencing .fence-colour-grid{gap:35px}.reference-fencing-slatted-fencing .project-filters{gap:16px}.reference-fencing-slatted-fencing .fence-page-links{gap:23px}.reference-fencing-slatted-fencing .fence-nav-label{display:none}.reference-fencing-slatted-fencing .project-dialog-copy{padding:58px 28px 30px}.reference-fencing-slatted-fencing .project-dialog-layout{grid-template-columns:1.3fr 1fr}}@media (width<=800px){.reference-fencing-slatted-fencing .hero{min-height:670px}.reference-fencing-slatted-fencing .hero h1{font-size:4.6rem}.reference-fencing-slatted-fencing .hero-caption{display:none}.reference-fencing-slatted-fencing .fence-page-links{justify-content:space-between;gap:25px;font-size:.83rem}.reference-fencing-slatted-fencing .fence-page-links a{padding:18px 0}.reference-fencing-slatted-fencing .fence-design-grid{grid-template-columns:1fr 1fr;gap:34px 24px}.reference-fencing-slatted-fencing .fence-colour-grid{grid-template-columns:1fr;gap:36px}.reference-fencing-slatted-fencing .fence-colour-preview{aspect-ratio:1.5}.reference-fencing-slatted-fencing .fence-swatches{grid-template-columns:repeat(4,1fr);gap:22px}.reference-fencing-slatted-fencing .fence-swatch-image{aspect-ratio:1.8}.reference-fencing-slatted-fencing .fence-swatch-name{font-size:.86rem}.reference-fencing-slatted-fencing .project-filters{grid-template-columns:1fr 1fr;gap:22px}.reference-fencing-slatted-fencing .project-filters .reset-filters{justify-self:end}.reference-fencing-slatted-fencing .fence-project-grid{grid-template-columns:1fr 1fr}.reference-fencing-slatted-fencing .project-results-bar>p:last-child{max-width:240px}.reference-fencing-slatted-fencing .fence-system-grid{gap:25px}.reference-fencing-slatted-fencing .fence-contact-card{padding:27px}.reference-fencing-slatted-fencing .fence-contact-card h3{font-size:2rem}.reference-fencing-slatted-fencing .project-dialog-layout{grid-template-columns:1fr}.reference-fencing-slatted-fencing .project-large-photo{height:45dvh;min-height:240px;max-height:45dvh}.reference-fencing-slatted-fencing .project-large-photo>img{height:100%;max-height:45dvh}.reference-fencing-slatted-fencing .project-dialog-copy{padding:28px}.reference-fencing-slatted-fencing .project-dialog-copy h2{font-size:2.5rem}.reference-fencing-slatted-fencing .project-description{max-width:none}.reference-fencing-slatted-fencing .project-dialog-copy .eyebrow{margin-bottom:12px}.reference-fencing-slatted-fencing .fence-newsletter .wrap{flex-direction:column;align-items:flex-start;gap:24px}}@media (width<=520px){.reference-fencing-slatted-fencing .hero{min-height:670px}.reference-fencing-slatted-fencing .hero-content{padding-top:140px}.reference-fencing-slatted-fencing .hero h1{font-size:3.2rem}.reference-fencing-slatted-fencing .hero:after{background:linear-gradient(90deg,var(--fencing-hero-overlay),var(--fencing-hero-overlay)),linear-gradient(0deg,var(--fencing-hero-overlay),transparent)}.reference-fencing-slatted-fencing .fence-page-links{justify-content:flex-start;gap:26px;font-size:.79rem}.reference-fencing-slatted-fencing .fence-page-links a{padding:17px 0}.reference-fencing-slatted-fencing .fence-intro-stats{gap:30px}.reference-fencing-slatted-fencing .fence-intro-stats strong{font-size:2.1rem}.reference-fencing-slatted-fencing .fence-intro-stats span{font-size:.74rem}.reference-fencing-slatted-fencing .fence-benefits{grid-template-columns:1fr;margin-top:35px}.reference-fencing-slatted-fencing .fence-benefit,.reference-fencing-slatted-fencing .fence-benefit:not(:first-child){border-left:0;border-bottom:1px solid var(--border);padding:22px 0}.reference-fencing-slatted-fencing .fence-benefit h3{margin:7px 0 10px}.reference-fencing-slatted-fencing .fence-design-grid{gap:32px 16px}.reference-fencing-slatted-fencing .fence-design-img img{padding:25px 4px 10px}.reference-fencing-slatted-fencing .fence-design-name{margin-top:18px;font-size:1.35rem}.reference-fencing-slatted-fencing .fence-design-description{font-size:.83rem}.reference-fencing-slatted-fencing .fence-design-link{gap:5px;font-size:.73rem}.reference-fencing-slatted-fencing .fence-design-note{font-size:.78rem}.reference-fencing-slatted-fencing .fence-colour-preview{aspect-ratio:1.2}.reference-fencing-slatted-fencing .fence-colour-preview.sample-only{padding:30px}.reference-fencing-slatted-fencing .fence-colour-caption{font-size:.84rem}.reference-fencing-slatted-fencing .fence-colour-caption>span:last-child{max-width:115px}.reference-fencing-slatted-fencing .fence-colour-choice h3{font-size:2.3rem}.reference-fencing-slatted-fencing .fence-swatches{gap:20px 13px}.reference-fencing-slatted-fencing .fence-swatch-image{aspect-ratio:1.1}.reference-fencing-slatted-fencing .fence-swatch-name{font-size:.72rem}.reference-fencing-slatted-fencing .fence-colour-actions .btn{font-size:.73rem}.reference-fencing-slatted-fencing .project-filters{gap:19px 18px;padding:18px}.reference-fencing-slatted-fencing .project-filters select,.reference-fencing-slatted-fencing .project-filters input{font-size:.85rem}.reference-fencing-slatted-fencing .project-filters .search-filter{grid-column:1/-1}.reference-fencing-slatted-fencing .project-filters .reset-filters{grid-column:1/-1;justify-self:start;min-height:32px;padding:0}.reference-fencing-slatted-fencing .project-results-bar{flex-direction:column;gap:8px}.reference-fencing-slatted-fencing .project-results-bar>p:last-child{text-align:left;max-width:none}.reference-fencing-slatted-fencing .fence-project-grid{grid-template-columns:1fr;gap:31px}.reference-fencing-slatted-fencing .fence-project-photo{aspect-ratio:1.45}.reference-fencing-slatted-fencing .fence-project-info{padding:18px 0 20px}.reference-fencing-slatted-fencing .fence-project-name{font-size:1.55rem}.reference-fencing-slatted-fencing .project-directory-note{flex-direction:column;align-items:start;gap:20px}.reference-fencing-slatted-fencing .project-empty{padding:38px 20px}.reference-fencing-slatted-fencing .project-empty h3{font-size:1.8rem}.reference-fencing-slatted-fencing .fence-system-grid{grid-template-columns:1fr;gap:27px;margin-top:35px}.reference-fencing-slatted-fencing .fence-system-item{padding-top:20px}.reference-fencing-slatted-fencing .fence-system-item h3{margin:10px 0 14px}.reference-fencing-slatted-fencing .fence-system-bottom{flex-direction:column;align-items:start;gap:24px;margin-top:30px}.reference-fencing-slatted-fencing .fence-contact-grid{grid-template-columns:1fr;gap:20px}.reference-fencing-slatted-fencing .fence-contact-card{padding:28px 24px}.reference-fencing-slatted-fencing .fence-contact-card h3{font-size:2.15rem}.reference-fencing-slatted-fencing .fence-newsletter h2{font-size:2.1rem}.reference-fencing-slatted-fencing #fence-enquiry-dialog{padding:45px 25px 30px}.reference-fencing-slatted-fencing #fence-enquiry-dialog h2{font-size:2.15rem}.reference-fencing-slatted-fencing .project-thumbnails{gap:7px;padding:12px}.reference-fencing-slatted-fencing .project-thumbnail{width:63px;height:46px}.reference-fencing-slatted-fencing .project-dialog-copy{padding:25px}.reference-fencing-slatted-fencing .project-specs>div{grid-template-columns:60px 1fr}.reference-fencing-slatted-fencing .footer-top{grid-template-columns:1fr 1fr;gap:35px 25px}.reference-fencing-slatted-fencing .footer-top>div:first-child,.reference-fencing-slatted-fencing .footer-top>div:last-child{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.reference-fencing-slatted-fencing *,.reference-fencing-slatted-fencing :before,.reference-fencing-slatted-fencing :after{scroll-behavior:auto!important;transition:none!important}}@media (width<=1100px){.reference-fencing-slatted-fencing .fence-component-grid{gap:18px}.reference-fencing-slatted-fencing .fence-component-copy{padding:21px 16px 18px}.reference-fencing-slatted-fencing .component-name{font-size:1.2rem}.reference-fencing-slatted-fencing .fence-component-image{padding:30px 15px 22px}.reference-fencing-slatted-fencing .component-dialog-copy{padding:60px 28px 35px}.reference-fencing-slatted-fencing .component-dialog-copy h2{font-size:2.35rem}}@media (width<=800px){.reference-fencing-slatted-fencing .fence-component-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.reference-fencing-slatted-fencing .component-name{font-size:1.4rem}.reference-fencing-slatted-fencing .fence-component-copy{padding:24px}.reference-fencing-slatted-fencing .fence-component-image{aspect-ratio:1.3;padding:35px 25px 25px}.reference-fencing-slatted-fencing .component-section-bottom{flex-direction:column;align-items:flex-start;gap:18px}.reference-fencing-slatted-fencing .component-dialog-layout{grid-template-columns:1fr}.reference-fencing-slatted-fencing .component-dialog-visual{gap:14px;padding:45px 30px 25px}.reference-fencing-slatted-fencing .component-dialog-visual>img{height:32dvh;min-height:190px;max-height:320px}.reference-fencing-slatted-fencing .component-dialog-copy{padding:30px}.reference-fencing-slatted-fencing .component-dialog-copy h2{font-size:2.4rem}.reference-fencing-slatted-fencing .component-dialog-copy .muted{max-width:none}}@media (width<=520px){.reference-fencing-slatted-fencing .component-filters{gap:8px}.reference-fencing-slatted-fencing .component-filters button{gap:7px;padding:9px 11px;font-size:.73rem}.reference-fencing-slatted-fencing .component-filters button>span{font-size:.65rem}.reference-fencing-slatted-fencing .fence-component-grid{gap:16px}.reference-fencing-slatted-fencing .fence-component-image{aspect-ratio:1.08;padding:30px 12px 20px}.reference-fencing-slatted-fencing .fence-component-image.component-image-pair{gap:5px;padding:30px 8px 21px}.reference-fencing-slatted-fencing .component-image-pair>img{width:calc(50% - 3px)}.reference-fencing-slatted-fencing .component-number{font-size:.66rem;top:10px;left:11px}.reference-fencing-slatted-fencing .component-expand{width:24px;height:24px;bottom:8px;right:8px}.reference-fencing-slatted-fencing .fence-component-copy{padding:18px 12px 15px}.reference-fencing-slatted-fencing .component-category{letter-spacing:0;min-height:17px;font-size:.55rem}.reference-fencing-slatted-fencing .component-name{font-size:1.12rem}.reference-fencing-slatted-fencing .component-note{font-size:.69rem}.reference-fencing-slatted-fencing .component-view{gap:6px;padding-top:15px;font-size:.65rem}.reference-fencing-slatted-fencing .component-dialog-copy{padding:25px}.reference-fencing-slatted-fencing .component-dialog-copy h2{font-size:2.1rem}.reference-fencing-slatted-fencing .component-dialog-visual{padding-left:22px;padding-right:22px}}.reference-fencing-slatted-fencing .project-filters{grid-template-columns:1fr 1fr 1.25fr;gap:22px}.reference-fencing-slatted-fencing .project-filters .search-filter{grid-column:1/3}.reference-fencing-slatted-fencing .project-filters .reset-filters{justify-self:end}.reference-fencing-slatted-fencing .fence-project-post{color:currentColor;margin-top:7px;font-size:.78rem;display:block}@media (width<=800px){.reference-fencing-slatted-fencing .project-filters{grid-template-columns:1fr 1fr}.reference-fencing-slatted-fencing .project-filters .search-filter{grid-column:auto}.reference-fencing-slatted-fencing .project-filters .reset-filters{grid-column:1/-1;justify-self:start}}@media (width<=520px){.reference-fencing-slatted-fencing .project-filters .post-filter,.reference-fencing-slatted-fencing .project-filters .search-filter{grid-column:1/-1}}.reference-fencing-slatted-fencing .fence-family-links{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:70px;display:grid}.reference-fencing-slatted-fencing .fence-family-links a{background:var(--secondary);border:1px solid var(--secondary);color:var(--ink);flex-direction:column;gap:18px;padding:32px;text-decoration:none;display:flex}.reference-fencing-slatted-fencing .fence-family-links a:last-child{background:var(--foreground);color:var(--ink-foreground);border-color:var(--foreground)}.reference-fencing-slatted-fencing .fence-family-links a>span{letter-spacing:0;font-size:.78rem}.reference-fencing-slatted-fencing .fence-family-links strong{letter-spacing:0;font-size:1.65rem;font-weight:500}.reference-fencing-slatted-fencing .fence-family-links a:hover{outline:2px solid var(--border);outline-offset:3px}.reference-fencing-slatted-fencing .fence-family{scroll-margin-top:150px}.reference-fencing-slatted-fencing .fence-family-heading{grid-template-columns:1.2fr 1fr;align-items:end;gap:60px;margin-bottom:32px;display:grid}.reference-fencing-slatted-fencing .fence-family h3{letter-spacing:0;margin:0 0 18px;font-size:3rem;font-weight:500;line-height:1.12}.reference-fencing-slatted-fencing .fence-family-heading>p,.reference-fencing-slatted-fencing .fence-slatted-copy>p:not(.eyebrow){color:currentColor;max-width:480px;font-size:1rem;font-weight:300;line-height:1.7}.reference-fencing-slatted-fencing .fence-design-specs{border-top:1px solid var(--secondary);border-bottom:1px solid var(--secondary);grid-template-columns:repeat(3,1fr);gap:24px;margin:0 0 34px;padding:23px 0;display:grid}.reference-fencing-slatted-fencing .fence-design-specs dt{text-transform:uppercase;letter-spacing:0;color:currentColor;margin-bottom:9px;font-size:.75rem}.reference-fencing-slatted-fencing .fence-design-specs dd{margin:0;font-size:1.1rem}.reference-fencing-slatted-fencing .flat-panel-layouts{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.reference-fencing-slatted-fencing .flat-panel-layouts .fence-design-name{font-size:1.65rem}.reference-fencing-slatted-fencing .fence-spec-source{text-underline-offset:4px;color:inherit;margin-top:28px;font-size:.8rem;display:inline-block}.reference-fencing-slatted-fencing .fence-slatted-family{border-top:1px solid var(--secondary);grid-template-columns:1fr 1fr;align-items:center;gap:64px;margin-top:70px;padding-top:65px;display:grid}.reference-fencing-slatted-fencing .fence-slatted-visual{background:var(--card);padding:30px;position:relative}.reference-fencing-slatted-fencing .fence-slatted-visual>img{aspect-ratio:1.25;object-fit:contain;width:100%}.reference-fencing-slatted-fencing .fence-profile-detail{border-top:1px solid var(--secondary);color:currentColor;align-items:center;gap:20px;margin-top:18px;padding-top:18px;font-size:.8rem;display:flex}.reference-fencing-slatted-fencing .fence-profile-detail img{object-fit:contain;width:125px;height:85px}.reference-fencing-slatted-fencing .fence-slatted-copy .fence-design-specs{grid-template-columns:1fr 1fr;margin-top:28px}.reference-fencing-slatted-fencing .fence-slatted-copy .fence-spec-source{display:block}.reference-fencing-slatted-fencing .fence-design-footer{border-top:1px solid var(--secondary);justify-content:space-between;align-items:center;gap:30px;margin-top:55px;padding-top:30px;display:flex}.reference-fencing-slatted-fencing .fence-design-footer p{color:currentColor;max-width:600px;margin:10px 0 0;font-size:.9rem;line-height:1.6}.reference-fencing-slatted-fencing .fence-design-footer .text-link{flex-shrink:0}@media (width<=800px){.reference-fencing-slatted-fencing .fence-family-heading{gap:25px}.reference-fencing-slatted-fencing .fence-slatted-family{gap:30px}.reference-fencing-slatted-fencing .fence-design-footer{flex-direction:column;align-items:start}.reference-fencing-slatted-fencing .flat-panel-layouts{gap:18px}.reference-fencing-slatted-fencing .flat-panel-layouts .fence-design-name{font-size:1.4rem}.reference-fencing-slatted-fencing .fence-design-specs{gap:16px}.reference-fencing-slatted-fencing .fence-design-specs dd{font-size:.95rem}}@media (width<=600px){.reference-fencing-slatted-fencing .fence-family-links{grid-template-columns:1fr;gap:12px;margin-bottom:45px}.reference-fencing-slatted-fencing .fence-family-links a{gap:12px;padding:24px}.reference-fencing-slatted-fencing .fence-family-heading,.reference-fencing-slatted-fencing .fence-slatted-family{grid-template-columns:1fr;gap:18px}.reference-fencing-slatted-fencing .fence-family-heading>p{margin-top:0}.reference-fencing-slatted-fencing .fence-design-specs{grid-template-columns:1fr;gap:18px}.reference-fencing-slatted-fencing .fence-design-specs>div{justify-content:space-between;gap:15px;display:flex}.reference-fencing-slatted-fencing .fence-design-specs dt{margin:0}.reference-fencing-slatted-fencing .flat-panel-layouts{grid-template-columns:1fr;gap:35px}.reference-fencing-slatted-fencing .flat-panel-layouts .fence-design-img{aspect-ratio:1.35}.reference-fencing-slatted-fencing .fence-slatted-family{margin-top:45px;padding-top:40px}.reference-fencing-slatted-fencing .fence-slatted-copy .fence-design-specs{grid-template-columns:1fr}.reference-fencing-slatted-fencing .fence-slatted-visual{padding:20px}.reference-fencing-slatted-fencing .fence-slatted-copy{padding-top:15px}}.reference-fencing-slatted-fencing .fence-breadcrumb{align-items:center;gap:14px;margin-bottom:28px;font-size:.8rem;display:flex}.reference-fencing-slatted-fencing .fence-breadcrumb a{text-underline-offset:5px}.reference-fencing-slatted-fencing .product-fence-hero .hero-content{padding-top:155px}.reference-fencing-slatted-fencing .product-fence-hero{min-height:730px}.reference-fencing-slatted-fencing .product-design-detail .fence-slatted-family{border-top:0;margin-top:0;padding-top:0}.reference-fencing-slatted-fencing .product-benefit-strip{border-top:1px solid var(--secondary);grid-template-columns:repeat(3,1fr);gap:30px;margin-top:45px;padding:34px 0;display:grid}.reference-fencing-slatted-fencing .product-benefit-strip p{color:currentColor;margin:12px 0;font-size:.9rem;line-height:1.6}.reference-fencing-slatted-fencing .product-benefit-strip strong{font-size:1.1rem;font-weight:500}.reference-fencing-slatted-fencing .project-directory-note{flex-wrap:wrap}@media (width<=600px){.reference-fencing-slatted-fencing .product-benefit-strip{grid-template-columns:1fr;gap:12px;padding:26px 0}.reference-fencing-slatted-fencing .product-fence-hero .hero-content{padding-top:130px}.reference-fencing-slatted-fencing .fence-breadcrumb{margin-bottom:22px}.reference-fencing-slatted-fencing .product-fence-hero{min-height:700px}}.reference-fencing-slatted-fencing .fence-comparison{background:var(--card);border:1px solid var(--secondary);margin-bottom:70px;padding:38px;scroll-margin-top:145px}.reference-fencing-slatted-fencing .fence-comparison>h3{letter-spacing:0;margin:0 0 10px;font-size:2.7rem;font-weight:500}.reference-fencing-slatted-fencing .fence-compare-intro{color:currentColor;margin:0 0 30px}.reference-fencing-slatted-fencing .fence-compare-images{grid-template-columns:1fr 1fr;gap:28px;display:grid}.reference-fencing-slatted-fencing .fence-compare-product{color:inherit;flex-direction:column;min-width:0;text-decoration:none;display:flex}.reference-fencing-slatted-fencing .fence-compare-product .eyebrow{margin-bottom:12px}.reference-fencing-slatted-fencing .fence-compare-photo{background:var(--card);aspect-ratio:1.35;padding:22px;display:block}.reference-fencing-slatted-fencing .fence-compare-photo img{object-fit:contain;width:100%;height:100%}.reference-fencing-slatted-fencing .fence-compare-product strong{letter-spacing:0;margin:20px 0 7px;font-size:1.6rem;font-weight:500}.reference-fencing-slatted-fencing .fence-compare-product>span:last-child{color:currentColor;font-size:.9rem}.reference-fencing-slatted-fencing .fence-compare-product:hover .fence-compare-photo{background:var(--card);outline:1px solid var(--border)}.reference-fencing-slatted-fencing .fence-compare-table{table-layout:fixed;border-collapse:collapse;text-align:left;width:100%;margin:30px 0 24px;font-size:.9rem}.reference-fencing-slatted-fencing .fence-compare-table th,.reference-fencing-slatted-fencing .fence-compare-table td{border-bottom:1px solid var(--secondary);vertical-align:top;overflow-wrap:break-word;padding:16px 14px;line-height:1.6}.reference-fencing-slatted-fencing .fence-compare-table th:first-child{width:25%}.reference-fencing-slatted-fencing .fence-compare-table thead{background:var(--secondary)}.reference-fencing-slatted-fencing .fence-compare-table tbody th{color:currentColor;font-weight:500}.reference-fencing-slatted-fencing .fence-compare-table small{font-size:.85em}.reference-fencing-slatted-fencing .fence-compare-actions{grid-template-columns:1fr 1fr;gap:28px;display:grid}.reference-fencing-slatted-fencing .fence-compare-actions .btn{text-align:center;justify-content:center}.reference-fencing-slatted-fencing .fence-compare-note{color:currentColor;margin:20px 0 0;font-size:.75rem;line-height:1.6}.reference-fencing-slatted-fencing .fence-compare-back{width:fit-content;margin-bottom:20px;display:block}@media (width<=600px){.reference-fencing-slatted-fencing .fence-comparison{margin-bottom:45px;padding:20px 14px}.reference-fencing-slatted-fencing .fence-compare-images,.reference-fencing-slatted-fencing .fence-compare-actions{gap:12px}.reference-fencing-slatted-fencing .fence-compare-photo{aspect-ratio:1.05;padding:7px}.reference-fencing-slatted-fencing .fence-compare-product strong{margin-top:14px;font-size:1.12rem}.reference-fencing-slatted-fencing .fence-compare-product .eyebrow{letter-spacing:0;font-size:.63rem}.reference-fencing-slatted-fencing .fence-compare-product>span:last-child{font-size:.77rem}.reference-fencing-slatted-fencing .fence-compare-table{margin-top:24px;font-size:.75rem}.reference-fencing-slatted-fencing .fence-compare-table th,.reference-fencing-slatted-fencing .fence-compare-table td{padding:12px 6px}.reference-fencing-slatted-fencing .fence-compare-table th:first-child{width:28%}.reference-fencing-slatted-fencing .fence-compare-actions .btn{letter-spacing:0;min-width:0;padding:14px 8px;font-size:.67rem}}.reference-fencing-slatted-fencing #collections,.reference-fencing-slatted-fencing #colours,.reference-fencing-slatted-fencing #gates,.reference-fencing-slatted-fencing #where-to-buy{background:var(--card)}.reference-fencing-slatted-fencing .fence-layout-art{width:100%;height:100%;display:block;overflow:hidden}.reference-fencing-slatted-fencing .fence-design-img .fence-layout-art{padding:30px 10px 13px;transition:transform .4s}.reference-fencing-slatted-fencing .fence-design:hover .fence-layout-art{transform:scale(1.035)}@media (width<=520px){.reference-fencing-slatted-fencing .fence-design-img .fence-layout-art{padding:25px 4px 10px}}.reference-fencing-slatted-fencing .fence-compare-photo{position:relative}.reference-fencing-slatted-fencing .fence-compare-art{width:calc(100% - 44px);height:calc(100% - 44px);display:block;position:absolute;inset:22px;overflow:hidden}@media (width<=600px){.reference-fencing-slatted-fencing .fence-compare-art{width:calc(100% - 14px);height:calc(100% - 14px);inset:7px}}.reference-fencing-slatted-fencing .section-head.split-section-heading{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:0 clamp(40px,6vw,88px);margin:0 0 44px;display:grid}.reference-fencing-slatted-fencing .section-head.split-section-heading>.eyebrow{letter-spacing:0;grid-area:1/1/auto/-1;max-width:none;margin:0 0 18px;padding:0;font-size:.75rem;font-weight:600;line-height:1.5}.reference-fencing-slatted-fencing .section-head.split-section-heading>:is(h1,.reference-fencing-slatted-fencing h2,.reference-fencing-slatted-fencing h3){letter-spacing:0;overflow-wrap:break-word;grid-area:2/1;max-width:100%;margin:0;font-size:3rem;font-weight:500;line-height:1.08}.reference-fencing-slatted-fencing .section-head.split-section-heading>p.lead{width:100%;max-width:52ch;font-family:var(--font-sans);font-synthesis:none;grid-area:2/2;align-self:start;margin:0;padding:0;font-size:16px;font-weight:300;line-height:1.65}.reference-fencing-slatted-fencing .split-section-heading+.material-layout,.reference-fencing-slatted-fencing .split-section-heading+.fence-intro-stats,.reference-fencing-slatted-fencing .split-section-heading+.fence-system-grid,.reference-fencing-slatted-fencing .split-section-heading+.product-design .feature-list{margin-top:0}.reference-fencing-slatted-fencing .advantages>.wrap>.advantage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.reference-fencing-slatted-fencing .professionals-section .split-section-heading .eyebrow{color:var(--accent)}.reference-fencing-slatted-fencing .professionals-section .split-section-heading .lead{color:var(--ink-foreground)}.reference-fencing-slatted-fencing .professionals-layout .professional-links{margin-top:0}.reference-fencing-slatted-fencing .newsletter-section .newsletter-layout{max-width:680px;margin-left:auto;display:block}.reference-fencing-slatted-fencing .final-cta .wrap,.reference-fencing-slatted-fencing .fence-newsletter .wrap{display:block}.reference-fencing-slatted-fencing .final-cta .actions{flex-wrap:wrap;max-width:none}.reference-fencing-slatted-fencing .final-cta .actions .btn{width:auto}.reference-fencing-slatted-fencing .section-followup{margin-top:24px}.reference-fencing-slatted-fencing .fence-slatted-family>.split-section-heading{grid-column:1/-1;margin-bottom:0}.reference-fencing-slatted-fencing .fence-slatted-family{row-gap:44px}.reference-fencing-slatted-fencing .fence-slatted-copy .fence-design-specs{margin-top:0}.reference-fencing-slatted-fencing .fence-comparison .split-section-heading>h3{font-size:2.4rem}@media (width<=1000px){.reference-fencing-slatted-fencing .advantages>.wrap>.advantage-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=800px){.reference-fencing-slatted-fencing .section-head.split-section-heading{grid-template-columns:minmax(0,1fr);margin-bottom:32px}.reference-fencing-slatted-fencing .section-head.split-section-heading>.eyebrow{grid-column:1;margin-bottom:14px}.reference-fencing-slatted-fencing .section-head.split-section-heading>:is(h1,.reference-fencing-slatted-fencing h2,.reference-fencing-slatted-fencing h3){font-size:2.25rem}.reference-fencing-slatted-fencing .section-head.split-section-heading>p.lead{grid-area:3/1;max-width:56ch;margin-top:20px}.reference-fencing-slatted-fencing .newsletter-section .newsletter-layout{max-width:none;margin-left:0}.reference-fencing-slatted-fencing .fence-slatted-family{row-gap:32px}}@media (width<=520px){.reference-fencing-slatted-fencing .section-head.split-section-heading>:is(h1,.reference-fencing-slatted-fencing h2,.reference-fencing-slatted-fencing h3){font-size:2rem}.reference-fencing-slatted-fencing .section-head.split-section-heading>.eyebrow{font-size:.7rem}.reference-fencing-slatted-fencing .final-cta .actions{align-items:flex-start;max-width:100%}}.reference-fencing-slatted-fencing .product-faqs{scroll-margin-top:110px}.reference-fencing-slatted-fencing .product-faqs .faqs{max-width:880px;margin-left:auto}.reference-fencing-slatted-fencing .product-faqs .faqs summary{padding:22px 44px 22px 0;font-size:16px;font-weight:400;line-height:1.5}.reference-fencing-slatted-fencing .product-faqs .faqs details p{font-family:var(--font-sans);padding:0 38px 24px 0;font-size:16px;font-weight:300;line-height:1.65}.reference-fencing-slatted-fencing .product-faqs .faqs a{color:var(--lime-ink);text-underline-offset:3px;text-decoration:underline}.reference-fencing-slatted-fencing .faq-followup{justify-content:space-between;align-items:center;gap:24px;max-width:880px;margin:28px 0 0 auto;display:flex}.reference-fencing-slatted-fencing .faq-followup p{font-family:var(--font-sans);color:currentColor;font-size:16px;font-weight:300;line-height:1.65}.reference-fencing-slatted-fencing .faq-followup .text-link{flex-shrink:0;font-size:.85rem}.reference-fencing-slatted-fencing .gate-faqs{background:var(--secondary)}@media (width<=600px){.reference-fencing-slatted-fencing .product-faqs .faqs summary{padding-right:32px}.reference-fencing-slatted-fencing .product-faqs .faqs details p{padding-right:12px}.reference-fencing-slatted-fencing .faq-followup{flex-direction:column;align-items:flex-start;gap:14px}}.reference-gates-double-swing-gate *{box-sizing:border-box}.reference-gates-double-swing-gate{scroll-behavior:smooth;background:var(--background);color:var(--ink);font-family:var(--font-sans);margin:0;scroll-padding-top:90px;font-size:16px;line-height:1.6}.reference-gates-double-swing-gate button,.reference-gates-double-swing-gate input,.reference-gates-double-swing-gate select,.reference-gates-double-swing-gate textarea{font:inherit}.reference-gates-double-swing-gate button,.reference-gates-double-swing-gate a,.reference-gates-double-swing-gate select{touch-action:manipulation}.reference-gates-double-swing-gate button{cursor:pointer}.reference-gates-double-swing-gate a{color:inherit;text-decoration:none}.reference-gates-double-swing-gate button:focus-visible,.reference-gates-double-swing-gate a:focus-visible,.reference-gates-double-swing-gate select:focus-visible,.reference-gates-double-swing-gate summary:focus-visible{outline:3px solid var(--border);outline-offset:5px}.reference-gates-double-swing-gate img{max-width:100%;display:block}.reference-gates-double-swing-gate h1,.reference-gates-double-swing-gate h2,.reference-gates-double-swing-gate h3,.reference-gates-double-swing-gate p,.reference-gates-double-swing-gate figure{margin:0}.reference-gates-double-swing-gate h1,.reference-gates-double-swing-gate h2,.reference-gates-double-swing-gate h3{letter-spacing:0;font-weight:500;line-height:1.06}.reference-gates-double-swing-gate h1{max-width:1000px;font-size:6rem}.reference-gates-double-swing-gate h2{font-size:3.7rem}.reference-gates-double-swing-gate h3{font-size:2rem}.reference-gates-double-swing-gate p{max-width:68ch}.reference-gates-double-swing-gate button{border:0}.reference-gates-double-swing-gate button:disabled{cursor:not-allowed;opacity:.4}.reference-gates-double-swing-gate .wrap{width:min(1280px,88%);margin:auto}.reference-gates-double-swing-gate .section{padding:100px 0}.reference-gates-double-swing-gate .eyebrow{letter-spacing:0;text-transform:uppercase;color:var(--lime-ink);margin-bottom:22px;font-size:.8rem;font-weight:700}.reference-gates-double-swing-gate .lead{font-family:var(--font-sans);font-synthesis:none;color:currentColor;font-size:16px;font-weight:300;line-height:1.65}.reference-gates-double-swing-gate .muted{color:currentColor}.reference-gates-double-swing-gate .small{font-size:.85rem;line-height:1.55}.reference-gates-double-swing-gate .btn{letter-spacing:0;background:var(--accent);min-height:48px;color:var(--foreground);border:1px solid var(--accent);text-transform:uppercase;justify-content:center;align-items:center;padding:14px 23px;font-size:.85rem;font-weight:700;line-height:1.2;transition:background .2s;display:inline-flex}.reference-gates-double-swing-gate .btn:hover{background:var(--secondary);border-color:var(--secondary)}.reference-gates-double-swing-gate .btn.outline{color:inherit;background:0 0;border-color:currentColor}.reference-gates-double-swing-gate .btn.outline:hover{background:var(--fencing-overlay)}.reference-gates-double-swing-gate .btn.dark{background:var(--ink);color:var(--card);border-color:var(--ink)}.reference-gates-double-swing-gate .actions{flex-wrap:wrap;gap:12px;display:flex}.reference-gates-double-swing-gate .text-link{border-bottom:1px solid;padding:7px 0;font-size:.88rem;font-weight:700;display:inline-block}.reference-gates-double-swing-gate .skip{position:absolute;left:-999px}.reference-gates-double-swing-gate .skip:focus{z-index:999;background:var(--card);padding:16px;top:20px;left:20px}.reference-gates-double-swing-gate .utility{background:var(--accent);letter-spacing:0;height:34px;font-size:.73rem;font-weight:700}.reference-gates-double-swing-gate .utility .wrap{justify-content:space-between;align-items:center;height:100%;display:flex}.reference-gates-double-swing-gate .utility-links{gap:28px;display:flex}.reference-gates-double-swing-gate .header{z-index:10;color:var(--card);border-bottom:0;position:absolute;left:0;right:0}.reference-gates-double-swing-gate .header-inner{justify-content:space-between;align-items:center;gap:35px;height:96px;display:flex}.reference-gates-double-swing-gate .logo{object-fit:contain;object-position:left;width:178px;height:auto;max-height:40px}.reference-gates-double-swing-gate .wordmark{letter-spacing:0;color:var(--card);font-size:1.85rem;font-weight:700;display:none}.reference-gates-double-swing-gate .wordmark span{color:var(--accent)}.reference-gates-double-swing-gate .primary-nav{align-items:center;gap:36px;font-size:.82rem;font-weight:600;display:flex}.reference-gates-double-swing-gate .primary-nav>a{padding:12px 0}.reference-gates-double-swing-gate .primary-nav>a.active{border-bottom:2px solid var(--accent)}.reference-gates-double-swing-gate .header .btn{background:var(--background);border-color:var(--background);color:var(--ink);font-size:.75rem}.reference-gates-double-swing-gate .menu-toggle{color:var(--card);background:0 0;min-height:44px;padding:10px;font-size:1rem;display:none}.reference-gates-double-swing-gate .hero{min-height:720px;color:var(--ink-foreground);background:var(--foreground);align-items:center;display:flex;position:relative;overflow:hidden}.reference-gates-double-swing-gate .hero-img{object-fit:cover;object-position:center 52%;width:100%;height:100%;position:absolute;inset:0}.reference-gates-double-swing-gate .hero:after{content:"";background:linear-gradient(90deg,var(--fencing-hero-overlay),var(--fencing-hero-overlay) 70%,var(--fencing-hero-overlay)),linear-gradient(0deg,var(--fencing-hero-overlay),transparent 65%);position:absolute;inset:0}.reference-gates-double-swing-gate .hero-content{z-index:1;padding-top:150px;padding-bottom:80px;position:relative}.reference-gates-double-swing-gate .hero .eyebrow{color:var(--accent)}.reference-gates-double-swing-gate .hero p:not(.eyebrow){max-width:620px;color:var(--ink-foreground);margin:25px 0 32px;font-size:1.13rem}.reference-gates-double-swing-gate .hero .hero-caption{z-index:1;letter-spacing:0;color:var(--ink-foreground);font-size:.75rem;position:absolute;bottom:28px;right:6%}.reference-gates-double-swing-gate .hero .breadcrumb{align-items:center;gap:14px;display:flex}.reference-gates-double-swing-gate .hero .breadcrumb span{color:var(--ink-foreground)}.reference-gates-double-swing-gate .hero.product{min-height:675px}.reference-gates-double-swing-gate .hero.product h1{max-width:750px}.reference-gates-double-swing-gate .hero.product .hero-img{object-position:50% 55%}.reference-gates-double-swing-gate .page-nav{z-index:20;background:var(--fencing-overlay);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0}.reference-gates-double-swing-gate .page-nav .wrap{justify-content:space-between;align-items:center;gap:24px;min-height:64px;display:flex}.reference-gates-double-swing-gate .page-tabs,.reference-gates-double-swing-gate .jump-links{align-items:center;gap:28px;font-size:.88rem;display:flex}.reference-gates-double-swing-gate .page-tabs a{white-space:nowrap;padding:20px 0}.reference-gates-double-swing-gate .page-tabs a[aria-current=page]{border-bottom:2px solid var(--lime-ink);font-weight:700}.reference-gates-double-swing-gate .jump-links{color:currentColor;gap:25px}.reference-gates-double-swing-gate .jump-links a:hover{color:var(--ink)}.reference-gates-double-swing-gate .intro-grid{grid-template-columns:1fr 1fr;align-items:start;gap:11%;display:grid}.reference-gates-double-swing-gate .intro-grid h2{max-width:560px}.reference-gates-double-swing-gate .intro-grid .lead{padding-top:37px}.reference-gates-double-swing-gate .benefit-strip{border-top:1px solid var(--border);grid-template-columns:repeat(4,1fr);margin-top:62px;display:grid}.reference-gates-double-swing-gate .benefit{padding:28px 32px 4px 0}.reference-gates-double-swing-gate .benefit:not(:first-child){border-left:1px solid var(--border);padding-left:30px}.reference-gates-double-swing-gate .benefit strong{margin:12px 0;font-size:1.15rem;font-weight:600;line-height:1.3;display:block}.reference-gates-double-swing-gate .benefit .symbol{color:var(--lime-ink);font-size:1.7rem;line-height:1}.reference-gates-double-swing-gate .benefit p{color:currentColor;font-size:.95rem}.reference-gates-double-swing-gate .tone{background:var(--secondary)}.reference-gates-double-swing-gate .section-head{justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:45px;display:flex}.reference-gates-double-swing-gate .section-head p{max-width:440px}.reference-gates-double-swing-gate .section-head .eyebrow{margin-bottom:18px}.reference-gates-double-swing-gate .profiles{grid-template-columns:1fr 1fr;gap:28px;display:grid}.reference-gates-double-swing-gate .profile-card{display:block}.reference-gates-double-swing-gate .profile-image{height:380px;position:relative;overflow:hidden}.reference-gates-double-swing-gate .profile-image img{object-fit:cover;width:100%;height:100%;transition:transform .7s}.reference-gates-double-swing-gate .profile-card:hover img{transform:scale(1.035)}.reference-gates-double-swing-gate .profile-image .number{background:var(--background);padding:5px 12px;font-size:.85rem;position:absolute;top:20px;left:20px}.reference-gates-double-swing-gate .profile-info{padding:28px 0 5px}.reference-gates-double-swing-gate .profile-info h3{margin-bottom:15px;font-size:2.4rem}.reference-gates-double-swing-gate .profile-info p{color:currentColor;max-width:480px;margin-bottom:15px}.reference-gates-double-swing-gate .tags{flex-wrap:wrap;gap:7px;margin:20px 0;display:flex}.reference-gates-double-swing-gate .tag{border:1px solid var(--border);padding:5px 10px;font-size:.77rem;line-height:1.3}.reference-gates-double-swing-gate .explorer-grid{grid-template-columns:minmax(0,1.4fr) minmax(350px,1fr);align-items:start;gap:56px;display:grid}.reference-gates-double-swing-gate .explorer-photo{background:var(--secondary);aspect-ratio:1.25;position:relative;overflow:hidden}.reference-gates-double-swing-gate .explorer-photo>img{object-fit:cover;width:100%;height:100%}.reference-gates-double-swing-gate .image-note{background:var(--fencing-overlay);color:var(--ink);padding:5px 10px;font-size:.75rem;position:absolute;bottom:20px;left:20px}.reference-gates-double-swing-gate .photo-expand{color:var(--ink);background:var(--card);min-height:42px;padding:8px 12px;font-size:.8rem;position:absolute;top:17px;right:17px}.reference-gates-double-swing-gate .photo-caption{justify-content:space-between;align-items:start;gap:12px;margin-top:16px;font-size:.9rem;display:flex}.reference-gates-double-swing-gate .photo-caption small{color:currentColor;font-size:.78rem}.reference-gates-double-swing-gate .explorer-controls{padding-top:1px}.reference-gates-double-swing-gate .segmented{border:1px solid var(--border);gap:0;width:fit-content;margin-bottom:28px;display:flex}.reference-gates-double-swing-gate .segmented button{color:currentColor;background:0 0;min-height:42px;padding:10px 20px;font-size:.88rem}.reference-gates-double-swing-gate .segmented button[aria-pressed=true]{background:var(--ink);color:var(--card)}.reference-gates-double-swing-gate .explorer-controls h3{font-size:2.6rem}.reference-gates-double-swing-gate .finish-story{color:currentColor;min-height:76px;margin-top:12px;font-size:1rem}.reference-gates-double-swing-gate .swatches{grid-template-columns:repeat(5,1fr);gap:18px 13px;margin:28px 0;display:grid}.reference-gates-double-swing-gate .swatch{text-align:left;color:var(--ink);background:0 0;padding:0}.reference-gates-double-swing-gate .swatch-chip{border:1px solid var(--fencing-overlay);width:100%;height:46px;margin-bottom:7px;display:block;position:relative}.reference-gates-double-swing-gate .swatch[aria-pressed=true] .swatch-chip{outline:2px solid var(--lime-ink);outline-offset:4px}.reference-gates-double-swing-gate .swatch[aria-pressed=true] .swatch-chip:after{content:"✓";background:var(--background);color:var(--lime-ink);text-align:center;border-radius:50%;width:20px;height:20px;font-size:14px;font-weight:700;line-height:20px;position:absolute;bottom:4px;right:5px}.reference-gates-double-swing-gate .swatch-label{min-height:28px;font-size:.77rem;line-height:1.15;display:block}.reference-gates-double-swing-gate .orientation{margin-top:25px}.reference-gates-double-swing-gate .orientation .small{margin-bottom:9px}.reference-gates-double-swing-gate .orientation .segmented{margin-bottom:12px}.reference-gates-double-swing-gate .sample-action{flex-wrap:wrap;align-items:center;gap:22px;margin-top:24px;display:flex}.reference-gates-double-swing-gate .colour-note{color:currentColor;margin-top:22px;font-size:.77rem}.reference-gates-double-swing-gate .no-preview{text-align:center;background:var(--secondary);flex-direction:column;justify-content:center;align-items:center;gap:15px;height:100%;padding:35px;display:flex}.reference-gates-double-swing-gate .colour-block{border:1px solid var(--fencing-overlay);width:140px;height:100px;display:block}.reference-gates-double-swing-gate .gallery-tools{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;margin:30px 0;display:flex}.reference-gates-double-swing-gate .filter-buttons{gap:24px;display:flex}.reference-gates-double-swing-gate .filter-buttons button{color:currentColor;background:0 0;border-bottom:2px solid #0000;padding:14px 0;font-size:.92rem}.reference-gates-double-swing-gate .filter-buttons button[aria-pressed=true]{border-color:var(--ink);color:var(--ink);font-weight:600}.reference-gates-double-swing-gate .gallery-tools select{color:var(--ink);background:0 0;border:0;max-width:180px;padding:9px 24px 9px 9px;font-size:.88rem}.reference-gates-double-swing-gate .gallery-grid{grid-template-columns:repeat(3,1fr);gap:40px 24px;display:grid}.reference-gates-double-swing-gate .gallery-card{text-align:left;color:inherit;background:0 0;padding:0}.reference-gates-double-swing-gate .gallery-card .gallery-img{aspect-ratio:1.35;overflow:hidden}.reference-gates-double-swing-gate .gallery-card img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.reference-gates-double-swing-gate .gallery-card:hover img{transform:scale(1.035)}.reference-gates-double-swing-gate .gallery-card h3{letter-spacing:0;margin:15px 0 6px;font-size:1.3rem;line-height:1.3}.reference-gates-double-swing-gate .gallery-card p{color:currentColor;font-size:.86rem}.reference-gates-double-swing-gate .gallery-bottom{justify-content:space-between;align-items:center;gap:30px;margin-top:38px;display:flex}.reference-gates-double-swing-gate .empty-gallery{color:currentColor;grid-column:1/-1;padding:50px 0}.reference-gates-double-swing-gate .construction{background:var(--foreground);color:var(--ink-foreground)}.reference-gates-double-swing-gate .construction .eyebrow{color:var(--accent)}.reference-gates-double-swing-gate .construction-grid{grid-template-columns:1fr 1fr;align-items:start;gap:85px;display:grid}.reference-gates-double-swing-gate .construction h2{max-width:450px;margin-bottom:25px}.reference-gates-double-swing-gate .construction .lead{color:var(--ink-foreground);max-width:455px}.reference-gates-double-swing-gate .construction-steps{border-top:1px solid var(--fencing-overlay)}.reference-gates-double-swing-gate .construction-step{border-bottom:1px solid var(--fencing-overlay);grid-template-columns:45px 1fr;gap:15px;padding:25px 0;display:grid}.reference-gates-double-swing-gate .construction-step>span{color:var(--accent);font-size:.85rem}.reference-gates-double-swing-gate .construction-step h3{letter-spacing:0;margin-bottom:10px;font-size:1.4rem}.reference-gates-double-swing-gate .construction-step p{color:var(--ink-foreground);font-size:.96rem}.reference-gates-double-swing-gate .construction .actions{margin-top:35px}.reference-gates-double-swing-gate .product-design{grid-template-columns:1.05fr 1fr;align-items:center;gap:75px;display:grid}.reference-gates-double-swing-gate .product-design img{aspect-ratio:1.12;object-fit:cover;width:100%}.reference-gates-double-swing-gate .product-design h2{margin-bottom:23px}.reference-gates-double-swing-gate .product-design p{margin-bottom:22px}.reference-gates-double-swing-gate .feature-list{border-top:1px solid var(--border);margin:30px 0 0;padding:0;list-style:none}.reference-gates-double-swing-gate .feature-list li{border-bottom:1px solid var(--border);gap:18px;padding:15px 0;font-size:.97rem;display:flex}.reference-gates-double-swing-gate .feature-list li>span{color:var(--lime-ink);padding-top:3px;font-size:.78rem}.reference-gates-double-swing-gate .spec-grid{grid-template-columns:.9fr 1.1fr;gap:100px;display:grid}.reference-gates-double-swing-gate .spec-grid h2{margin-bottom:24px}.reference-gates-double-swing-gate .spec-table{margin:0}.reference-gates-double-swing-gate .spec-table>div{border-top:1px solid var(--border);grid-template-columns:1fr 1.2fr;gap:25px;padding:18px 0;font-size:.97rem;display:grid}.reference-gates-double-swing-gate .spec-table dt{font-weight:600}.reference-gates-double-swing-gate .spec-table dd{color:currentColor;margin:0}.reference-gates-double-swing-gate .spec-table>div:last-child{border-bottom:1px solid var(--border)}.reference-gates-double-swing-gate .faq-grid{grid-template-columns:.85fr 1.15fr;gap:90px;display:grid}.reference-gates-double-swing-gate .faq-grid h2{max-width:380px;margin-bottom:25px}.reference-gates-double-swing-gate .faq-grid .lead{max-width:335px}.reference-gates-double-swing-gate .faqs details{border-top:1px solid var(--border)}.reference-gates-double-swing-gate .faqs details:last-child{border-bottom:1px solid var(--border)}.reference-gates-double-swing-gate .faqs summary{cursor:pointer;padding:23px 45px 23px 0;font-size:1.08rem;line-height:1.4;list-style:none;position:relative}.reference-gates-double-swing-gate .faqs summary::-webkit-details-marker{display:none}.reference-gates-double-swing-gate .faqs summary:after{content:"+";color:var(--lime-ink);font-size:1.6rem;font-weight:400;position:absolute;top:19px;right:4px}.reference-gates-double-swing-gate .faqs details[open] summary:after{content:"−"}.reference-gates-double-swing-gate .faqs details p{color:currentColor;padding:0 30px 25px 0;font-size:1rem;line-height:1.7}.reference-gates-double-swing-gate .crosslink{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:40px;margin-top:70px;padding:35px 0;display:flex}.reference-gates-double-swing-gate .crosslink h3{font-size:1.9rem}.reference-gates-double-swing-gate .final-cta{background:var(--accent);padding:75px 0}.reference-gates-double-swing-gate .final-cta .wrap{justify-content:space-between;align-items:center;gap:60px;display:flex}.reference-gates-double-swing-gate .final-cta h2{max-width:640px;font-size:3.6rem}.reference-gates-double-swing-gate .final-cta .eyebrow{color:var(--foreground)}.reference-gates-double-swing-gate .final-cta p{max-width:580px;color:var(--foreground);margin-top:20px}.reference-gates-double-swing-gate .final-cta .actions{flex-shrink:0;max-width:220px}.reference-gates-double-swing-gate .final-cta .btn{width:100%}.reference-gates-double-swing-gate .footer{background:var(--foreground);color:var(--ink-foreground);padding:65px 0 25px}.reference-gates-double-swing-gate .footer-top{grid-template-columns:repeat(4,minmax(0,1fr));gap:65px;display:grid}.reference-gates-double-swing-gate .footer .logo{width:175px}.reference-gates-double-swing-gate .footer p{color:var(--ink-foreground);max-width:330px;margin-top:22px;font-size:.9rem}.reference-gates-double-swing-gate .footer-title{letter-spacing:0;color:var(--accent);margin-bottom:20px;font-size:.76rem}.reference-gates-double-swing-gate .footer-links{flex-direction:column;gap:11px;font-size:.9rem;display:flex}.reference-gates-double-swing-gate .footer-bottom{border-top:1px solid var(--fencing-overlay);color:var(--foreground);justify-content:space-between;gap:20px;margin-top:50px;padding-top:25px;font-size:.76rem;display:flex}.reference-gates-double-swing-gate dialog{background:var(--background);color:var(--ink);width:100%;max-width:min(1050px,94vw);max-height:92dvh;box-shadow:0 20px 100px var(--fencing-overlay);border:0;padding:0;overflow:auto}.reference-gates-double-swing-gate dialog::backdrop{background:var(--fencing-overlay)}.reference-gates-double-swing-gate .dialog-close{z-index:2;background:var(--background);width:44px;height:44px;color:var(--ink);justify-content:center;align-items:center;font-size:1.6rem;display:flex;position:absolute;top:15px;right:15px}.reference-gates-double-swing-gate .lightbox-image{object-fit:contain;background:var(--foreground);width:100%;max-height:65dvh}.reference-gates-double-swing-gate .lightbox-.reference-gates-double-swing-gate{justify-content:space-between;align-items:center;gap:30px;padding:28px 35px;display:flex}.reference-gates-double-swing-gate .lightbox-.reference-gates-double-swing-gate h3{margin-bottom:8px;font-size:1.8rem}.reference-gates-double-swing-gate #sample-dialog{max-width:580px;padding:45px}.reference-gates-double-swing-gate #sample-dialog h2{margin-bottom:18px;font-size:2.7rem}.reference-gates-double-swing-gate #sample-dialog p{color:currentColor}.reference-gates-double-swing-gate .sample-fields{gap:20px;margin:26px 0;display:grid}.reference-gates-double-swing-gate .sample-fields label{font-size:.87rem;font-weight:600}.reference-gates-double-swing-gate .sample-fields select{border:1px solid var(--border);background:var(--card);border-radius:0;width:100%;margin-top:8px;padding:12px;display:block}.reference-gates-double-swing-gate .sample-summary{background:var(--secondary);margin:20px 0;padding:18px}.reference-gates-double-swing-gate .sample-summary strong{display:block}.reference-gates-double-swing-gate .sample-note{margin-top:18px;font-size:.83rem}.reference-gates-double-swing-gate .sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.reference-gates-double-swing-gate [hidden]{display:none!important}@media (width>=1700px){.reference-gates-double-swing-gate .hero{min-height:800px}}@media (width<=1100px){.reference-gates-double-swing-gate .wrap{width:90%}.reference-gates-double-swing-gate .primary-nav{gap:24px}.reference-gates-double-swing-gate .explorer-grid{grid-template-columns:1.15fr 1fr;gap:35px}.reference-gates-double-swing-gate .section{padding:80px 0}.reference-gates-double-swing-gate .construction-grid,.reference-gates-double-swing-gate .faq-grid,.reference-gates-double-swing-gate .spec-grid{gap:55px}.reference-gates-double-swing-gate .footer-top{gap:30px}.reference-gates-double-swing-gate .profile-image{height:320px}.reference-gates-double-swing-gate .jump-links{gap:17px}.reference-gates-double-swing-gate .swatches{gap:16px 12px}.reference-gates-double-swing-gate .product-design{gap:45px}}@media (width<=800px){.reference-gates-double-swing-gate .utility .wrap>span{display:none}.reference-gates-double-swing-gate .utility .wrap{justify-content:flex-end}.reference-gates-double-swing-gate .utility-links{gap:20px}.reference-gates-double-swing-gate .header-inner{height:82px}.reference-gates-double-swing-gate .logo{width:160px}.reference-gates-double-swing-gate .menu-toggle{display:block}.reference-gates-double-swing-gate .primary-nav{background:var(--foreground);flex-direction:column;align-items:stretch;gap:7px;padding:25px 5%;display:none;position:absolute;top:82px;left:0;right:0}.reference-gates-double-swing-gate .primary-nav.open{display:flex}.reference-gates-double-swing-gate .hero{min-height:650px}.reference-gates-double-swing-gate .hero-content{padding-top:160px;padding-bottom:80px}.reference-gates-double-swing-gate .hero h1{max-width:630px;font-size:4.7rem}.reference-gates-double-swing-gate .hero:after{background:linear-gradient(90deg,var(--fencing-hero-overlay),var(--fencing-hero-overlay)),linear-gradient(0deg,var(--fencing-hero-overlay),transparent)}.reference-gates-double-swing-gate .hero p:not(.eyebrow){font-size:1.05rem}.reference-gates-double-swing-gate .hero-caption{display:none}.reference-gates-double-swing-gate .page-nav .wrap{min-height:0;display:block}.reference-gates-double-swing-gate .page-tabs{justify-content:space-between;gap:15px}.reference-gates-double-swing-gate .page-tabs a{padding:17px 0;font-size:.85rem}.reference-gates-double-swing-gate .jump-links{display:none}.reference-gates-double-swing-gate .intro-grid{grid-template-columns:1fr;gap:15px}.reference-gates-double-swing-gate .intro-grid .lead{padding-top:0}.reference-gates-double-swing-gate .benefit-strip{grid-template-columns:1fr 1fr;gap:0;margin-top:40px}.reference-gates-double-swing-gate .benefit{padding:25px 15px 20px 0}.reference-gates-double-swing-gate .benefit:not(:first-child){padding-left:20px}.reference-gates-double-swing-gate .benefit:nth-child(3){border-left:0;border-top:1px solid var(--border);padding-left:0}.reference-gates-double-swing-gate .benefit:nth-child(4){border-top:1px solid var(--border)}.reference-gates-double-swing-gate .section-head{flex-direction:column;align-items:start;gap:22px;margin-bottom:32px}.reference-gates-double-swing-gate .section-head p{max-width:620px}.reference-gates-double-swing-gate .profile-image{height:300px}.reference-gates-double-swing-gate .profile-info h3{font-size:2rem}.reference-gates-double-swing-gate .explorer-grid{grid-template-columns:1fr;gap:30px}.reference-gates-double-swing-gate .explorer-photo{aspect-ratio:1.5}.reference-gates-double-swing-gate .explorer-controls h3{font-size:2.5rem}.reference-gates-double-swing-gate .finish-story{min-height:0}.reference-gates-double-swing-gate .swatches{grid-template-columns:repeat(5,1fr);gap:22px}.reference-gates-double-swing-gate .swatch-chip{height:60px}.reference-gates-double-swing-gate .swatch-label{min-height:0;font-size:.82rem}.reference-gates-double-swing-gate .gallery-grid{grid-template-columns:1fr 1fr}.reference-gates-double-swing-gate .construction-grid,.reference-gates-double-swing-gate .faq-grid,.reference-gates-double-swing-gate .spec-grid,.reference-gates-double-swing-gate .product-design{grid-template-columns:1fr;gap:40px}.reference-gates-double-swing-gate .construction h2{max-width:600px}.reference-gates-double-swing-gate .product-design img{aspect-ratio:1.5}.reference-gates-double-swing-gate .faq-grid h2{max-width:580px}.reference-gates-double-swing-gate .faq-grid .lead{max-width:500px}.reference-gates-double-swing-gate .final-cta .wrap{flex-direction:column;align-items:flex-start;gap:32px}.reference-gates-double-swing-gate .final-cta .actions{max-width:none}.reference-gates-double-swing-gate .final-cta .btn{width:auto}.reference-gates-double-swing-gate .footer-top{grid-template-columns:1.5fr 1fr;gap:42px}.reference-gates-double-swing-gate .footer-bottom{flex-direction:column}.reference-gates-double-swing-gate .lightbox-.reference-gates-double-swing-gate{flex-direction:column;align-items:start;gap:18px}}@media (width<=520px){.reference-gates-double-swing-gate{font-size:16px}.reference-gates-double-swing-gate .wrap{width:89%}.reference-gates-double-swing-gate .utility{height:30px}.reference-gates-double-swing-gate .utility-links{gap:22px;font-size:.65rem}.reference-gates-double-swing-gate .hero{min-height:690px}.reference-gates-double-swing-gate .hero.product{min-height:650px}.reference-gates-double-swing-gate .hero-content{padding-top:140px;padding-bottom:64px}.reference-gates-double-swing-gate .hero h1{letter-spacing:0;font-size:3.25rem}.reference-gates-double-swing-gate .hero .eyebrow{font-size:.72rem}.reference-gates-double-swing-gate .hero .actions{flex-direction:column;align-items:stretch;max-width:270px}.reference-gates-double-swing-gate .section{padding:62px 0}.reference-gates-double-swing-gate .eyebrow{margin-bottom:16px}.reference-gates-double-swing-gate h2{font-size:2.55rem}.reference-gates-double-swing-gate .benefit strong{font-size:1.05rem}.reference-gates-double-swing-gate .benefit p{font-size:.88rem}.reference-gates-double-swing-gate .benefit:not(:first-child){padding-left:16px}.reference-gates-double-swing-gate .benefit:nth-child(3){padding-left:0}.reference-gates-double-swing-gate .profiles{grid-template-columns:1fr;gap:38px}.reference-gates-double-swing-gate .profile-image{height:285px}.reference-gates-double-swing-gate .profile-info{padding-top:22px}.reference-gates-double-swing-gate .profile-info p{font-size:.98rem}.reference-gates-double-swing-gate .explorer-photo{aspect-ratio:1.15}.reference-gates-double-swing-gate .image-note{font-size:.7rem;bottom:12px;left:12px}.reference-gates-double-swing-gate .photo-caption{flex-direction:column;gap:2px}.reference-gates-double-swing-gate .swatches{grid-template-columns:repeat(3,1fr);gap:20px 12px}.reference-gates-double-swing-gate .swatch-chip{height:49px}.reference-gates-double-swing-gate .swatch-label{font-size:.82rem}.reference-gates-double-swing-gate .sample-action{gap:17px}.reference-gates-double-swing-gate .gallery-tools{align-items:flex-start}.reference-gates-double-swing-gate .filter-buttons{gap:19px}.reference-gates-double-swing-gate .filter-buttons button{font-size:.86rem}.reference-gates-double-swing-gate .gallery-tools select{max-width:115px;padding-top:15px;font-size:.8rem}.reference-gates-double-swing-gate .gallery-grid{grid-template-columns:1fr;gap:30px}.reference-gates-double-swing-gate .gallery-card .gallery-img{aspect-ratio:1.4}.reference-gates-double-swing-gate .gallery-bottom{flex-direction:column;align-items:start;gap:20px}.reference-gates-double-swing-gate .spec-table>div{grid-template-columns:1fr 1.2fr;gap:20px;font-size:.9rem}.reference-gates-double-swing-gate .construction-step{grid-template-columns:27px 1fr;gap:12px}.reference-gates-double-swing-gate .faqs summary{font-size:1rem}.reference-gates-double-swing-gate .crosslink{flex-direction:column;align-items:start;margin-top:45px}.reference-gates-double-swing-gate .final-cta{padding:60px 0}.reference-gates-double-swing-gate .final-cta .actions{flex-direction:column;width:100%;max-width:270px}.reference-gates-double-swing-gate .footer-top{grid-template-columns:1fr 1fr;gap:35px 24px}.reference-gates-double-swing-gate .footer-top>div:first-child,.reference-gates-double-swing-gate .footer-top>div:last-child{grid-column:1/-1}.reference-gates-double-swing-gate .footer-title{margin-bottom:16px}.reference-gates-double-swing-gate #sample-dialog{padding:35px 25px}.reference-gates-double-swing-gate .lightbox-.reference-gates-double-swing-gate{padding:23px}.reference-gates-double-swing-gate .page-tabs{gap:10px}.reference-gates-double-swing-gate .page-tabs a{font-size:.79rem}.reference-gates-double-swing-gate .segmented button{padding:10px 16px}}@media (prefers-reduced-motion:reduce){.reference-gates-double-swing-gate{scroll-behavior:auto}.reference-gates-double-swing-gate *{transition:none!important}}.reference-gates-double-swing-gate .preview-switch{width:100%;margin-bottom:18px}.reference-gates-double-swing-gate .preview-switch button{flex:1;min-height:46px}.reference-gates-double-swing-gate .explorer-photo.board-preview{background:var(--card);border:1px solid var(--border)}.reference-gates-double-swing-gate .explorer-photo.board-preview>img{object-fit:contain;width:100%;height:100%;padding:18px 20px 35px}.reference-gates-double-swing-gate .board-colour-label{margin:25px 0 13px;font-size:.85rem;font-weight:600}.reference-gates-double-swing-gate .swatches.board-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:21px 15px;margin:0 0 22px}.reference-gates-double-swing-gate .board-options .swatch-chip{aspect-ratio:.84;background:var(--card);border:1px solid var(--border);height:auto;margin-bottom:10px;overflow:visible}.reference-gates-double-swing-gate .board-options .swatch-chip img{object-fit:contain;width:100%;height:100%;transition:transform .25s}.reference-gates-double-swing-gate .board-options .swatch:hover img{transform:scale(1.06)}.reference-gates-double-swing-gate .board-options .swatch-label{min-height:1.25em;font-size:.85rem;line-height:1.25}.reference-gates-double-swing-gate .board-options .swatch[aria-pressed=true] .swatch-chip{outline-offset:3px}.reference-gates-double-swing-gate .additional-finish{color:currentColor;flex-wrap:wrap;align-items:center;gap:5px 10px;margin-top:8px;font-size:.8rem;display:flex}.reference-gates-double-swing-gate .additional-finish button{color:var(--ink);background:0 0;padding:5px 0;font-size:.8rem}.reference-gates-double-swing-gate .additional-finish button[aria-pressed=true]{color:var(--lime-ink);border-bottom-width:2px}.reference-gates-double-swing-gate .board-unavailable{background:var(--card)}.reference-gates-double-swing-gate .board-unavailable p{max-width:35ch}.reference-gates-double-swing-gate .board-unavailable .eyebrow{margin-bottom:0}.reference-gates-double-swing-gate .board-unavailable .btn{margin-top:12px}.reference-gates-double-swing-gate .board-dialog-image{background:var(--card);justify-content:center;align-items:center;padding:35px 30px 15px;display:flex}.reference-gates-double-swing-gate .board-dialog-image img{object-fit:contain;max-width:100%;height:62dvh;max-height:760px}.reference-gates-double-swing-gate #board-dialog{max-width:min(900px,94vw)}.reference-gates-double-swing-gate #board-dialog .lightbox-.reference-gates-double-swing-gate{border-top:1px solid var(--border)}@media (width<=1100px){.reference-gates-double-swing-gate .swatches.board-options{gap:20px 12px}.reference-gates-double-swing-gate .board-options .swatch-label{font-size:.8rem}.reference-gates-double-swing-gate .board-options .swatch-chip{aspect-ratio:.75}}@media (width<=800px){.reference-gates-double-swing-gate .explorer-photo.board-preview{aspect-ratio:1.3}.reference-gates-double-swing-gate .swatches.board-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px}.reference-gates-double-swing-gate .board-options .swatch-chip{aspect-ratio:1}.reference-gates-double-swing-gate .board-options .swatch-label{font-size:.88rem}.reference-gates-double-swing-gate .preview-switch{margin-bottom:15px}}@media (width<=520px){.reference-gates-double-swing-gate .explorer-photo.board-preview{aspect-ratio:1.04}.reference-gates-double-swing-gate .explorer-photo.board-preview>img{padding:10px 14px 30px}.reference-gates-double-swing-gate .swatches.board-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:21px 12px}.reference-gates-double-swing-gate .board-options .swatch-chip{aspect-ratio:.65}.reference-gates-double-swing-gate .board-options .swatch-label{min-height:2.5em;font-size:.82rem}.reference-gates-double-swing-gate .preview-switch button{padding:12px 10px;font-size:.85rem}.reference-gates-double-swing-gate .board-dialog-image{padding:45px 15px 15px}.reference-gates-double-swing-gate .board-dialog-image img{height:52dvh}.reference-gates-double-swing-gate .additional-finish{font-size:.8rem}}.reference-gates-double-swing-gate .header .logo,.reference-gates-double-swing-gate .footer .logo{mix-blend-mode:normal;object-fit:contain;width:240px;height:auto;max-height:none;display:block}.reference-gates-double-swing-gate .header-inner>a:first-child{flex-shrink:0;display:block}@media (width<=1000px){.reference-gates-double-swing-gate .header .logo{width:210px}}@media (width<=480px){.reference-gates-double-swing-gate .header .logo{width:188px}.reference-gates-double-swing-gate .footer .logo{width:220px}}.reference-gates-double-swing-gate .advantages{position:relative}.reference-gates-double-swing-gate .advantages .section-anchor{position:absolute;top:0;left:0}.reference-gates-double-swing-gate .advantage-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:70px;display:grid}.reference-gates-double-swing-gate .advantages .advantage-intro .eyebrow{letter-spacing:0;max-width:390px;font-size:.8rem;line-height:1.6}.reference-gates-double-swing-gate .advantages h2{letter-spacing:0;max-width:530px;margin-bottom:25px;font-size:4.2rem;line-height:1.08}.reference-gates-double-swing-gate .advantages h2 span{color:var(--accent)}.reference-gates-double-swing-gate .advantages .lead{max-width:390px;margin-bottom:32px;line-height:1.65}.reference-gates-double-swing-gate .advantage-intro>.btn{border-color:var(--secondary);color:var(--ink-foreground);min-height:48px}.reference-gates-double-swing-gate .advantage-grid{gap:22px;display:grid}.reference-gates-double-swing-gate .advantage-card{background:var(--background);color:var(--ink);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);min-width:0;min-height:235px;display:grid;overflow:hidden}.reference-gates-double-swing-gate .advantage-image{background:var(--card);justify-content:center;align-items:center;min-width:0;padding:34px 14px 25px;display:flex;position:relative}.reference-gates-double-swing-gate .advantage-number{color:var(--lime-ink);letter-spacing:0;font-size:.8rem;font-weight:600;position:absolute;top:18px;left:20px}.reference-gates-double-swing-gate .advantage-drawing{width:100%;max-width:240px;height:auto;display:block;overflow:hidden}.reference-gates-double-swing-gate .advantage-copy{flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;padding:31px 30px 29px 24px;display:flex}.reference-gates-double-swing-gate .advantage-copy h3{letter-spacing:0;margin-bottom:13px;font-size:1.55rem;line-height:1.2}.reference-gates-double-swing-gate .advantage-copy p{color:currentColor;margin-bottom:21px;font-size:1rem;line-height:1.65}.reference-gates-double-swing-gate .advantage-result{border-top:2px solid var(--secondary);max-width:100%;color:var(--lime-ink);padding-top:13px;font-size:.875rem;font-weight:600;line-height:1.45;display:block}.reference-gates-double-swing-gate .jump-links a{white-space:nowrap}@media (width<=1180px){.reference-gates-double-swing-gate .page-nav .jump-links{display:none}.reference-gates-double-swing-gate .advantage-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:42px}.reference-gates-double-swing-gate .advantage-copy{padding:28px 24px 26px 20px}.reference-gates-double-swing-gate .advantages h2{font-size:3.25rem}}@media (width<=1000px){.reference-gates-double-swing-gate .advantage-layout{grid-template-columns:1fr;gap:38px}.reference-gates-double-swing-gate .advantage-intro,.reference-gates-double-swing-gate .advantages h2{max-width:600px}.reference-gates-double-swing-gate .advantages .lead{max-width:570px}.reference-gates-double-swing-gate .advantage-card{grid-template-columns:minmax(180px,.65fr) minmax(0,1.35fr);min-height:220px}.reference-gates-double-swing-gate .advantage-copy{padding:30px}.reference-gates-double-swing-gate .advantage-image{padding:35px 20px 25px}.reference-gates-double-swing-gate .advantage-drawing{max-width:235px}}@media (width<=520px){.reference-gates-double-swing-gate .advantages h2{font-size:2.75rem}.reference-gates-double-swing-gate .advantages .advantage-intro .eyebrow{max-width:290px;font-size:.8rem}.reference-gates-double-swing-gate .advantage-layout{gap:32px}.reference-gates-double-swing-gate .advantage-grid{gap:22px}.reference-gates-double-swing-gate .advantage-card{grid-template-columns:1fr}.reference-gates-double-swing-gate .advantage-image{height:175px;padding:30px 45px 18px}.reference-gates-double-swing-gate .advantage-drawing{width:auto;max-width:100%;height:100%}.reference-gates-double-swing-gate .advantage-number{top:17px;left:24px}.reference-gates-double-swing-gate .advantage-copy{padding:25px}.reference-gates-double-swing-gate .advantage-copy h3{font-size:1.55rem}.reference-gates-double-swing-gate .advantage-copy p{margin-bottom:19px}.reference-gates-double-swing-gate .advantage-result{font-size:.875rem}.reference-gates-double-swing-gate .advantage-intro>.btn{font-size:.8rem}}.reference-gates-double-swing-gate .trims-section{border-top:1px solid var(--border);background:var(--background)}.reference-gates-double-swing-gate .trim-section-meta{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.reference-gates-double-swing-gate .trim-finish{color:currentColor;align-items:center;gap:10px;font-size:.88rem;display:inline-flex}.reference-gates-double-swing-gate .trim-finish>span{background:var(--border);border:1px solid var(--fencing-overlay);width:24px;height:24px;display:block}.reference-gates-double-swing-gate .trim-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.reference-gates-double-swing-gate .trim-card{text-align:left;color:inherit;border:1px solid var(--border);background:0 0;flex-direction:column;padding:0;transition:border-color .2s;display:flex}.reference-gates-double-swing-gate .trim-card:hover{border-color:var(--lime-ink)}.reference-gates-double-swing-gate .trim-card-image{background:var(--card);aspect-ratio:1.35;width:100%;position:relative;overflow:hidden}.reference-gates-double-swing-gate .trim-card-image img{object-fit:contain;width:100%;height:100%;transition:transform .4s}.reference-gates-double-swing-gate .trim-card:hover img{transform:scale(1.035)}.reference-gates-double-swing-gate .trim-card-number{color:currentColor;font-size:.75rem;position:absolute;top:14px;left:16px}.reference-gates-double-swing-gate .trim-card-.reference-gates-double-swing-gate{flex-direction:column;flex:1;align-items:flex-start;padding:22px 20px;display:flex}.reference-gates-double-swing-gate .trim-card h3{letter-spacing:0;margin-bottom:8px;font-size:1.2rem;line-height:1.25}.reference-gates-double-swing-gate .trim-card p{color:currentColor;margin-bottom:22px;font-size:.85rem}.reference-gates-double-swing-gate .trim-view{border-bottom:1px solid;margin-top:auto;padding-bottom:3px;font-size:.82rem;font-weight:600;display:inline-block}.reference-gates-double-swing-gate .trim-section-bottom{justify-content:space-between;align-items:center;gap:50px;margin-top:35px;display:flex}.reference-gates-double-swing-gate .trim-section-bottom p{max-width:650px}.reference-gates-double-swing-gate .trim-section-bottom .btn{flex-shrink:0}.reference-gates-double-swing-gate #trim-dialog{max-width:min(1100px,94vw)}.reference-gates-double-swing-gate .trim-dialog-grid{grid-template-columns:1.2fr 1fr;min-height:480px;display:grid}.reference-gates-double-swing-gate .trim-dialog-image{background:var(--card);justify-content:center;align-items:center;min-width:0;padding:25px;display:flex}.reference-gates-double-swing-gate .trim-dialog-image img{object-fit:contain;width:100%;max-height:65dvh}.reference-gates-double-swing-gate .trim-dialog-.reference-gates-double-swing-gate{flex-direction:column;align-items:flex-start;padding:62px 40px 45px;display:flex}.reference-gates-double-swing-gate .trim-dialog-.reference-gates-double-swing-gate h2{margin-bottom:24px;font-size:2.5rem}.reference-gates-double-swing-gate .trim-dialog-.reference-gates-double-swing-gate>.trim-finish{margin-bottom:25px}.reference-gates-double-swing-gate .trim-dialog-.reference-gates-double-swing-gate #trim-dialog-description{margin-bottom:22px;font-size:1.02rem}.reference-gates-double-swing-gate .trim-dialog-.reference-gates-double-swing-gate>.btn{margin-top:30px}.reference-gates-double-swing-gate .trim-dialog-.reference-gates-double-swing-gate>.eyebrow{margin-bottom:17px}@media (width<=1100px){.reference-gates-double-swing-gate .trim-grid{gap:18px}.reference-gates-double-swing-gate .trim-card-.reference-gates-double-swing-gate{padding:20px 15px}.reference-gates-double-swing-gate .trim-card h3{font-size:1.08rem}}@media (width<=950px){.reference-gates-double-swing-gate .page-nav .jump-links{display:none}.reference-gates-double-swing-gate .trim-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-gates-double-swing-gate .trim-dialog-grid{grid-template-columns:1fr}.reference-gates-double-swing-gate .trim-dialog-image{padding:10px 35px}.reference-gates-double-swing-gate .trim-dialog-image img{height:38dvh}.reference-gates-double-swing-gate .trim-dialog-.reference-gates-double-swing-gate{padding:30px 35px 40px}.reference-gates-double-swing-gate .trim-dialog-.reference-gates-double-swing-gate h2{margin-bottom:20px}.reference-gates-double-swing-gate .trim-section-bottom{gap:25px}}@media (width<=520px){.reference-gates-double-swing-gate .trim-grid{gap:18px 12px}.reference-gates-double-swing-gate .trim-card-.reference-gates-double-swing-gate{padding:16px 13px}.reference-gates-double-swing-gate .trim-card h3{font-size:1rem;line-height:1.3}.reference-gates-double-swing-gate .trim-card p{margin-bottom:18px;font-size:.8rem}.reference-gates-double-swing-gate .trim-card-image{aspect-ratio:1.05}.reference-gates-double-swing-gate .trim-card-number{top:10px;left:10px}.reference-gates-double-swing-gate .trim-card-image img{transform:scale(1.12)}.reference-gates-double-swing-gate .trim-card:hover img{transform:scale(1.16)}.reference-gates-double-swing-gate .trim-section-meta{align-items:flex-start;gap:20px}.reference-gates-double-swing-gate .trim-section-meta>p{text-align:right;max-width:150px;font-size:.8rem}.reference-gates-double-swing-gate .trim-section-bottom{flex-direction:column;align-items:flex-start;gap:23px}.reference-gates-double-swing-gate .trim-dialog-.reference-gates-double-swing-gate{padding:25px}.reference-gates-double-swing-gate .trim-dialog-.reference-gates-double-swing-gate h2{font-size:2.15rem}.reference-gates-double-swing-gate .trim-dialog-image{padding:20px}.reference-gates-double-swing-gate .trim-dialog-image img{height:31dvh}.reference-gates-double-swing-gate .trim-dialog-.reference-gates-double-swing-gate>.btn{width:100%}}.reference-gates-double-swing-gate .material-story .intro-grid{grid-template-columns:1.25fr 1fr;align-items:center;gap:70px}.reference-gates-double-swing-gate .material-story .intro-grid h2{max-width:690px;font-size:3.7rem;line-height:1.1}.reference-gates-double-swing-gate .material-story .intro-grid h2 span{color:var(--lime-ink)}.reference-gates-double-swing-gate .material-story .intro-grid .lead{max-width:440px;padding-top:22px}.reference-gates-double-swing-gate .material-story .lead strong{font-weight:inherit;color:var(--ink)}.reference-gates-double-swing-gate .material-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);align-items:stretch;gap:60px;margin-top:48px;display:grid}.reference-gates-double-swing-gate .core-card{background:var(--secondary);border-top:3px solid var(--lime-ink);padding:34px 36px 30px}.reference-gates-double-swing-gate .core-card .eyebrow{letter-spacing:0;margin-bottom:18px;font-size:.8rem}.reference-gates-double-swing-gate .core-card h3{letter-spacing:0;font-size:1.95rem;line-height:1.15}.reference-gates-double-swing-gate .core-composition{margin:25px 0 23px}.reference-gates-double-swing-gate .core-composition>div{border-bottom:1px solid var(--secondary);grid-template-columns:96px minmax(0,1fr);align-items:center;gap:15px;padding:14px 0;display:grid}.reference-gates-double-swing-gate .core-composition>div:first-child{border-top:1px solid var(--secondary)}.reference-gates-double-swing-gate .core-composition dt{color:var(--foreground);grid-area:1/2;font-size:.95rem;line-height:1.45}.reference-gates-double-swing-gate .core-composition dd{letter-spacing:0;color:var(--foreground);font-variant-numeric:tabular-nums;grid-area:1/1;margin:0;font-size:2.55rem;font-weight:500;line-height:1}.reference-gates-double-swing-gate .core-composition dd span{letter-spacing:0;margin-left:3px;font-size:1.2rem}.reference-gates-double-swing-gate .core-note{color:var(--foreground);font-size:1rem;line-height:1.6}.reference-gates-double-swing-gate .material-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 42px;display:grid}.reference-gates-double-swing-gate .material-benefit{border-bottom:1px solid var(--border);padding:12px 0 30px}.reference-gates-double-swing-gate .material-benefit:nth-child(n+3){border-bottom:0;padding-top:28px;padding-bottom:4px}.reference-gates-double-swing-gate .material-icon{width:42px;height:42px;color:var(--lime-ink);justify-content:center;align-items:center;margin-bottom:20px;display:flex}.reference-gates-double-swing-gate .material-icon svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:34px;height:34px}.reference-gates-double-swing-gate .material-benefit h3{letter-spacing:0;margin-bottom:13px;font-size:1.45rem;line-height:1.2}.reference-gates-double-swing-gate .material-benefit p{color:currentColor;font-size:1rem;line-height:1.65}@media (width<=1100px){.reference-gates-double-swing-gate .material-story .intro-grid{gap:40px}.reference-gates-double-swing-gate .material-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:35px}.reference-gates-double-swing-gate .core-card{padding:30px 26px}.reference-gates-double-swing-gate .core-composition>div{grid-template-columns:80px minmax(0,1fr);gap:10px}.reference-gates-double-swing-gate .material-benefits{gap:0 28px}.reference-gates-double-swing-gate .material-benefit h3{font-size:1.3rem}}@media (width<=800px){.reference-gates-double-swing-gate .material-story .intro-grid{grid-template-columns:1fr;gap:22px}.reference-gates-double-swing-gate .material-story .intro-grid .lead{max-width:600px;padding-top:0}.reference-gates-double-swing-gate .material-layout{grid-template-columns:1fr;gap:30px;margin-top:35px}.reference-gates-double-swing-gate .core-card{padding:30px}.reference-gates-double-swing-gate .core-composition{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:25px 0 20px;display:grid}.reference-gates-double-swing-gate .core-composition>div{border-top:1px solid var(--secondary);flex-direction:column;align-items:flex-start;gap:12px;padding:18px 0;display:flex}.reference-gates-double-swing-gate .core-composition dd{order:-1}.reference-gates-double-swing-gate .core-composition dt{font-size:.95rem}.reference-gates-double-swing-gate .core-note{max-width:550px}.reference-gates-double-swing-gate .material-benefits{gap:0 35px}.reference-gates-double-swing-gate .material-benefit{padding-top:15px}.reference-gates-double-swing-gate .material-benefit h3{font-size:1.45rem}}@media (width<=520px){.reference-gates-double-swing-gate .material-story .intro-grid h2{font-size:2.55rem}.reference-gates-double-swing-gate .core-card{padding:27px 25px}.reference-gates-double-swing-gate .core-card h3{font-size:1.85rem}.reference-gates-double-swing-gate .core-composition{margin:23px 0 20px;display:block}.reference-gates-double-swing-gate .core-composition>div{border-top:0;grid-template-columns:82px minmax(0,1fr);gap:14px;padding:15px 0;display:grid}.reference-gates-double-swing-gate .core-composition dd{font-size:2.4rem}.reference-gates-double-swing-gate .core-composition dt{font-size:1rem}.reference-gates-double-swing-gate .material-benefits{grid-template-columns:1fr;gap:0}.reference-gates-double-swing-gate .material-benefit,.reference-gates-double-swing-gate .material-benefit:nth-child(n+3){border-bottom:1px solid var(--border);grid-template-columns:36px minmax(0,1fr);column-gap:18px;padding:25px 0;display:grid}.reference-gates-double-swing-gate .material-benefit:last-child{border-bottom:0;padding-bottom:0}.reference-gates-double-swing-gate .material-icon{grid-area:1/1;width:36px;height:32px;margin:0}.reference-gates-double-swing-gate .material-icon svg{width:30px;height:30px}.reference-gates-double-swing-gate .material-benefit h3{grid-area:1/2;margin:2px 0 12px;font-size:1.4rem}.reference-gates-double-swing-gate .material-benefit p{grid-column:2;font-size:1rem}}.reference-gates-double-swing-gate .buying-section{background:var(--secondary);border-top:1px solid var(--border)}.reference-gates-double-swing-gate .buying-section .section-head{align-items:center}.reference-gates-double-swing-gate .buying-section .section-head .lead{max-width:430px}.reference-gates-double-swing-gate .buying-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.reference-gates-double-swing-gate .buying-option{background:var(--background);border:1px solid var(--border);grid-template-columns:54px minmax(0,1fr);gap:24px;padding:36px;transition:border-color .2s,background .2s;display:grid}.reference-gates-double-swing-gate .buying-option:hover{border-color:var(--lime-ink);background:var(--card)}.reference-gates-double-swing-gate .buying-icon{color:var(--lime-ink);background:var(--secondary);justify-content:center;align-items:center;width:54px;height:54px;display:flex}.reference-gates-double-swing-gate .buying-icon svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:38px;height:38px}.reference-gates-double-swing-gate .buying-option h3{letter-spacing:0;margin:2px 0 14px;font-size:1.7rem;line-height:1.2}.reference-gates-double-swing-gate .buying-option p{color:currentColor;max-width:370px;font-size:1rem;line-height:1.65}.reference-gates-double-swing-gate .buying-link{border-top:1px solid var(--border);color:var(--lime-ink);justify-content:space-between;align-items:center;gap:20px;margin-top:27px;padding-top:18px;font-size:.95rem;font-weight:600;display:flex}.reference-gates-double-swing-gate .buying-link>span{font-size:1.3rem;line-height:1}.reference-gates-double-swing-gate .buying-help{justify-content:space-between;align-items:center;gap:35px;margin-top:32px;display:flex}.reference-gates-double-swing-gate .buying-help h3{letter-spacing:0;margin-bottom:5px;font-size:1.15rem;line-height:1.35}.reference-gates-double-swing-gate .buying-help p{color:currentColor;font-size:1rem}.reference-gates-double-swing-gate .buying-help .btn{flex-shrink:0}.reference-gates-double-swing-gate .professionals-section{background:var(--foreground);color:var(--background)}.reference-gates-double-swing-gate .professionals-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:80px;display:grid}.reference-gates-double-swing-gate .professionals-copy .eyebrow{color:var(--accent)}.reference-gates-double-swing-gate .professionals-copy h2{max-width:530px;margin-bottom:24px}.reference-gates-double-swing-gate .professionals-copy .lead{color:var(--ink-foreground);max-width:460px}.reference-gates-double-swing-gate .professional-links{border-top:1px solid var(--fencing-overlay);margin-top:31px}.reference-gates-double-swing-gate .professional-links>a{border-bottom:1px solid var(--fencing-overlay);justify-content:space-between;align-items:center;gap:20px;padding:23px 0;display:flex}.reference-gates-double-swing-gate .professional-links h3{letter-spacing:0;margin-bottom:8px;font-size:1.35rem;line-height:1.25}.reference-gates-double-swing-gate .professional-links p{color:var(--ink-foreground);max-width:380px;font-size:1rem;line-height:1.55}.reference-gates-double-swing-gate .professional-links>a>span{color:var(--accent);flex-shrink:0;font-size:1.6rem;line-height:1}.reference-gates-double-swing-gate .professional-links>a:hover h3{color:var(--accent)}.reference-gates-double-swing-gate .professional-inspiration{border-bottom:1px solid var(--secondary);align-items:center;gap:20px;margin-top:25px;padding:7px 0;font-size:.95rem;font-weight:600;display:inline-flex}.reference-gates-double-swing-gate .professional-inspiration>span{color:var(--accent)}.reference-gates-double-swing-gate .professionals-image{min-width:0;position:relative}.reference-gates-double-swing-gate .professionals-image>img{object-fit:cover;object-position:center;width:100%;height:510px}.reference-gates-double-swing-gate .professionals-image figcaption{color:var(--ink-foreground);flex-wrap:wrap;justify-content:space-between;gap:5px 15px;margin-top:14px;font-size:.875rem;line-height:1.45;display:flex}.reference-gates-double-swing-gate .professionals-image small{color:var(--ink-foreground);font-size:.8rem}@media (width<=1100px){.reference-gates-double-swing-gate .buying-option{grid-template-columns:46px minmax(0,1fr);gap:20px;padding:30px}.reference-gates-double-swing-gate .buying-icon{width:46px;height:46px}.reference-gates-double-swing-gate .buying-icon svg{width:32px;height:32px}.reference-gates-double-swing-gate .buying-option h3{font-size:1.5rem}.reference-gates-double-swing-gate .professionals-layout{gap:45px}.reference-gates-double-swing-gate .professionals-image>img{height:520px}}@media (width<=800px){.reference-gates-double-swing-gate .buying-section .section-head{align-items:flex-start}.reference-gates-double-swing-gate .buying-section .section-head .lead{max-width:600px}.reference-gates-double-swing-gate .buying-options{grid-template-columns:1fr;gap:20px}.reference-gates-double-swing-gate .buying-option{grid-template-columns:54px minmax(0,1fr);gap:25px}.reference-gates-double-swing-gate .buying-option p{max-width:550px}.reference-gates-double-swing-gate .buying-icon{width:54px;height:54px}.reference-gates-double-swing-gate .buying-icon svg{width:38px;height:38px}.reference-gates-double-swing-gate .buying-option h3{font-size:1.7rem}.reference-gates-double-swing-gate .professionals-layout{grid-template-columns:1fr;gap:38px}.reference-gates-double-swing-gate .professionals-copy h2{max-width:620px}.reference-gates-double-swing-gate .professionals-copy .lead,.reference-gates-double-swing-gate .professional-links p{max-width:600px}.reference-gates-double-swing-gate .professionals-image>img{aspect-ratio:1.5;height:auto}.reference-gates-double-swing-gate .professionals-image figcaption{margin-top:12px}}@media (width<=520px){.reference-gates-double-swing-gate .buying-option{grid-template-columns:1fr;gap:21px;padding:26px}.reference-gates-double-swing-gate .buying-option h3{font-size:1.55rem}.reference-gates-double-swing-gate .buying-option p{font-size:1rem}.reference-gates-double-swing-gate .buying-link{margin-top:23px;padding-top:17px}.reference-gates-double-swing-gate .buying-help{flex-direction:column;align-items:flex-start;gap:22px;margin-top:28px}.reference-gates-double-swing-gate .buying-help h3{font-size:1.1rem}.reference-gates-double-swing-gate .buying-help p{font-size:1rem}.reference-gates-double-swing-gate .professionals-copy h2{font-size:2.65rem}.reference-gates-double-swing-gate .professional-links{margin-top:26px}.reference-gates-double-swing-gate .professional-links>a{padding:22px 0}.reference-gates-double-swing-gate .professional-links h3{font-size:1.3rem}.reference-gates-double-swing-gate .professional-links p{font-size:1rem}.reference-gates-double-swing-gate .professional-inspiration{font-size:.9rem}.reference-gates-double-swing-gate .professionals-image>img{aspect-ratio:1.15}.reference-gates-double-swing-gate .professionals-image figcaption{flex-direction:column;font-size:.875rem}}.reference-gates-double-swing-gate .journal-section{background:var(--background)}.reference-gates-double-swing-gate .journal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;display:grid}.reference-gates-double-swing-gate .journal-card{color:var(--ink);text-align:left;background:0 0;flex-direction:column;min-width:0;padding:0;display:flex}.reference-gates-double-swing-gate .journal-card-image{aspect-ratio:1.4;background:var(--secondary);width:100%;position:relative;overflow:hidden}.reference-gates-double-swing-gate .journal-card-image>img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.reference-gates-double-swing-gate .journal-card:hover .journal-card-image>img{transform:scale(1.035)}.reference-gates-double-swing-gate .journal-image-note{background:var(--fencing-overlay);color:var(--foreground);padding:4px 8px;font-size:.75rem;line-height:1.35;position:absolute;bottom:12px;left:14px}.reference-gates-double-swing-gate .journal-card-copy{flex-direction:column;flex:1;align-items:flex-start;width:100%;padding:25px 0 0;display:flex}.reference-gates-double-swing-gate .journal-category{text-transform:uppercase;letter-spacing:0;color:var(--lime-ink);font-size:.8rem;font-weight:600;line-height:1.5}.reference-gates-double-swing-gate .journal-card h3{letter-spacing:0;margin:12px 0 14px;font-size:1.65rem;line-height:1.18}.reference-gates-double-swing-gate .journal-card p{color:currentColor;margin-bottom:24px;font-size:1rem;line-height:1.6}.reference-gates-double-swing-gate .journal-read{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;width:100%;margin-top:auto;padding-top:17px;font-size:.9rem;font-weight:600;display:flex}.reference-gates-double-swing-gate .journal-read>span{color:var(--lime-ink);font-size:1.35rem}.reference-gates-double-swing-gate .journal-card:hover .journal-read{color:var(--lime-ink)}.reference-gates-double-swing-gate #article-dialog{max-width:min(900px,94vw)}.reference-gates-double-swing-gate .article-image{object-fit:cover;width:100%;height:310px;max-height:40dvh}.reference-gates-double-swing-gate .article-.reference-gates-double-swing-gate{padding:38px 55px 45px}.reference-gates-double-swing-gate .article-.reference-gates-double-swing-gate h2{max-width:680px;margin:12px 0 15px;font-size:3rem;line-height:1.13}.reference-gates-double-swing-gate .article-image-caption{color:currentColor;margin-bottom:30px;font-size:.8rem}.reference-gates-double-swing-gate .article-content{max-width:680px}.reference-gates-double-swing-gate .article-content p{color:var(--foreground);margin-bottom:20px;font-size:1.05rem;line-height:1.8}.reference-gates-double-swing-gate .article-content h3{letter-spacing:0;margin:27px 0 12px;font-size:1.4rem;line-height:1.3}.reference-gates-double-swing-gate .article-.reference-gates-double-swing-gate>.btn{margin-top:14px}.reference-gates-double-swing-gate .newsletter-section{background:var(--foreground);color:var(--background);border-bottom:1px solid var(--fencing-overlay);padding:76px 0}.reference-gates-double-swing-gate .newsletter-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:85px;display:grid}.reference-gates-double-swing-gate .newsletter-section .eyebrow{color:var(--accent)}.reference-gates-double-swing-gate .newsletter-section h2{margin-bottom:22px;font-size:3.4rem;line-height:1.1}.reference-gates-double-swing-gate .newsletter-section .lead{color:var(--ink-foreground);max-width:430px}.reference-gates-double-swing-gate .newsletter-email-label{margin-bottom:12px;font-size:1rem;font-weight:500;display:block}.reference-gates-double-swing-gate .newsletter-entry{align-items:stretch;gap:0;display:flex}.reference-gates-double-swing-gate .newsletter-entry input{border:1px solid var(--secondary);background:var(--card);width:100%;min-width:0;color:var(--ink);border-radius:0;min-height:56px;padding:16px 18px;font-size:1rem}.reference-gates-double-swing-gate .newsletter-entry input::placeholder{color:var(--foreground)}.reference-gates-double-swing-gate .newsletter-entry .btn{white-space:nowrap;flex-shrink:0;gap:14px;padding:16px 20px}.reference-gates-double-swing-gate .newsletter-entry .btn>span{font-size:1.2rem;line-height:1}.reference-gates-double-swing-gate .newsletter-consent{color:var(--ink-foreground);cursor:pointer;align-items:flex-start;gap:12px;margin-top:20px;font-size:.9rem;line-height:1.6;display:flex}.reference-gates-double-swing-gate .newsletter-consent input{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0;margin:3px 0 0}.reference-gates-double-swing-gate .newsletter-form input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.reference-gates-double-swing-gate .newsletter-note{color:var(--ink-foreground);max-width:520px;margin-top:15px;font-size:.875rem;line-height:1.6}.reference-gates-double-swing-gate .newsletter-status{color:var(--ink-foreground);border-left:3px solid var(--accent);background:var(--fencing-overlay);margin-top:20px;padding:16px 18px;font-size:.95rem;line-height:1.6}.reference-gates-double-swing-gate .newsletter-status a{color:var(--accent);text-underline-offset:3px;margin-top:5px;text-decoration:underline;display:inline-block}@media (width<=1100px){.reference-gates-double-swing-gate .journal-grid{gap:24px}.reference-gates-double-swing-gate .journal-card h3{font-size:1.5rem}.reference-gates-double-swing-gate .newsletter-layout{gap:48px}.reference-gates-double-swing-gate .newsletter-entry .btn{gap:10px;padding:16px 15px;font-size:.8rem}}@media (width<=800px){.reference-gates-double-swing-gate .journal-grid{grid-template-columns:1fr;gap:32px}.reference-gates-double-swing-gate .journal-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;display:grid}.reference-gates-double-swing-gate .journal-card-image{aspect-ratio:1.2;height:100%;min-height:245px}.reference-gates-double-swing-gate .journal-card-copy{padding:0}.reference-gates-double-swing-gate .journal-card h3{font-size:1.6rem}.reference-gates-double-swing-gate .newsletter-layout{grid-template-columns:1fr;gap:32px}.reference-gates-double-swing-gate .newsletter-section .lead{max-width:550px}.reference-gates-double-swing-gate .newsletter-entry .btn{padding:16px 23px;font-size:.85rem}.reference-gates-double-swing-gate .article-.reference-gates-double-swing-gate{padding:32px 35px 40px}}@media (width<=520px){.reference-gates-double-swing-gate .journal-grid{gap:36px}.reference-gates-double-swing-gate .journal-card{gap:0;display:flex}.reference-gates-double-swing-gate .journal-card-image{aspect-ratio:1.4;height:auto;min-height:0}.reference-gates-double-swing-gate .journal-card-copy{padding-top:22px}.reference-gates-double-swing-gate .journal-card h3{font-size:1.6rem}.reference-gates-double-swing-gate .journal-card p{margin-bottom:20px}.reference-gates-double-swing-gate .article-image{height:210px;max-height:30dvh}.reference-gates-double-swing-gate .article-.reference-gates-double-swing-gate{padding:28px 25px 32px}.reference-gates-double-swing-gate .article-.reference-gates-double-swing-gate h2{font-size:2rem}.reference-gates-double-swing-gate .article-content p{font-size:1rem;line-height:1.75}.reference-gates-double-swing-gate .article-content h3{font-size:1.3rem}.reference-gates-double-swing-gate .newsletter-section{padding:60px 0}.reference-gates-double-swing-gate .newsletter-section h2{font-size:2.6rem}.reference-gates-double-swing-gate .newsletter-entry{flex-direction:column;gap:12px}.reference-gates-double-swing-gate .newsletter-entry .btn{width:100%;min-height:52px}.reference-gates-double-swing-gate .newsletter-consent{font-size:.9rem}.reference-gates-double-swing-gate .newsletter-note{font-size:.875rem}}.reference-gates-double-swing-gate .siding-download-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.reference-gates-double-swing-gate .siding-download-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-gates-double-swing-gate .siding-download-card{background:var(--secondary);border:1px solid var(--border);flex-direction:column;align-items:flex-start;min-width:0;padding:32px;display:flex}.reference-gates-double-swing-gate .siding-download-type{letter-spacing:0;color:var(--lime-ink);margin-bottom:24px;font-size:.72rem;font-weight:700}.reference-gates-double-swing-gate .siding-download-card h3{margin-bottom:18px;font-size:1.8rem;line-height:1.15}.reference-gates-double-swing-gate .siding-download-card p{color:currentColor;margin-bottom:26px;font-size:.95rem}.reference-gates-double-swing-gate .siding-download-meta{color:currentColor;margin-top:auto;margin-bottom:16px;font-size:.8rem}.reference-gates-double-swing-gate .siding-download-card .btn{gap:18px}.reference-gates-double-swing-gate .siding-spec-downloads{flex-direction:column;align-items:flex-start;gap:14px;margin-top:25px;display:flex}@media (width<=1100px) and (width>=801px){.reference-gates-double-swing-gate .siding-page-nav .wrap{flex-wrap:wrap;gap:0}.reference-gates-double-swing-gate .siding-page-nav .page-tabs,.reference-gates-double-swing-gate .siding-page-nav .jump-links{justify-content:center;width:100%}.reference-gates-double-swing-gate .siding-page-nav .jump-links{flex-wrap:wrap;padding:0 0 14px}.reference-gates-double-swing-gate .siding-download-card{padding:25px}}@media (width<=800px){.reference-gates-double-swing-gate .siding-download-grid,.reference-gates-double-swing-gate .siding-download-grid-four{grid-template-columns:1fr}.reference-gates-double-swing-gate .siding-download-card{padding:28px}.reference-gates-double-swing-gate .siding-download-card h3{font-size:1.7rem}}.reference-gates-double-swing-gate .gate-palette-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start;gap:clamp(32px,5vw,70px);display:grid}.reference-gates-double-swing-gate .gate-palette-image-stage{border:1px solid var(--border);background:var(--card);padding:24px}.reference-gates-double-swing-gate .gate-palette-image-stage>img{object-fit:contain;width:100%;height:510px}.reference-gates-double-swing-gate .gate-palette-figure figcaption{color:currentColor;justify-content:space-between;gap:15px;margin-top:14px;font-size:.76rem;line-height:1.5;display:flex}.reference-gates-double-swing-gate .gate-palette-figure figcaption>span:first-child{color:var(--ink);font-weight:500}.reference-gates-double-swing-gate .gate-palette-controls>h3{margin-top:10px;font-size:2.5rem;line-height:1.15}.reference-gates-double-swing-gate .gate-palette-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 14px;margin:29px 0 24px;display:grid}.reference-gates-double-swing-gate .gate-palette-colour{text-align:left;color:var(--ink);background:0 0;min-width:0;padding:0}.reference-gates-double-swing-gate .gate-palette-chip{aspect-ratio:1.55;background:var(--secondary);border:1px solid var(--fencing-overlay);margin-bottom:9px;display:block;overflow:hidden}.reference-gates-double-swing-gate .gate-palette-chip>img{object-fit:cover;object-position:center;width:100%;height:100%;transform:scale(3)}.reference-gates-double-swing-gate .gate-palette-colour>span:last-child{font-size:.76rem;line-height:1.35;display:block}.reference-gates-double-swing-gate .gate-palette-colour[aria-pressed=true] .gate-palette-chip{outline:2px solid var(--lime-ink);outline-offset:4px}.reference-gates-double-swing-gate .gate-palette-colour[aria-pressed=true]>span:last-child{font-weight:600}.reference-gates-double-swing-gate .gate-palette-links{flex-direction:column;align-items:flex-start;gap:8px;margin-top:22px;display:flex}.reference-gates-double-swing-gate .gate-palette-links .text-link{font-size:.84rem;font-weight:500}.reference-gates-double-swing-gate .gate-palette-enquiry{margin-top:23px}.reference-gates-double-swing-gate .gate-installation{background:var(--secondary);scroll-margin-top:70px}.reference-gates-double-swing-gate .gate-install-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:clamp(32px,6vw,78px);display:grid}.reference-gates-double-swing-gate .gate-install-steps{border-top:1px solid var(--border);margin:0;padding:0;list-style:none}.reference-gates-double-swing-gate .gate-install-steps>li{border-bottom:1px solid var(--border);grid-template-columns:34px minmax(0,1fr);gap:18px;padding:24px 0;display:grid}.reference-gates-double-swing-gate .gate-install-index{color:var(--lime-ink);padding-top:3px;font-size:.73rem}.reference-gates-double-swing-gate .gate-install-steps h3{letter-spacing:0;margin-bottom:10px;font-size:1.35rem;line-height:1.25}.reference-gates-double-swing-gate .gate-install-steps p,.reference-gates-double-swing-gate .gate-install-help>p:not(.eyebrow),.reference-gates-double-swing-gate .gate-install-resources p{font-family:var(--font-sans);color:currentColor;font-size:16px;font-weight:300;line-height:1.7}.reference-gates-double-swing-gate .gate-install-support figure>img{aspect-ratio:3/2;object-fit:cover;width:100%;height:auto}.reference-gates-double-swing-gate .gate-install-support figcaption{color:currentColor;margin-top:11px;font-size:.74rem}.reference-gates-double-swing-gate .gate-install-help{background:var(--card);margin-top:25px;padding:28px}.reference-gates-double-swing-gate .gate-install-help>.eyebrow{letter-spacing:0;margin-bottom:14px;font-size:.69rem}.reference-gates-double-swing-gate .gate-install-help h3{margin-bottom:18px;font-size:1.9rem;line-height:1.15}.reference-gates-double-swing-gate .gate-install-help>.btn{margin-top:22px;font-size:.75rem}.reference-gates-double-swing-gate .gate-install-resources{border-top:1px solid var(--border);grid-template-columns:1.1fr 1fr;gap:clamp(32px,6vw,78px);margin-top:39px;padding-top:29px;display:grid}.reference-gates-double-swing-gate .gate-install-resources h3{margin-bottom:12px;font-size:1.35rem;line-height:1.3}.reference-gates-double-swing-gate .gate-install-resource-links{flex-direction:column;align-items:flex-start;gap:13px;display:flex}.reference-gates-double-swing-gate .gate-install-resource-links>.text-link{font-size:.82rem;font-weight:500}.reference-gates-double-swing-gate .gate-install-videos{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-bottom:42px;display:grid}.reference-gates-double-swing-gate .gate-install-videos--one{grid-template-columns:1fr;max-width:920px}.reference-gates-double-swing-gate .gate-install-video{min-width:0}.reference-gates-double-swing-gate .gate-install-video-frame{background:var(--foreground);aspect-ratio:16/9;overflow:hidden}.reference-gates-double-swing-gate .gate-install-video-frame>video{object-fit:contain;width:100%;height:100%;display:block}.reference-gates-double-swing-gate .gate-install-video figcaption{justify-content:space-between;align-items:flex-start;gap:20px;margin-top:17px;display:flex}.reference-gates-double-swing-gate .gate-install-video h3{margin-bottom:8px;font-size:1.4rem;line-height:1.25}.reference-gates-double-swing-gate .gate-install-video figcaption p{color:currentColor;font-size:.76rem;line-height:1.5}.reference-gates-double-swing-gate .gate-install-video figcaption>a{flex-shrink:0;font-size:.75rem;font-weight:500}.reference-gates-double-swing-gate .gate-video-more{margin-top:12px}.reference-gates-double-swing-gate .gate-video-more>.text-link{font-size:.8rem;font-weight:500}@media (width<=900px){.reference-gates-double-swing-gate .gate-palette-layout{gap:30px}.reference-gates-double-swing-gate .gate-palette-image-stage>img{height:460px}.reference-gates-double-swing-gate .gate-palette-options{gap:20px 10px}.reference-gates-double-swing-gate .gate-palette-colour>span:last-child{font-size:.7rem}.reference-gates-double-swing-gate .gate-install-layout,.reference-gates-double-swing-gate .gate-install-resources{gap:34px}.reference-gates-double-swing-gate .gate-install-help{padding:23px}.reference-gates-double-swing-gate .gate-install-video h3{font-size:1.2rem}}@media (width<=700px){.reference-gates-double-swing-gate .gate-palette-layout,.reference-gates-double-swing-gate .gate-install-layout,.reference-gates-double-swing-gate .gate-install-resources,.reference-gates-double-swing-gate .gate-install-videos{grid-template-columns:1fr;gap:30px}.reference-gates-double-swing-gate .gate-palette-image-stage>img{height:420px}.reference-gates-double-swing-gate .gate-palette-controls>h3{font-size:2.15rem}.reference-gates-double-swing-gate .gate-palette-colour>span:last-child{font-size:.76rem}.reference-gates-double-swing-gate .gate-install-steps>li{padding:21px 0}.reference-gates-double-swing-gate .gate-install-support figure>img{aspect-ratio:16/10}.reference-gates-double-swing-gate .gate-install-help h3{font-size:1.85rem}.reference-gates-double-swing-gate .gate-install-videos{margin-bottom:32px}.reference-gates-double-swing-gate .gate-install-video h3{font-size:1.35rem}}@media (width<=420px){.reference-gates-double-swing-gate .gate-palette-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:21px 18px}.reference-gates-double-swing-gate .gate-palette-image-stage{padding:13px}.reference-gates-double-swing-gate .gate-palette-image-stage>img{height:360px}.reference-gates-double-swing-gate .gate-palette-figure figcaption{flex-direction:column;gap:4px}.reference-gates-double-swing-gate .gate-install-video figcaption{flex-direction:column;gap:8px}.reference-gates-double-swing-gate .gate-install-help>.btn{width:100%}}.reference-gates-double-swing-gate{background:var(--card)}.reference-gates-double-swing-gate .hero{min-height:670px}.reference-gates-double-swing-gate .hero-img{object-position:64% 46%}.reference-gates-double-swing-gate .hero:after{background:linear-gradient(90deg,var(--fencing-hero-overlay),var(--fencing-hero-overlay) 48%,var(--fencing-hero-overlay) 100%),linear-gradient(0deg,var(--fencing-hero-overlay),transparent 55%)}.reference-gates-double-swing-gate .hero-content{padding-top:165px;padding-bottom:90px}.reference-gates-double-swing-gate .gate-hero .lead{color:var(--ink-foreground)}.reference-gates-double-swing-gate .page-nav{background:var(--fencing-overlay)}.reference-gates-double-swing-gate .gate-nav-label{letter-spacing:0;white-space:nowrap;font-size:.75rem;font-weight:700}.reference-gates-double-swing-gate .gate-jump-links{scrollbar-width:thin;flex:1;align-items:center;gap:28px;min-width:0;display:flex;overflow:auto}.reference-gates-double-swing-gate .gate-jump-links a{white-space:nowrap;border-bottom:2px solid #0000;padding:21px 0;font-size:.86rem}.reference-gates-double-swing-gate .gate-jump-links a:hover,.reference-gates-double-swing-gate .gate-jump-links a[aria-current=location]{border-color:var(--lime-ink)}.reference-gates-double-swing-gate .gate-breadcrumb{color:var(--ink-foreground);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;font-size:.75rem;display:flex}.reference-gates-double-swing-gate .gate-breadcrumb a:hover{color:var(--accent)}.reference-gates-double-swing-gate .gate-other-pages{background:var(--secondary);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:27px 0}.reference-gates-double-swing-gate .gate-other-pages>.wrap{justify-content:space-between;align-items:center;gap:24px;display:flex}.reference-gates-double-swing-gate .gate-other-pages p{font-size:1rem;font-weight:500}.reference-gates-double-swing-gate .gate-other-pages>.wrap>div{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.reference-gates-double-swing-gate .gate-other-pages .text-link{font-size:.82rem;font-weight:500}.reference-gates-double-swing-gate:is([data-gate-page=single],.reference-gates-double-swing-gate [data-gate-page=double]) .gate-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=800px){.reference-gates-double-swing-gate .gate-other-pages>.wrap{flex-direction:column;align-items:flex-start;gap:13px}.reference-gates-double-swing-gate .gate-other-pages>.wrap>div{gap:13px 24px}}@media (width<=600px){.reference-gates-double-swing-gate:is([data-gate-page=single],.reference-gates-double-swing-gate [data-gate-page=double]) .gate-project-grid{grid-template-columns:1fr}.reference-gates-double-swing-gate .gate-breadcrumb{gap:9px;font-size:.7rem}.reference-gates-double-swing-gate .gate-other-pages>.wrap>div{flex-direction:column;align-items:flex-start}}.reference-gates-double-swing-gate .gate-size-section,.reference-gates-double-swing-gate .gate-accessories,.reference-gates-double-swing-gate .gate-range,.reference-gates-double-swing-gate #custom-gates{scroll-margin-top:70px}.reference-gates-double-swing-gate .gate-size-section.grey,.reference-gates-double-swing-gate .gate-range,.reference-gates-double-swing-gate .gate-planning{background:var(--secondary)}.reference-gates-double-swing-gate .gate-range-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;display:grid}.reference-gates-double-swing-gate .gate-range-card{background:var(--card);flex-direction:column;min-width:0;display:flex}.reference-gates-double-swing-gate .gate-range-photo{aspect-ratio:3/2;overflow:hidden}.reference-gates-double-swing-gate .gate-range-photo>img{object-fit:cover;width:100%;height:100%}.reference-gates-double-swing-gate .gate-range-card:first-child .gate-range-photo>img{object-position:64% 58%}.reference-gates-double-swing-gate .gate-range-copy{flex-direction:column;flex:1;align-items:flex-start;padding:28px;display:flex}.reference-gates-double-swing-gate .gate-range-copy .eyebrow{letter-spacing:0;margin-bottom:13px;font-size:.69rem}.reference-gates-double-swing-gate .gate-range-copy h3{margin-bottom:16px;font-size:1.8rem;font-weight:500;line-height:1.15}.reference-gates-double-swing-gate .gate-range-description{font-family:var(--font-sans);color:currentColor;font-size:16px;font-weight:300;line-height:1.65}.reference-gates-double-swing-gate .gate-range-choice{color:currentColor;margin-top:24px;font-size:.75rem}.reference-gates-double-swing-gate .gate-range-options{flex-wrap:wrap;gap:8px;width:100%;margin-top:10px;margin-bottom:25px;display:flex}.reference-gates-double-swing-gate .gate-range-options>a,.reference-gates-double-swing-gate .gate-range-options>button{border:1px solid var(--border);background:var(--card);min-height:44px;color:var(--ink);justify-content:space-between;align-items:center;gap:16px;padding:9px 13px;font-size:.84rem;line-height:1.3;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.reference-gates-double-swing-gate .gate-range-options :is(a,.reference-gates-double-swing-gate button):hover{background:var(--ink);color:var(--ink-foreground);border-color:var(--ink)}.reference-gates-double-swing-gate .gate-range-copy>.text-link{color:var(--ink);text-align:left;background:0 0;margin-top:auto}.reference-gates-double-swing-gate .gate-range-copy>.text-link:hover{color:var(--lime-ink)}.reference-gates-double-swing-gate .gate-product-layout{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,72px);display:grid}.reference-gates-double-swing-gate .gate-product-figure{min-width:0}.reference-gates-double-swing-gate .gate-image-stage{background:var(--card);border:1px solid var(--border);width:100%;color:var(--ink);padding:24px;display:block;position:relative;overflow:hidden}.reference-gates-double-swing-gate .gate-image-stage>img{object-fit:contain;background:var(--card);width:100%;height:510px}.reference-gates-double-swing-gate .gate-image-stage:hover .gate-expand{background:var(--ink);color:#fff}.reference-gates-double-swing-gate .gate-expand{border:1px solid var(--border);background:var(--card);align-items:center;gap:10px;padding:8px 12px;font-size:.75rem;transition:background .2s,color .2s;display:flex;position:absolute;bottom:18px;right:18px}.reference-gates-double-swing-gate .gate-size-tag{background:var(--card);letter-spacing:0;padding:6px 10px;font-size:.72rem;position:absolute;top:18px;left:18px}.reference-gates-double-swing-gate .gate-product-figure figcaption{color:currentColor;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 20px;padding-top:16px;font-size:.78rem;display:flex}.reference-gates-double-swing-gate .gate-product-figure figcaption a{text-underline-offset:4px;text-decoration:underline}.reference-gates-double-swing-gate .gate-selected-label{letter-spacing:0;text-transform:uppercase;color:currentColor;margin-bottom:9px;font-size:.72rem;font-weight:600}.reference-gates-double-swing-gate .gate-selected-colour{margin-bottom:24px;font-size:2rem;font-weight:500;line-height:1.2}.reference-gates-double-swing-gate .gate-colour-fieldset{border:0;min-width:0;margin:0;padding:0}.reference-gates-double-swing-gate .gate-colour-fieldset legend{margin-bottom:13px;padding:0;font-size:.86rem}.reference-gates-double-swing-gate .gate-colour-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 10px;display:grid}.reference-gates-double-swing-gate .gate-colour{border:1px solid var(--border);background:var(--card);color:var(--ink);flex-direction:column;justify-content:space-between;align-items:center;gap:6px;min-width:0;padding:6px 5px 10px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.reference-gates-double-swing-gate .gate-colour img{object-fit:contain;width:100%;height:80px}.reference-gates-double-swing-gate .gate-colour>span{text-align:center;min-height:1.3em;font-size:.71rem;line-height:1.3}.reference-gates-double-swing-gate .gate-colour:hover{border-color:var(--lime-ink)}.reference-gates-double-swing-gate .gate-colour[aria-pressed=true]{border-color:var(--lime-ink);box-shadow:inset 0 0 0 1px var(--lime-ink)}.reference-gates-double-swing-gate .gate-colour[aria-pressed=true]:after{content:"✓";background:var(--lime-ink);color:var(--card);border-radius:50%;place-items:center;width:16px;height:16px;font-size:10px;display:grid;position:absolute;top:4px;right:5px}.reference-gates-double-swing-gate .gate-specs{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin:26px 0 25px;display:grid}.reference-gates-double-swing-gate .gate-specs>div{border-top:1px solid var(--border);padding:12px 0}.reference-gates-double-swing-gate .gate-specs dt{color:currentColor;letter-spacing:0;margin-bottom:4px;font-size:.73rem}.reference-gates-double-swing-gate .gate-specs dd{margin:0;font-size:.95rem}.reference-gates-double-swing-gate .gate-product-details .actions{align-items:center;gap:18px}.reference-gates-double-swing-gate .gate-product-details .text-link{font-size:.8rem}.reference-gates-double-swing-gate .gate-fineprint{color:currentColor;max-width:61ch;margin-top:20px;font-size:.79rem;line-height:1.65}.reference-gates-double-swing-gate .gate-accessories-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.reference-gates-double-swing-gate .gate-accessory-card{background:var(--card);border:1px solid var(--border);min-width:0}.reference-gates-double-swing-gate .gate-accessory-image{background:var(--card);width:100%;color:var(--ink);border:0;padding:30px 30px 54px;display:block;position:relative}.reference-gates-double-swing-gate .gate-accessory-image>img{object-fit:contain;width:100%;height:280px;display:block}.reference-gates-double-swing-gate .gate-accessory-image:hover .gate-expand{background:var(--ink);color:var(--ink-foreground)}.reference-gates-double-swing-gate .gate-accessory-copy{border-top:1px solid var(--border);padding:26px 30px 30px}.reference-gates-double-swing-gate .gate-accessory-copy .eyebrow{margin-bottom:12px;font-size:.7rem}.reference-gates-double-swing-gate .gate-accessory-copy h3{margin-bottom:14px;font-size:1.7rem;font-weight:500;line-height:1.2}.reference-gates-double-swing-gate .gate-accessory-description{font-family:var(--font-sans);color:currentColor;max-width:48ch;font-size:16px;font-weight:300;line-height:1.65}.reference-gates-double-swing-gate .gate-accessories .gate-plan-footer .btn{flex-shrink:0}.reference-gates-double-swing-gate .gate-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;display:grid}.reference-gates-double-swing-gate .gate-plan-step{border-top:1px solid var(--secondary);padding-top:24px}.reference-gates-double-swing-gate .gate-plan-number{letter-spacing:0;color:var(--lime-ink);font-size:.75rem;font-weight:600}.reference-gates-double-swing-gate .gate-plan-step h3{margin:15px 0 14px;font-size:1.5rem;line-height:1.2}.reference-gates-double-swing-gate .gate-plan-step p{color:currentColor;font-size:.95rem;line-height:1.7}.reference-gates-double-swing-gate .gate-plan-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:30px;margin-top:40px;padding-top:25px;display:flex}.reference-gates-double-swing-gate .gate-plan-footer p{color:currentColor;max-width:65ch;font-size:.85rem}.reference-gates-double-swing-gate .gate-plan-footer a{white-space:nowrap}.reference-gates-double-swing-gate .gate-buy-links{flex-wrap:wrap;gap:14px;display:flex}.reference-gates-double-swing-gate .footer .footer-links a:hover{text-underline-offset:4px;text-decoration:underline}.reference-gates-double-swing-gate #gate-photo-dialog{background:var(--card);max-width:min(920px,94vw)}.reference-gates-double-swing-gate .gate-modal-image{object-fit:contain;width:100%;height:70dvh;max-height:800px;padding:35px 35px 0;display:block}.reference-gates-double-swing-gate .gate-photo-caption{border-top:1px solid var(--border);padding:20px 35px 28px}.reference-gates-double-swing-gate .gate-photo-caption h2{margin-bottom:8px;font-size:1.5rem;line-height:1.25}.reference-gates-double-swing-gate .gate-photo-caption p{color:currentColor;font-size:.83rem}.reference-gates-double-swing-gate #gate-enquiry-dialog{max-width:650px;padding:44px}.reference-gates-double-swing-gate #gate-enquiry-dialog h2{margin-bottom:20px;font-size:2.6rem}.reference-gates-double-swing-gate #gate-enquiry-dialog .eyebrow{margin-bottom:15px}.reference-gates-double-swing-gate .gate-enquiry-fields{grid-template-columns:1fr 1fr;gap:20px;margin:28px 0;display:grid}.reference-gates-double-swing-gate .gate-enquiry-fields label{font-size:.82rem;font-weight:600;display:block}.reference-gates-double-swing-gate .gate-enquiry-fields label.wide{grid-column:1/-1}.reference-gates-double-swing-gate .gate-enquiry-fields :is(select,.reference-gates-double-swing-gate input,.reference-gates-double-swing-gate textarea){border:1px solid var(--border);background:var(--card);width:100%;color:var(--ink);border-radius:0;margin-top:8px;padding:12px;font-size:16px;font-weight:400;display:block}.reference-gates-double-swing-gate .gate-enquiry-fields label>span{color:currentColor;font-weight:400}.reference-gates-double-swing-gate .gate-enquiry-fields textarea{resize:vertical;min-height:90px}.reference-gates-double-swing-gate .gate-enquiry-fields :is(input,.reference-gates-double-swing-gate textarea):focus-visible{outline:3px solid var(--border);outline-offset:3px}@media (width<=1100px){.reference-gates-double-swing-gate .gate-jump-links{gap:22px}.reference-gates-double-swing-gate .gate-nav-label{display:none}.reference-gates-double-swing-gate .gate-product-layout{gap:32px}.reference-gates-double-swing-gate .gate-image-stage{padding:18px}.reference-gates-double-swing-gate .gate-image-stage>img{height:480px}.reference-gates-double-swing-gate .gate-colour-options{gap:9px 7px}.reference-gates-double-swing-gate .gate-colour>span{font-size:.67rem}.reference-gates-double-swing-gate .gate-colour img{height:72px}.reference-gates-double-swing-gate .gate-product-details .actions{gap:13px}.reference-gates-double-swing-gate .gate-product-details .btn{padding:14px 18px;font-size:.76rem}}@media (width<=800px){.reference-gates-double-swing-gate .gate-hero .actions{margin-left:0}.reference-gates-double-swing-gate .hero{min-height:620px}.reference-gates-double-swing-gate .hero-content{padding-top:150px;padding-bottom:80px}.reference-gates-double-swing-gate .page-nav .wrap{display:flex}.reference-gates-double-swing-gate .gate-jump-links{gap:25px;width:100%}.reference-gates-double-swing-gate .gate-jump-links a{padding:17px 0;font-size:.8rem}.reference-gates-double-swing-gate .gate-product-layout{grid-template-columns:1fr;gap:32px}.reference-gates-double-swing-gate .gate-image-stage>img{height:460px}.reference-gates-double-swing-gate .gate-product-details{max-width:620px}.reference-gates-double-swing-gate .gate-colour img{height:95px}.reference-gates-double-swing-gate .gate-colour>span{font-size:.78rem}.reference-gates-double-swing-gate .gate-plan-grid{gap:25px}.reference-gates-double-swing-gate .gate-plan-step h3{font-size:1.3rem}.reference-gates-double-swing-gate .gate-plan-footer{flex-direction:column;align-items:flex-start;gap:15px}.reference-gates-double-swing-gate .gate-modal-image{height:65dvh}}@media (width<=520px){.reference-gates-double-swing-gate .gate-hero .actions{max-width:270px}.reference-gates-double-swing-gate .hero{min-height:660px}.reference-gates-double-swing-gate .hero-img{object-position:66% center}.reference-gates-double-swing-gate .hero:after{background:linear-gradient(90deg,var(--fencing-hero-overlay),var(--fencing-hero-overlay)),linear-gradient(0deg,var(--fencing-hero-overlay),transparent 60%)}.reference-gates-double-swing-gate .hero-content{padding-top:140px;padding-bottom:65px}.reference-gates-double-swing-gate .gate-image-stage{padding:28px 4px 34px}.reference-gates-double-swing-gate .gate-image-stage>img{height:350px}.reference-gates-double-swing-gate .gate-expand{padding:6px 9px;font-size:.7rem;bottom:10px;right:12px}.reference-gates-double-swing-gate .gate-size-tag{top:12px;left:12px}.reference-gates-double-swing-gate .gate-product-figure figcaption{font-size:.73rem}.reference-gates-double-swing-gate .gate-selected-colour{margin-bottom:20px;font-size:1.8rem}.reference-gates-double-swing-gate .gate-colour-options{gap:8px}.reference-gates-double-swing-gate .gate-colour{padding:6px 3px 8px}.reference-gates-double-swing-gate .gate-colour img{height:75px}.reference-gates-double-swing-gate .gate-colour>span{place-items:center;min-height:2.6em;font-size:.68rem;display:grid}.reference-gates-double-swing-gate .gate-specs{gap:0 15px}.reference-gates-double-swing-gate .gate-specs dd{font-size:.9rem}.reference-gates-double-swing-gate .gate-product-details .actions{flex-direction:column;align-items:flex-start}.reference-gates-double-swing-gate .gate-product-details .btn{width:100%}.reference-gates-double-swing-gate .gate-plan-grid{grid-template-columns:1fr;gap:34px}.reference-gates-double-swing-gate .gate-plan-step h3{font-size:1.5rem}.reference-gates-double-swing-gate .gate-buy-links{flex-direction:column;align-items:flex-start}.reference-gates-double-swing-gate .gate-buy-links .btn{width:100%}.reference-gates-double-swing-gate .gate-modal-image{height:61dvh;padding:30px 10px 0}.reference-gates-double-swing-gate .gate-photo-caption{padding:18px 20px 25px}.reference-gates-double-swing-gate .gate-photo-caption h2{font-size:1.3rem}.reference-gates-double-swing-gate #gate-enquiry-dialog{padding:35px 23px 28px}.reference-gates-double-swing-gate #gate-enquiry-dialog h2{font-size:2.2rem}.reference-gates-double-swing-gate .gate-enquiry-fields{grid-template-columns:1fr;gap:17px}.reference-gates-double-swing-gate .gate-enquiry-fields label.wide{grid-column:1}}@media (width<=700px){.reference-gates-double-swing-gate .gate-accessories-grid{grid-template-columns:1fr;gap:24px}.reference-gates-double-swing-gate .gate-accessory-image{padding:25px 20px 48px}.reference-gates-double-swing-gate .gate-accessory-image>img{height:260px}.reference-gates-double-swing-gate .gate-accessory-copy{padding:24px}.reference-gates-double-swing-gate .gate-accessory-copy h3{font-size:1.6rem}}@media (width<=1000px){.reference-gates-double-swing-gate .gate-range-grid{grid-template-columns:1fr;gap:24px}.reference-gates-double-swing-gate .gate-range-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.reference-gates-double-swing-gate .gate-range-photo{align-self:center;margin-left:28px}.reference-gates-double-swing-gate .gate-range-copy{padding:30px}.reference-gates-double-swing-gate .gate-range-copy h3{font-size:1.9rem}}@media (width<=600px){.reference-gates-double-swing-gate .gate-range-card{display:flex}.reference-gates-double-swing-gate .gate-range-photo{align-self:stretch;margin-left:0}.reference-gates-double-swing-gate .gate-range-copy{padding:26px}.reference-gates-double-swing-gate .gate-range-copy h3{font-size:1.75rem}.reference-gates-double-swing-gate .gate-range-options{margin-bottom:22px}}@media (prefers-reduced-motion:reduce){.reference-gates-double-swing-gate{scroll-behavior:auto}.reference-gates-double-swing-gate *{transition:none!important}}.reference-gates-double-swing-gate .gate-projects{background:var(--secondary);scroll-margin-top:70px}.reference-gates-double-swing-gate .gate-projects~.gate-planning,.reference-gates-double-swing-gate .gate-projects~#where-to-buy{background:var(--card)}.reference-gates-double-swing-gate .gate-project-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;padding-bottom:24px;display:flex}.reference-gates-double-swing-gate .gate-project-filters{border:0;flex-wrap:wrap;gap:10px;min-width:0;margin:0;padding:0;display:flex}.reference-gates-double-swing-gate .gate-project-filters button{border:1px solid var(--secondary);min-height:46px;color:var(--ink);background:0 0;align-items:center;gap:12px;padding:11px 17px;font-size:.84rem;line-height:1.4;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.reference-gates-double-swing-gate .gate-project-filters button span{opacity:.7;font-size:.72rem}.reference-gates-double-swing-gate .gate-project-filters button:hover{border-color:var(--lime-ink)}.reference-gates-double-swing-gate .gate-project-filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--ink-foreground)}.reference-gates-double-swing-gate #gate-project-count{color:currentColor;white-space:nowrap;font-size:.78rem}.reference-gates-double-swing-gate .gate-project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.reference-gates-double-swing-gate .gate-project-card{background:var(--card);min-width:0}.reference-gates-double-swing-gate .gate-project-card[hidden]{display:none}.reference-gates-double-swing-gate .gate-project-link{height:100%;color:var(--ink);flex-direction:column;display:flex}.reference-gates-double-swing-gate .gate-project-cover{aspect-ratio:3/2;background:var(--secondary);display:block;position:relative;overflow:hidden}.reference-gates-double-swing-gate .gate-project-cover>img{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.reference-gates-double-swing-gate .gate-project-link:hover .gate-project-cover>img{transform:scale(1.025)}.reference-gates-double-swing-gate .gate-project-copy{flex-direction:column;flex:1;padding:25px 25px 22px;display:flex}.reference-gates-double-swing-gate .gate-project-copy .eyebrow{letter-spacing:0;margin-bottom:12px;font-size:.66rem;line-height:1.6}.reference-gates-double-swing-gate .gate-project-copy h3{margin-bottom:12px;font-size:1.75rem;font-weight:500;line-height:1.15}.reference-gates-double-swing-gate .gate-project-finish{color:currentColor;margin-bottom:6px;font-size:.83rem;line-height:1.6}.reference-gates-double-swing-gate .gate-project-location{color:currentColor;margin-bottom:0;font-size:.8rem}.reference-gates-double-swing-gate .gate-project-view{justify-content:space-between;align-items:center;gap:16px;margin-top:auto;padding-top:18px;font-size:.8rem;display:flex}.reference-gates-double-swing-gate .gate-project-copy>div{margin-bottom:20px}.reference-gates-double-swing-gate .gate-project-view>span:first-child{border-bottom:1px solid var(--border);padding-bottom:3px}.reference-gates-double-swing-gate .gate-project-view>span:last-child{color:currentColor;font-size:.73rem}.reference-gates-double-swing-gate .gate-project-link:hover .gate-project-view>span:first-child{border-color:var(--ink)}.reference-gates-double-swing-gate .gate-project-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:24px;margin-top:36px;padding-top:25px;display:flex}.reference-gates-double-swing-gate .gate-project-footer p{font-family:var(--font-sans);color:currentColor;font-size:16px;font-weight:300;line-height:1.65}.reference-gates-double-swing-gate .gate-project-footer .text-link{white-space:nowrap}.reference-gates-double-swing-gate #gate-project-dialog{background:var(--card);max-width:min(1140px,94vw)}.reference-gates-double-swing-gate .gate-project-dialog-heading{padding:32px 75px 24px 32px}.reference-gates-double-swing-gate .gate-project-dialog-heading .eyebrow{margin-bottom:10px;font-size:.7rem}.reference-gates-double-swing-gate #gate-project-title{margin-bottom:10px;font-size:2rem;font-weight:500;line-height:1.15}.reference-gates-double-swing-gate #gate-project-meta{color:currentColor;font-size:.87rem}.reference-gates-double-swing-gate .gate-project-dialog-layout{border-top:1px solid var(--border);grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);display:grid}.reference-gates-double-swing-gate .gate-project-gallery{background:var(--card);min-width:0;padding:24px}.reference-gates-double-swing-gate .gate-project-photo-stage{background:var(--secondary);position:relative}.reference-gates-double-swing-gate #gate-project-image{object-fit:contain;width:100%;height:clamp(280px,47dvh,510px);display:block}.reference-gates-double-swing-gate .gate-project-photo-controls{justify-content:space-between;align-items:center;gap:14px;margin-top:14px;display:flex}.reference-gates-double-swing-gate .gate-project-photo-controls>div{gap:8px;display:flex}.reference-gates-double-swing-gate .gate-project-photo-controls button{border:1px solid var(--secondary);background:var(--card);width:44px;height:44px;color:var(--ink);place-items:center;font-size:1.15rem;display:grid}.reference-gates-double-swing-gate .gate-project-photo-controls button:hover{background:var(--ink);color:#fff}.reference-gates-double-swing-gate .gate-project-photo-controls button[hidden]{display:none}.reference-gates-double-swing-gate #gate-project-photo-count{letter-spacing:0;color:currentColor;font-size:.8rem}.reference-gates-double-swing-gate #gate-project-photo-caption{color:currentColor;margin-top:12px;font-size:.79rem;line-height:1.6}.reference-gates-double-swing-gate #gate-project-thumbnails{scrollbar-width:thin;gap:9px;margin:13px -3px 0;padding:6px 3px;display:flex;overflow:auto}.reference-gates-double-swing-gate #gate-project-thumbnails[hidden]{display:none}.reference-gates-double-swing-gate #gate-project-thumbnails button{background:var(--card);border:1px solid var(--secondary);flex:0 0 74px;height:57px;padding:3px}.reference-gates-double-swing-gate #gate-project-thumbnails button[aria-pressed=true]{border-color:var(--lime-ink);box-shadow:inset 0 0 0 1px var(--lime-ink)}.reference-gates-double-swing-gate #gate-project-thumbnails img{object-fit:cover;width:100%;height:100%;display:block}.reference-gates-double-swing-gate .gate-project-dialog-copy{min-width:0;padding:30px}.reference-gates-double-swing-gate #gate-project-description{font-family:var(--font-sans);color:currentColor;font-size:16px;font-weight:300;line-height:1.65}.reference-gates-double-swing-gate #gate-project-specs{grid-template-columns:1fr;gap:0;margin:24px 0;display:grid}.reference-gates-double-swing-gate #gate-project-specs>div{border-top:1px solid var(--border);padding:12px 0}.reference-gates-double-swing-gate #gate-project-specs dt{color:currentColor;margin-bottom:4px;font-size:.71rem}.reference-gates-double-swing-gate #gate-project-specs dd{margin:0;font-size:.92rem}.reference-gates-double-swing-gate #gate-project-full-link{font-size:.83rem}.reference-gates-double-swing-gate #gate-project-full-link[hidden]{display:none}@media (width<=1050px){.reference-gates-double-swing-gate .gate-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-gates-double-swing-gate .gate-project-toolbar{flex-direction:column;align-items:flex-start;gap:16px}.reference-gates-double-swing-gate .gate-project-dialog-layout{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}}@media (width<=760px){.reference-gates-double-swing-gate .gate-project-dialog-layout{grid-template-columns:1fr}.reference-gates-double-swing-gate .gate-project-dialog-heading{padding:28px 68px 22px 24px}.reference-gates-double-swing-gate .gate-project-gallery{padding:20px}.reference-gates-double-swing-gate .gate-project-dialog-copy{padding:25px}.reference-gates-double-swing-gate .gate-project-footer{flex-direction:column;align-items:flex-start;gap:16px}.reference-gates-double-swing-gate #gate-project-specs{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}}@media (width<=600px){.reference-gates-double-swing-gate .gate-project-grid{grid-template-columns:1fr;gap:25px}.reference-gates-double-swing-gate .gate-project-filters{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.reference-gates-double-swing-gate .gate-project-filters button{justify-content:space-between;gap:7px;padding:11px 12px;font-size:.77rem}.reference-gates-double-swing-gate .gate-project-filters button span{font-size:.67rem}.reference-gates-double-swing-gate .gate-project-toolbar{margin-bottom:25px}.reference-gates-double-swing-gate .gate-project-copy{padding:24px}.reference-gates-double-swing-gate .gate-project-copy h3{font-size:1.7rem}.reference-gates-double-swing-gate #gate-project-title{font-size:1.8rem}.reference-gates-double-swing-gate #gate-project-image{height:41dvh;min-height:245px}.reference-gates-double-swing-gate .gate-project-gallery{padding:16px}.reference-gates-double-swing-gate .gate-project-dialog-copy{padding:24px}.reference-gates-double-swing-gate #gate-project-thumbnails button{flex-basis:68px;height:53px}}.reference-gates-double-swing-gate .section-head.split-section-heading{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:0 clamp(40px,6vw,88px);margin:0 0 44px;display:grid}.reference-gates-double-swing-gate .section-head.split-section-heading>.eyebrow{letter-spacing:0;grid-area:1/1/auto/-1;max-width:none;margin:0 0 18px;padding:0;font-size:.75rem;font-weight:600;line-height:1.5}.reference-gates-double-swing-gate .section-head.split-section-heading>:is(h1,.reference-gates-double-swing-gate h2,.reference-gates-double-swing-gate h3){letter-spacing:0;overflow-wrap:break-word;grid-area:2/1;max-width:100%;margin:0;font-size:3rem;font-weight:500;line-height:1.08}.reference-gates-double-swing-gate .section-head.split-section-heading>p.lead{width:100%;max-width:52ch;font-family:var(--font-sans);font-synthesis:none;grid-area:2/2;align-self:start;margin:0;padding:0;font-size:16px;font-weight:300;line-height:1.65}.reference-gates-double-swing-gate .split-section-heading+.material-layout,.reference-gates-double-swing-gate .split-section-heading+.fence-intro-stats,.reference-gates-double-swing-gate .split-section-heading+.fence-system-grid,.reference-gates-double-swing-gate .split-section-heading+.product-design .feature-list{margin-top:0}.reference-gates-double-swing-gate .advantages>.wrap>.advantage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.reference-gates-double-swing-gate .professionals-section .split-section-heading .eyebrow{color:var(--accent)}.reference-gates-double-swing-gate .professionals-section .split-section-heading .lead{color:var(--ink-foreground)}.reference-gates-double-swing-gate .professionals-layout .professional-links{margin-top:0}.reference-gates-double-swing-gate .newsletter-section .newsletter-layout{max-width:680px;margin-left:auto;display:block}.reference-gates-double-swing-gate .final-cta .wrap,.reference-gates-double-swing-gate .fence-newsletter .wrap{display:block}.reference-gates-double-swing-gate .final-cta .actions{flex-wrap:wrap;max-width:none}.reference-gates-double-swing-gate .final-cta .actions .btn{width:auto}.reference-gates-double-swing-gate .section-followup{margin-top:24px}.reference-gates-double-swing-gate .fence-slatted-family>.split-section-heading{grid-column:1/-1;margin-bottom:0}.reference-gates-double-swing-gate .fence-slatted-family{row-gap:44px}.reference-gates-double-swing-gate .fence-slatted-copy .fence-design-specs{margin-top:0}.reference-gates-double-swing-gate .fence-comparison .split-section-heading>h3{font-size:2.4rem}@media (width<=1000px){.reference-gates-double-swing-gate .advantages>.wrap>.advantage-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=800px){.reference-gates-double-swing-gate .section-head.split-section-heading{grid-template-columns:minmax(0,1fr);margin-bottom:32px}.reference-gates-double-swing-gate .section-head.split-section-heading>.eyebrow{grid-column:1;margin-bottom:14px}.reference-gates-double-swing-gate .section-head.split-section-heading>:is(h1,.reference-gates-double-swing-gate h2,.reference-gates-double-swing-gate h3){font-size:2.25rem}.reference-gates-double-swing-gate .section-head.split-section-heading>p.lead{grid-area:3/1;max-width:56ch;margin-top:20px}.reference-gates-double-swing-gate .newsletter-section .newsletter-layout{max-width:none;margin-left:0}.reference-gates-double-swing-gate .fence-slatted-family{row-gap:32px}}@media (width<=520px){.reference-gates-double-swing-gate .section-head.split-section-heading>:is(h1,.reference-gates-double-swing-gate h2,.reference-gates-double-swing-gate h3){font-size:2rem}.reference-gates-double-swing-gate .section-head.split-section-heading>.eyebrow{font-size:.7rem}.reference-gates-double-swing-gate .final-cta .actions{align-items:flex-start;max-width:100%}}.reference-gates-double-swing-gate .product-faqs{scroll-margin-top:110px}.reference-gates-double-swing-gate .product-faqs .faqs{max-width:880px;margin-left:auto}.reference-gates-double-swing-gate .product-faqs .faqs summary{padding:22px 44px 22px 0;font-size:16px;font-weight:400;line-height:1.5}.reference-gates-double-swing-gate .product-faqs .faqs details p{font-family:var(--font-sans);padding:0 38px 24px 0;font-size:16px;font-weight:300;line-height:1.65}.reference-gates-double-swing-gate .product-faqs .faqs a{color:var(--lime-ink);text-underline-offset:3px;text-decoration:underline}.reference-gates-double-swing-gate .faq-followup{justify-content:space-between;align-items:center;gap:24px;max-width:880px;margin:28px 0 0 auto;display:flex}.reference-gates-double-swing-gate .faq-followup p{font-family:var(--font-sans);color:currentColor;font-size:16px;font-weight:300;line-height:1.65}.reference-gates-double-swing-gate .faq-followup .text-link{flex-shrink:0;font-size:.85rem}.reference-gates-double-swing-gate .gate-faqs{background:var(--secondary)}@media (width<=600px){.reference-gates-double-swing-gate .product-faqs .faqs summary{padding-right:32px}.reference-gates-double-swing-gate .product-faqs .faqs details p{padding-right:12px}.reference-gates-double-swing-gate .faq-followup{flex-direction:column;align-items:flex-start;gap:14px}}.reference-gates *{box-sizing:border-box}.reference-gates{scroll-behavior:smooth;background:var(--background);color:var(--ink);font-family:var(--font-sans);margin:0;scroll-padding-top:90px;font-size:16px;line-height:1.6}.reference-gates button,.reference-gates input,.reference-gates select,.reference-gates textarea{font:inherit}.reference-gates button,.reference-gates a,.reference-gates select{touch-action:manipulation}.reference-gates button{cursor:pointer}.reference-gates a{color:inherit;text-decoration:none}.reference-gates button:focus-visible,.reference-gates a:focus-visible,.reference-gates select:focus-visible,.reference-gates summary:focus-visible{outline:3px solid var(--border);outline-offset:5px}.reference-gates img{max-width:100%;display:block}.reference-gates h1,.reference-gates h2,.reference-gates h3,.reference-gates p,.reference-gates figure{margin:0}.reference-gates h1,.reference-gates h2,.reference-gates h3{letter-spacing:0;font-weight:500;line-height:1.06}.reference-gates h1{max-width:1000px;font-size:6rem}.reference-gates h2{font-size:3.7rem}.reference-gates h3{font-size:2rem}.reference-gates p{max-width:68ch}.reference-gates button{border:0}.reference-gates button:disabled{cursor:not-allowed;opacity:.4}.reference-gates .wrap{width:min(1280px,88%);margin:auto}.reference-gates .section{padding:100px 0}.reference-gates .eyebrow{letter-spacing:0;text-transform:uppercase;color:var(--lime-ink);margin-bottom:22px;font-size:.8rem;font-weight:700}.reference-gates .lead{font-family:var(--font-sans);font-synthesis:none;color:currentColor;font-size:16px;font-weight:300;line-height:1.65}.reference-gates .muted{color:currentColor}.reference-gates .small{font-size:.85rem;line-height:1.55}.reference-gates .btn{letter-spacing:0;background:var(--accent);min-height:48px;color:var(--foreground);border:1px solid var(--accent);text-transform:uppercase;justify-content:center;align-items:center;padding:14px 23px;font-size:.85rem;font-weight:700;line-height:1.2;transition:background .2s;display:inline-flex}.reference-gates .btn:hover{background:var(--secondary);border-color:var(--secondary)}.reference-gates .btn.outline{color:inherit;background:0 0;border-color:currentColor}.reference-gates .btn.outline:hover{background:var(--fencing-overlay)}.reference-gates .btn.dark{background:var(--ink);color:var(--card);border-color:var(--ink)}.reference-gates .actions{flex-wrap:wrap;gap:12px;display:flex}.reference-gates .text-link{border-bottom:1px solid;padding:7px 0;font-size:.88rem;font-weight:700;display:inline-block}.reference-gates .skip{position:absolute;left:-999px}.reference-gates .skip:focus{z-index:999;background:var(--card);padding:16px;top:20px;left:20px}.reference-gates .utility{background:var(--accent);letter-spacing:0;height:34px;font-size:.73rem;font-weight:700}.reference-gates .utility .wrap{justify-content:space-between;align-items:center;height:100%;display:flex}.reference-gates .utility-links{gap:28px;display:flex}.reference-gates .header{z-index:10;color:var(--card);border-bottom:0;position:absolute;left:0;right:0}.reference-gates .header-inner{justify-content:space-between;align-items:center;gap:35px;height:96px;display:flex}.reference-gates .logo{object-fit:contain;object-position:left;width:178px;height:auto;max-height:40px}.reference-gates .wordmark{letter-spacing:0;color:var(--card);font-size:1.85rem;font-weight:700;display:none}.reference-gates .wordmark span{color:var(--accent)}.reference-gates .primary-nav{align-items:center;gap:36px;font-size:.82rem;font-weight:600;display:flex}.reference-gates .primary-nav>a{padding:12px 0}.reference-gates .primary-nav>a.active{border-bottom:2px solid var(--accent)}.reference-gates .header .btn{background:var(--background);border-color:var(--background);color:var(--ink);font-size:.75rem}.reference-gates .menu-toggle{color:var(--card);background:0 0;min-height:44px;padding:10px;font-size:1rem;display:none}.reference-gates .hero{min-height:720px;color:var(--ink-foreground);background:var(--foreground);align-items:center;display:flex;position:relative;overflow:hidden}.reference-gates .hero-img{object-fit:cover;object-position:center 52%;width:100%;height:100%;position:absolute;inset:0}.reference-gates .hero:after{content:"";background:linear-gradient(90deg,var(--fencing-hero-overlay),var(--fencing-hero-overlay) 70%,var(--fencing-hero-overlay)),linear-gradient(0deg,var(--fencing-hero-overlay),transparent 65%);position:absolute;inset:0}.reference-gates .hero-content{z-index:1;padding-top:150px;padding-bottom:80px;position:relative}.reference-gates .hero .eyebrow{color:var(--accent)}.reference-gates .hero p:not(.eyebrow){max-width:620px;color:var(--ink-foreground);margin:25px 0 32px;font-size:1.13rem}.reference-gates .hero .hero-caption{z-index:1;letter-spacing:0;color:var(--ink-foreground);font-size:.75rem;position:absolute;bottom:28px;right:6%}.reference-gates .hero .breadcrumb{align-items:center;gap:14px;display:flex}.reference-gates .hero .breadcrumb span{color:var(--ink-foreground)}.reference-gates .hero.product{min-height:675px}.reference-gates .hero.product h1{max-width:750px}.reference-gates .hero.product .hero-img{object-position:50% 55%}.reference-gates .page-nav{z-index:20;background:var(--fencing-overlay);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0}.reference-gates .page-nav .wrap{justify-content:space-between;align-items:center;gap:24px;min-height:64px;display:flex}.reference-gates .page-tabs,.reference-gates .jump-links{align-items:center;gap:28px;font-size:.88rem;display:flex}.reference-gates .page-tabs a{white-space:nowrap;padding:20px 0}.reference-gates .page-tabs a[aria-current=page]{border-bottom:2px solid var(--lime-ink);font-weight:700}.reference-gates .jump-links{color:currentColor;gap:25px}.reference-gates .jump-links a:hover{color:var(--ink)}.reference-gates .intro-grid{grid-template-columns:1fr 1fr;align-items:start;gap:11%;display:grid}.reference-gates .intro-grid h2{max-width:560px}.reference-gates .intro-grid .lead{padding-top:37px}.reference-gates .benefit-strip{border-top:1px solid var(--border);grid-template-columns:repeat(4,1fr);margin-top:62px;display:grid}.reference-gates .benefit{padding:28px 32px 4px 0}.reference-gates .benefit:not(:first-child){border-left:1px solid var(--border);padding-left:30px}.reference-gates .benefit strong{margin:12px 0;font-size:1.15rem;font-weight:600;line-height:1.3;display:block}.reference-gates .benefit .symbol{color:var(--lime-ink);font-size:1.7rem;line-height:1}.reference-gates .benefit p{color:currentColor;font-size:.95rem}.reference-gates .tone{background:var(--secondary)}.reference-gates .section-head{justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:45px;display:flex}.reference-gates .section-head p{max-width:440px}.reference-gates .section-head .eyebrow{margin-bottom:18px}.reference-gates .profiles{grid-template-columns:1fr 1fr;gap:28px;display:grid}.reference-gates .profile-card{display:block}.reference-gates .profile-image{height:380px;position:relative;overflow:hidden}.reference-gates .profile-image img{object-fit:cover;width:100%;height:100%;transition:transform .7s}.reference-gates .profile-card:hover img{transform:scale(1.035)}.reference-gates .profile-image .number{background:var(--background);padding:5px 12px;font-size:.85rem;position:absolute;top:20px;left:20px}.reference-gates .profile-info{padding:28px 0 5px}.reference-gates .profile-info h3{margin-bottom:15px;font-size:2.4rem}.reference-gates .profile-info p{color:currentColor;max-width:480px;margin-bottom:15px}.reference-gates .tags{flex-wrap:wrap;gap:7px;margin:20px 0;display:flex}.reference-gates .tag{border:1px solid var(--border);padding:5px 10px;font-size:.77rem;line-height:1.3}.reference-gates .explorer-grid{grid-template-columns:minmax(0,1.4fr) minmax(350px,1fr);align-items:start;gap:56px;display:grid}.reference-gates .explorer-photo{background:var(--secondary);aspect-ratio:1.25;position:relative;overflow:hidden}.reference-gates .explorer-photo>img{object-fit:cover;width:100%;height:100%}.reference-gates .image-note{background:var(--fencing-overlay);color:var(--ink);padding:5px 10px;font-size:.75rem;position:absolute;bottom:20px;left:20px}.reference-gates .photo-expand{color:var(--ink);background:var(--card);min-height:42px;padding:8px 12px;font-size:.8rem;position:absolute;top:17px;right:17px}.reference-gates .photo-caption{justify-content:space-between;align-items:start;gap:12px;margin-top:16px;font-size:.9rem;display:flex}.reference-gates .photo-caption small{color:currentColor;font-size:.78rem}.reference-gates .explorer-controls{padding-top:1px}.reference-gates .segmented{border:1px solid var(--border);gap:0;width:fit-content;margin-bottom:28px;display:flex}.reference-gates .segmented button{color:currentColor;background:0 0;min-height:42px;padding:10px 20px;font-size:.88rem}.reference-gates .segmented button[aria-pressed=true]{background:var(--ink);color:var(--card)}.reference-gates .explorer-controls h3{font-size:2.6rem}.reference-gates .finish-story{color:currentColor;min-height:76px;margin-top:12px;font-size:1rem}.reference-gates .swatches{grid-template-columns:repeat(5,1fr);gap:18px 13px;margin:28px 0;display:grid}.reference-gates .swatch{text-align:left;color:var(--ink);background:0 0;padding:0}.reference-gates .swatch-chip{border:1px solid var(--fencing-overlay);width:100%;height:46px;margin-bottom:7px;display:block;position:relative}.reference-gates .swatch[aria-pressed=true] .swatch-chip{outline:2px solid var(--lime-ink);outline-offset:4px}.reference-gates .swatch[aria-pressed=true] .swatch-chip:after{content:"✓";background:var(--background);color:var(--lime-ink);text-align:center;border-radius:50%;width:20px;height:20px;font-size:14px;font-weight:700;line-height:20px;position:absolute;bottom:4px;right:5px}.reference-gates .swatch-label{min-height:28px;font-size:.77rem;line-height:1.15;display:block}.reference-gates .orientation{margin-top:25px}.reference-gates .orientation .small{margin-bottom:9px}.reference-gates .orientation .segmented{margin-bottom:12px}.reference-gates .sample-action{flex-wrap:wrap;align-items:center;gap:22px;margin-top:24px;display:flex}.reference-gates .colour-note{color:currentColor;margin-top:22px;font-size:.77rem}.reference-gates .no-preview{text-align:center;background:var(--secondary);flex-direction:column;justify-content:center;align-items:center;gap:15px;height:100%;padding:35px;display:flex}.reference-gates .colour-block{border:1px solid var(--fencing-overlay);width:140px;height:100px;display:block}.reference-gates .gallery-tools{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;margin:30px 0;display:flex}.reference-gates .filter-buttons{gap:24px;display:flex}.reference-gates .filter-buttons button{color:currentColor;background:0 0;border-bottom:2px solid #0000;padding:14px 0;font-size:.92rem}.reference-gates .filter-buttons button[aria-pressed=true]{border-color:var(--ink);color:var(--ink);font-weight:600}.reference-gates .gallery-tools select{color:var(--ink);background:0 0;border:0;max-width:180px;padding:9px 24px 9px 9px;font-size:.88rem}.reference-gates .gallery-grid{grid-template-columns:repeat(3,1fr);gap:40px 24px;display:grid}.reference-gates .gallery-card{text-align:left;color:inherit;background:0 0;padding:0}.reference-gates .gallery-card .gallery-img{aspect-ratio:1.35;overflow:hidden}.reference-gates .gallery-card img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.reference-gates .gallery-card:hover img{transform:scale(1.035)}.reference-gates .gallery-card h3{letter-spacing:0;margin:15px 0 6px;font-size:1.3rem;line-height:1.3}.reference-gates .gallery-card p{color:currentColor;font-size:.86rem}.reference-gates .gallery-bottom{justify-content:space-between;align-items:center;gap:30px;margin-top:38px;display:flex}.reference-gates .empty-gallery{color:currentColor;grid-column:1/-1;padding:50px 0}.reference-gates .construction{background:var(--foreground);color:var(--ink-foreground)}.reference-gates .construction .eyebrow{color:var(--accent)}.reference-gates .construction-grid{grid-template-columns:1fr 1fr;align-items:start;gap:85px;display:grid}.reference-gates .construction h2{max-width:450px;margin-bottom:25px}.reference-gates .construction .lead{color:var(--ink-foreground);max-width:455px}.reference-gates .construction-steps{border-top:1px solid var(--fencing-overlay)}.reference-gates .construction-step{border-bottom:1px solid var(--fencing-overlay);grid-template-columns:45px 1fr;gap:15px;padding:25px 0;display:grid}.reference-gates .construction-step>span{color:var(--accent);font-size:.85rem}.reference-gates .construction-step h3{letter-spacing:0;margin-bottom:10px;font-size:1.4rem}.reference-gates .construction-step p{color:var(--ink-foreground);font-size:.96rem}.reference-gates .construction .actions{margin-top:35px}.reference-gates .product-design{grid-template-columns:1.05fr 1fr;align-items:center;gap:75px;display:grid}.reference-gates .product-design img{aspect-ratio:1.12;object-fit:cover;width:100%}.reference-gates .product-design h2{margin-bottom:23px}.reference-gates .product-design p{margin-bottom:22px}.reference-gates .feature-list{border-top:1px solid var(--border);margin:30px 0 0;padding:0;list-style:none}.reference-gates .feature-list li{border-bottom:1px solid var(--border);gap:18px;padding:15px 0;font-size:.97rem;display:flex}.reference-gates .feature-list li>span{color:var(--lime-ink);padding-top:3px;font-size:.78rem}.reference-gates .spec-grid{grid-template-columns:.9fr 1.1fr;gap:100px;display:grid}.reference-gates .spec-grid h2{margin-bottom:24px}.reference-gates .spec-table{margin:0}.reference-gates .spec-table>div{border-top:1px solid var(--border);grid-template-columns:1fr 1.2fr;gap:25px;padding:18px 0;font-size:.97rem;display:grid}.reference-gates .spec-table dt{font-weight:600}.reference-gates .spec-table dd{color:currentColor;margin:0}.reference-gates .spec-table>div:last-child{border-bottom:1px solid var(--border)}.reference-gates .faq-grid{grid-template-columns:.85fr 1.15fr;gap:90px;display:grid}.reference-gates .faq-grid h2{max-width:380px;margin-bottom:25px}.reference-gates .faq-grid .lead{max-width:335px}.reference-gates .faqs details{border-top:1px solid var(--border)}.reference-gates .faqs details:last-child{border-bottom:1px solid var(--border)}.reference-gates .faqs summary{cursor:pointer;padding:23px 45px 23px 0;font-size:1.08rem;line-height:1.4;list-style:none;position:relative}.reference-gates .faqs summary::-webkit-details-marker{display:none}.reference-gates .faqs summary:after{content:"+";color:var(--lime-ink);font-size:1.6rem;font-weight:400;position:absolute;top:19px;right:4px}.reference-gates .faqs details[open] summary:after{content:"−"}.reference-gates .faqs details p{color:currentColor;padding:0 30px 25px 0;font-size:1rem;line-height:1.7}.reference-gates .crosslink{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:40px;margin-top:70px;padding:35px 0;display:flex}.reference-gates .crosslink h3{font-size:1.9rem}.reference-gates .final-cta{background:var(--accent);padding:75px 0}.reference-gates .final-cta .wrap{justify-content:space-between;align-items:center;gap:60px;display:flex}.reference-gates .final-cta h2{max-width:640px;font-size:3.6rem}.reference-gates .final-cta .eyebrow{color:var(--foreground)}.reference-gates .final-cta p{max-width:580px;color:var(--foreground);margin-top:20px}.reference-gates .final-cta .actions{flex-shrink:0;max-width:220px}.reference-gates .final-cta .btn{width:100%}.reference-gates .footer{background:var(--foreground);color:var(--ink-foreground);padding:65px 0 25px}.reference-gates .footer-top{grid-template-columns:repeat(4,minmax(0,1fr));gap:65px;display:grid}.reference-gates .footer .logo{width:175px}.reference-gates .footer p{color:var(--ink-foreground);max-width:330px;margin-top:22px;font-size:.9rem}.reference-gates .footer-title{letter-spacing:0;color:var(--accent);margin-bottom:20px;font-size:.76rem}.reference-gates .footer-links{flex-direction:column;gap:11px;font-size:.9rem;display:flex}.reference-gates .footer-bottom{border-top:1px solid var(--fencing-overlay);color:var(--foreground);justify-content:space-between;gap:20px;margin-top:50px;padding-top:25px;font-size:.76rem;display:flex}.reference-gates dialog{background:var(--background);color:var(--ink);width:100%;max-width:min(1050px,94vw);max-height:92dvh;box-shadow:0 20px 100px var(--fencing-overlay);border:0;padding:0;overflow:auto}.reference-gates dialog::backdrop{background:var(--fencing-overlay)}.reference-gates .dialog-close{z-index:2;background:var(--background);width:44px;height:44px;color:var(--ink);justify-content:center;align-items:center;font-size:1.6rem;display:flex;position:absolute;top:15px;right:15px}.reference-gates .lightbox-image{object-fit:contain;background:var(--foreground);width:100%;max-height:65dvh}.reference-gates .lightbox-.reference-gates{justify-content:space-between;align-items:center;gap:30px;padding:28px 35px;display:flex}.reference-gates .lightbox-.reference-gates h3{margin-bottom:8px;font-size:1.8rem}.reference-gates #sample-dialog{max-width:580px;padding:45px}.reference-gates #sample-dialog h2{margin-bottom:18px;font-size:2.7rem}.reference-gates #sample-dialog p{color:currentColor}.reference-gates .sample-fields{gap:20px;margin:26px 0;display:grid}.reference-gates .sample-fields label{font-size:.87rem;font-weight:600}.reference-gates .sample-fields select{border:1px solid var(--border);background:var(--card);border-radius:0;width:100%;margin-top:8px;padding:12px;display:block}.reference-gates .sample-summary{background:var(--secondary);margin:20px 0;padding:18px}.reference-gates .sample-summary strong{display:block}.reference-gates .sample-note{margin-top:18px;font-size:.83rem}.reference-gates .sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.reference-gates [hidden]{display:none!important}@media (width>=1700px){.reference-gates .hero{min-height:800px}}@media (width<=1100px){.reference-gates .wrap{width:90%}.reference-gates .primary-nav{gap:24px}.reference-gates .explorer-grid{grid-template-columns:1.15fr 1fr;gap:35px}.reference-gates .section{padding:80px 0}.reference-gates .construction-grid,.reference-gates .faq-grid,.reference-gates .spec-grid{gap:55px}.reference-gates .footer-top{gap:30px}.reference-gates .profile-image{height:320px}.reference-gates .jump-links{gap:17px}.reference-gates .swatches{gap:16px 12px}.reference-gates .product-design{gap:45px}}@media (width<=800px){.reference-gates .utility .wrap>span{display:none}.reference-gates .utility .wrap{justify-content:flex-end}.reference-gates .utility-links{gap:20px}.reference-gates .header-inner{height:82px}.reference-gates .logo{width:160px}.reference-gates .menu-toggle{display:block}.reference-gates .primary-nav{background:var(--foreground);flex-direction:column;align-items:stretch;gap:7px;padding:25px 5%;display:none;position:absolute;top:82px;left:0;right:0}.reference-gates .primary-nav.open{display:flex}.reference-gates .hero{min-height:650px}.reference-gates .hero-content{padding-top:160px;padding-bottom:80px}.reference-gates .hero h1{max-width:630px;font-size:4.7rem}.reference-gates .hero:after{background:linear-gradient(90deg,var(--fencing-hero-overlay),var(--fencing-hero-overlay)),linear-gradient(0deg,var(--fencing-hero-overlay),transparent)}.reference-gates .hero p:not(.eyebrow){font-size:1.05rem}.reference-gates .hero-caption{display:none}.reference-gates .page-nav .wrap{min-height:0;display:block}.reference-gates .page-tabs{justify-content:space-between;gap:15px}.reference-gates .page-tabs a{padding:17px 0;font-size:.85rem}.reference-gates .jump-links{display:none}.reference-gates .intro-grid{grid-template-columns:1fr;gap:15px}.reference-gates .intro-grid .lead{padding-top:0}.reference-gates .benefit-strip{grid-template-columns:1fr 1fr;gap:0;margin-top:40px}.reference-gates .benefit{padding:25px 15px 20px 0}.reference-gates .benefit:not(:first-child){padding-left:20px}.reference-gates .benefit:nth-child(3){border-left:0;border-top:1px solid var(--border);padding-left:0}.reference-gates .benefit:nth-child(4){border-top:1px solid var(--border)}.reference-gates .section-head{flex-direction:column;align-items:start;gap:22px;margin-bottom:32px}.reference-gates .section-head p{max-width:620px}.reference-gates .profile-image{height:300px}.reference-gates .profile-info h3{font-size:2rem}.reference-gates .explorer-grid{grid-template-columns:1fr;gap:30px}.reference-gates .explorer-photo{aspect-ratio:1.5}.reference-gates .explorer-controls h3{font-size:2.5rem}.reference-gates .finish-story{min-height:0}.reference-gates .swatches{grid-template-columns:repeat(5,1fr);gap:22px}.reference-gates .swatch-chip{height:60px}.reference-gates .swatch-label{min-height:0;font-size:.82rem}.reference-gates .gallery-grid{grid-template-columns:1fr 1fr}.reference-gates .construction-grid,.reference-gates .faq-grid,.reference-gates .spec-grid,.reference-gates .product-design{grid-template-columns:1fr;gap:40px}.reference-gates .construction h2{max-width:600px}.reference-gates .product-design img{aspect-ratio:1.5}.reference-gates .faq-grid h2{max-width:580px}.reference-gates .faq-grid .lead{max-width:500px}.reference-gates .final-cta .wrap{flex-direction:column;align-items:flex-start;gap:32px}.reference-gates .final-cta .actions{max-width:none}.reference-gates .final-cta .btn{width:auto}.reference-gates .footer-top{grid-template-columns:1.5fr 1fr;gap:42px}.reference-gates .footer-bottom{flex-direction:column}.reference-gates .lightbox-.reference-gates{flex-direction:column;align-items:start;gap:18px}}@media (width<=520px){.reference-gates{font-size:16px}.reference-gates .wrap{width:89%}.reference-gates .utility{height:30px}.reference-gates .utility-links{gap:22px;font-size:.65rem}.reference-gates .hero{min-height:690px}.reference-gates .hero.product{min-height:650px}.reference-gates .hero-content{padding-top:140px;padding-bottom:64px}.reference-gates .hero h1{letter-spacing:0;font-size:3.25rem}.reference-gates .hero .eyebrow{font-size:.72rem}.reference-gates .hero .actions{flex-direction:column;align-items:stretch;max-width:270px}.reference-gates .section{padding:62px 0}.reference-gates .eyebrow{margin-bottom:16px}.reference-gates h2{font-size:2.55rem}.reference-gates .benefit strong{font-size:1.05rem}.reference-gates .benefit p{font-size:.88rem}.reference-gates .benefit:not(:first-child){padding-left:16px}.reference-gates .benefit:nth-child(3){padding-left:0}.reference-gates .profiles{grid-template-columns:1fr;gap:38px}.reference-gates .profile-image{height:285px}.reference-gates .profile-info{padding-top:22px}.reference-gates .profile-info p{font-size:.98rem}.reference-gates .explorer-photo{aspect-ratio:1.15}.reference-gates .image-note{font-size:.7rem;bottom:12px;left:12px}.reference-gates .photo-caption{flex-direction:column;gap:2px}.reference-gates .swatches{grid-template-columns:repeat(3,1fr);gap:20px 12px}.reference-gates .swatch-chip{height:49px}.reference-gates .swatch-label{font-size:.82rem}.reference-gates .sample-action{gap:17px}.reference-gates .gallery-tools{align-items:flex-start}.reference-gates .filter-buttons{gap:19px}.reference-gates .filter-buttons button{font-size:.86rem}.reference-gates .gallery-tools select{max-width:115px;padding-top:15px;font-size:.8rem}.reference-gates .gallery-grid{grid-template-columns:1fr;gap:30px}.reference-gates .gallery-card .gallery-img{aspect-ratio:1.4}.reference-gates .gallery-bottom{flex-direction:column;align-items:start;gap:20px}.reference-gates .spec-table>div{grid-template-columns:1fr 1.2fr;gap:20px;font-size:.9rem}.reference-gates .construction-step{grid-template-columns:27px 1fr;gap:12px}.reference-gates .faqs summary{font-size:1rem}.reference-gates .crosslink{flex-direction:column;align-items:start;margin-top:45px}.reference-gates .final-cta{padding:60px 0}.reference-gates .final-cta .actions{flex-direction:column;width:100%;max-width:270px}.reference-gates .footer-top{grid-template-columns:1fr 1fr;gap:35px 24px}.reference-gates .footer-top>div:first-child,.reference-gates .footer-top>div:last-child{grid-column:1/-1}.reference-gates .footer-title{margin-bottom:16px}.reference-gates #sample-dialog{padding:35px 25px}.reference-gates .lightbox-.reference-gates{padding:23px}.reference-gates .page-tabs{gap:10px}.reference-gates .page-tabs a{font-size:.79rem}.reference-gates .segmented button{padding:10px 16px}}@media (prefers-reduced-motion:reduce){.reference-gates{scroll-behavior:auto}.reference-gates *{transition:none!important}}.reference-gates .preview-switch{width:100%;margin-bottom:18px}.reference-gates .preview-switch button{flex:1;min-height:46px}.reference-gates .explorer-photo.board-preview{background:var(--card);border:1px solid var(--border)}.reference-gates .explorer-photo.board-preview>img{object-fit:contain;width:100%;height:100%;padding:18px 20px 35px}.reference-gates .board-colour-label{margin:25px 0 13px;font-size:.85rem;font-weight:600}.reference-gates .swatches.board-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:21px 15px;margin:0 0 22px}.reference-gates .board-options .swatch-chip{aspect-ratio:.84;background:var(--card);border:1px solid var(--border);height:auto;margin-bottom:10px;overflow:visible}.reference-gates .board-options .swatch-chip img{object-fit:contain;width:100%;height:100%;transition:transform .25s}.reference-gates .board-options .swatch:hover img{transform:scale(1.06)}.reference-gates .board-options .swatch-label{min-height:1.25em;font-size:.85rem;line-height:1.25}.reference-gates .board-options .swatch[aria-pressed=true] .swatch-chip{outline-offset:3px}.reference-gates .additional-finish{color:currentColor;flex-wrap:wrap;align-items:center;gap:5px 10px;margin-top:8px;font-size:.8rem;display:flex}.reference-gates .additional-finish button{color:var(--ink);background:0 0;padding:5px 0;font-size:.8rem}.reference-gates .additional-finish button[aria-pressed=true]{color:var(--lime-ink);border-bottom-width:2px}.reference-gates .board-unavailable{background:var(--card)}.reference-gates .board-unavailable p{max-width:35ch}.reference-gates .board-unavailable .eyebrow{margin-bottom:0}.reference-gates .board-unavailable .btn{margin-top:12px}.reference-gates .board-dialog-image{background:var(--card);justify-content:center;align-items:center;padding:35px 30px 15px;display:flex}.reference-gates .board-dialog-image img{object-fit:contain;max-width:100%;height:62dvh;max-height:760px}.reference-gates #board-dialog{max-width:min(900px,94vw)}.reference-gates #board-dialog .lightbox-.reference-gates{border-top:1px solid var(--border)}@media (width<=1100px){.reference-gates .swatches.board-options{gap:20px 12px}.reference-gates .board-options .swatch-label{font-size:.8rem}.reference-gates .board-options .swatch-chip{aspect-ratio:.75}}@media (width<=800px){.reference-gates .explorer-photo.board-preview{aspect-ratio:1.3}.reference-gates .swatches.board-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px}.reference-gates .board-options .swatch-chip{aspect-ratio:1}.reference-gates .board-options .swatch-label{font-size:.88rem}.reference-gates .preview-switch{margin-bottom:15px}}@media (width<=520px){.reference-gates .explorer-photo.board-preview{aspect-ratio:1.04}.reference-gates .explorer-photo.board-preview>img{padding:10px 14px 30px}.reference-gates .swatches.board-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:21px 12px}.reference-gates .board-options .swatch-chip{aspect-ratio:.65}.reference-gates .board-options .swatch-label{min-height:2.5em;font-size:.82rem}.reference-gates .preview-switch button{padding:12px 10px;font-size:.85rem}.reference-gates .board-dialog-image{padding:45px 15px 15px}.reference-gates .board-dialog-image img{height:52dvh}.reference-gates .additional-finish{font-size:.8rem}}.reference-gates .header .logo,.reference-gates .footer .logo{mix-blend-mode:normal;object-fit:contain;width:240px;height:auto;max-height:none;display:block}.reference-gates .header-inner>a:first-child{flex-shrink:0;display:block}@media (width<=1000px){.reference-gates .header .logo{width:210px}}@media (width<=480px){.reference-gates .header .logo{width:188px}.reference-gates .footer .logo{width:220px}}.reference-gates .advantages{position:relative}.reference-gates .advantages .section-anchor{position:absolute;top:0;left:0}.reference-gates .advantage-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:70px;display:grid}.reference-gates .advantages .advantage-intro .eyebrow{letter-spacing:0;max-width:390px;font-size:.8rem;line-height:1.6}.reference-gates .advantages h2{letter-spacing:0;max-width:530px;margin-bottom:25px;font-size:4.2rem;line-height:1.08}.reference-gates .advantages h2 span{color:var(--accent)}.reference-gates .advantages .lead{max-width:390px;margin-bottom:32px;line-height:1.65}.reference-gates .advantage-intro>.btn{border-color:var(--secondary);color:var(--ink-foreground);min-height:48px}.reference-gates .advantage-grid{gap:22px;display:grid}.reference-gates .advantage-card{background:var(--background);color:var(--ink);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);min-width:0;min-height:235px;display:grid;overflow:hidden}.reference-gates .advantage-image{background:var(--card);justify-content:center;align-items:center;min-width:0;padding:34px 14px 25px;display:flex;position:relative}.reference-gates .advantage-number{color:var(--lime-ink);letter-spacing:0;font-size:.8rem;font-weight:600;position:absolute;top:18px;left:20px}.reference-gates .advantage-drawing{width:100%;max-width:240px;height:auto;display:block;overflow:hidden}.reference-gates .advantage-copy{flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;padding:31px 30px 29px 24px;display:flex}.reference-gates .advantage-copy h3{letter-spacing:0;margin-bottom:13px;font-size:1.55rem;line-height:1.2}.reference-gates .advantage-copy p{color:currentColor;margin-bottom:21px;font-size:1rem;line-height:1.65}.reference-gates .advantage-result{border-top:2px solid var(--secondary);max-width:100%;color:var(--lime-ink);padding-top:13px;font-size:.875rem;font-weight:600;line-height:1.45;display:block}.reference-gates .jump-links a{white-space:nowrap}@media (width<=1180px){.reference-gates .page-nav .jump-links{display:none}.reference-gates .advantage-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:42px}.reference-gates .advantage-copy{padding:28px 24px 26px 20px}.reference-gates .advantages h2{font-size:3.25rem}}@media (width<=1000px){.reference-gates .advantage-layout{grid-template-columns:1fr;gap:38px}.reference-gates .advantage-intro,.reference-gates .advantages h2{max-width:600px}.reference-gates .advantages .lead{max-width:570px}.reference-gates .advantage-card{grid-template-columns:minmax(180px,.65fr) minmax(0,1.35fr);min-height:220px}.reference-gates .advantage-copy{padding:30px}.reference-gates .advantage-image{padding:35px 20px 25px}.reference-gates .advantage-drawing{max-width:235px}}@media (width<=520px){.reference-gates .advantages h2{font-size:2.75rem}.reference-gates .advantages .advantage-intro .eyebrow{max-width:290px;font-size:.8rem}.reference-gates .advantage-layout{gap:32px}.reference-gates .advantage-grid{gap:22px}.reference-gates .advantage-card{grid-template-columns:1fr}.reference-gates .advantage-image{height:175px;padding:30px 45px 18px}.reference-gates .advantage-drawing{width:auto;max-width:100%;height:100%}.reference-gates .advantage-number{top:17px;left:24px}.reference-gates .advantage-copy{padding:25px}.reference-gates .advantage-copy h3{font-size:1.55rem}.reference-gates .advantage-copy p{margin-bottom:19px}.reference-gates .advantage-result{font-size:.875rem}.reference-gates .advantage-intro>.btn{font-size:.8rem}}.reference-gates .trims-section{border-top:1px solid var(--border);background:var(--background)}.reference-gates .trim-section-meta{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.reference-gates .trim-finish{color:currentColor;align-items:center;gap:10px;font-size:.88rem;display:inline-flex}.reference-gates .trim-finish>span{background:var(--border);border:1px solid var(--fencing-overlay);width:24px;height:24px;display:block}.reference-gates .trim-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.reference-gates .trim-card{text-align:left;color:inherit;border:1px solid var(--border);background:0 0;flex-direction:column;padding:0;transition:border-color .2s;display:flex}.reference-gates .trim-card:hover{border-color:var(--lime-ink)}.reference-gates .trim-card-image{background:var(--card);aspect-ratio:1.35;width:100%;position:relative;overflow:hidden}.reference-gates .trim-card-image img{object-fit:contain;width:100%;height:100%;transition:transform .4s}.reference-gates .trim-card:hover img{transform:scale(1.035)}.reference-gates .trim-card-number{color:currentColor;font-size:.75rem;position:absolute;top:14px;left:16px}.reference-gates .trim-card-.reference-gates{flex-direction:column;flex:1;align-items:flex-start;padding:22px 20px;display:flex}.reference-gates .trim-card h3{letter-spacing:0;margin-bottom:8px;font-size:1.2rem;line-height:1.25}.reference-gates .trim-card p{color:currentColor;margin-bottom:22px;font-size:.85rem}.reference-gates .trim-view{border-bottom:1px solid;margin-top:auto;padding-bottom:3px;font-size:.82rem;font-weight:600;display:inline-block}.reference-gates .trim-section-bottom{justify-content:space-between;align-items:center;gap:50px;margin-top:35px;display:flex}.reference-gates .trim-section-bottom p{max-width:650px}.reference-gates .trim-section-bottom .btn{flex-shrink:0}.reference-gates #trim-dialog{max-width:min(1100px,94vw)}.reference-gates .trim-dialog-grid{grid-template-columns:1.2fr 1fr;min-height:480px;display:grid}.reference-gates .trim-dialog-image{background:var(--card);justify-content:center;align-items:center;min-width:0;padding:25px;display:flex}.reference-gates .trim-dialog-image img{object-fit:contain;width:100%;max-height:65dvh}.reference-gates .trim-dialog-.reference-gates{flex-direction:column;align-items:flex-start;padding:62px 40px 45px;display:flex}.reference-gates .trim-dialog-.reference-gates h2{margin-bottom:24px;font-size:2.5rem}.reference-gates .trim-dialog-.reference-gates>.trim-finish{margin-bottom:25px}.reference-gates .trim-dialog-.reference-gates #trim-dialog-description{margin-bottom:22px;font-size:1.02rem}.reference-gates .trim-dialog-.reference-gates>.btn{margin-top:30px}.reference-gates .trim-dialog-.reference-gates>.eyebrow{margin-bottom:17px}@media (width<=1100px){.reference-gates .trim-grid{gap:18px}.reference-gates .trim-card-.reference-gates{padding:20px 15px}.reference-gates .trim-card h3{font-size:1.08rem}}@media (width<=950px){.reference-gates .page-nav .jump-links{display:none}.reference-gates .trim-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-gates .trim-dialog-grid{grid-template-columns:1fr}.reference-gates .trim-dialog-image{padding:10px 35px}.reference-gates .trim-dialog-image img{height:38dvh}.reference-gates .trim-dialog-.reference-gates{padding:30px 35px 40px}.reference-gates .trim-dialog-.reference-gates h2{margin-bottom:20px}.reference-gates .trim-section-bottom{gap:25px}}@media (width<=520px){.reference-gates .trim-grid{gap:18px 12px}.reference-gates .trim-card-.reference-gates{padding:16px 13px}.reference-gates .trim-card h3{font-size:1rem;line-height:1.3}.reference-gates .trim-card p{margin-bottom:18px;font-size:.8rem}.reference-gates .trim-card-image{aspect-ratio:1.05}.reference-gates .trim-card-number{top:10px;left:10px}.reference-gates .trim-card-image img{transform:scale(1.12)}.reference-gates .trim-card:hover img{transform:scale(1.16)}.reference-gates .trim-section-meta{align-items:flex-start;gap:20px}.reference-gates .trim-section-meta>p{text-align:right;max-width:150px;font-size:.8rem}.reference-gates .trim-section-bottom{flex-direction:column;align-items:flex-start;gap:23px}.reference-gates .trim-dialog-.reference-gates{padding:25px}.reference-gates .trim-dialog-.reference-gates h2{font-size:2.15rem}.reference-gates .trim-dialog-image{padding:20px}.reference-gates .trim-dialog-image img{height:31dvh}.reference-gates .trim-dialog-.reference-gates>.btn{width:100%}}.reference-gates .material-story .intro-grid{grid-template-columns:1.25fr 1fr;align-items:center;gap:70px}.reference-gates .material-story .intro-grid h2{max-width:690px;font-size:3.7rem;line-height:1.1}.reference-gates .material-story .intro-grid h2 span{color:var(--lime-ink)}.reference-gates .material-story .intro-grid .lead{max-width:440px;padding-top:22px}.reference-gates .material-story .lead strong{font-weight:inherit;color:var(--ink)}.reference-gates .material-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);align-items:stretch;gap:60px;margin-top:48px;display:grid}.reference-gates .core-card{background:var(--secondary);border-top:3px solid var(--lime-ink);padding:34px 36px 30px}.reference-gates .core-card .eyebrow{letter-spacing:0;margin-bottom:18px;font-size:.8rem}.reference-gates .core-card h3{letter-spacing:0;font-size:1.95rem;line-height:1.15}.reference-gates .core-composition{margin:25px 0 23px}.reference-gates .core-composition>div{border-bottom:1px solid var(--secondary);grid-template-columns:96px minmax(0,1fr);align-items:center;gap:15px;padding:14px 0;display:grid}.reference-gates .core-composition>div:first-child{border-top:1px solid var(--secondary)}.reference-gates .core-composition dt{color:var(--foreground);grid-area:1/2;font-size:.95rem;line-height:1.45}.reference-gates .core-composition dd{letter-spacing:0;color:var(--foreground);font-variant-numeric:tabular-nums;grid-area:1/1;margin:0;font-size:2.55rem;font-weight:500;line-height:1}.reference-gates .core-composition dd span{letter-spacing:0;margin-left:3px;font-size:1.2rem}.reference-gates .core-note{color:var(--foreground);font-size:1rem;line-height:1.6}.reference-gates .material-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 42px;display:grid}.reference-gates .material-benefit{border-bottom:1px solid var(--border);padding:12px 0 30px}.reference-gates .material-benefit:nth-child(n+3){border-bottom:0;padding-top:28px;padding-bottom:4px}.reference-gates .material-icon{width:42px;height:42px;color:var(--lime-ink);justify-content:center;align-items:center;margin-bottom:20px;display:flex}.reference-gates .material-icon svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:34px;height:34px}.reference-gates .material-benefit h3{letter-spacing:0;margin-bottom:13px;font-size:1.45rem;line-height:1.2}.reference-gates .material-benefit p{color:currentColor;font-size:1rem;line-height:1.65}@media (width<=1100px){.reference-gates .material-story .intro-grid{gap:40px}.reference-gates .material-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:35px}.reference-gates .core-card{padding:30px 26px}.reference-gates .core-composition>div{grid-template-columns:80px minmax(0,1fr);gap:10px}.reference-gates .material-benefits{gap:0 28px}.reference-gates .material-benefit h3{font-size:1.3rem}}@media (width<=800px){.reference-gates .material-story .intro-grid{grid-template-columns:1fr;gap:22px}.reference-gates .material-story .intro-grid .lead{max-width:600px;padding-top:0}.reference-gates .material-layout{grid-template-columns:1fr;gap:30px;margin-top:35px}.reference-gates .core-card{padding:30px}.reference-gates .core-composition{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:25px 0 20px;display:grid}.reference-gates .core-composition>div{border-top:1px solid var(--secondary);flex-direction:column;align-items:flex-start;gap:12px;padding:18px 0;display:flex}.reference-gates .core-composition dd{order:-1}.reference-gates .core-composition dt{font-size:.95rem}.reference-gates .core-note{max-width:550px}.reference-gates .material-benefits{gap:0 35px}.reference-gates .material-benefit{padding-top:15px}.reference-gates .material-benefit h3{font-size:1.45rem}}@media (width<=520px){.reference-gates .material-story .intro-grid h2{font-size:2.55rem}.reference-gates .core-card{padding:27px 25px}.reference-gates .core-card h3{font-size:1.85rem}.reference-gates .core-composition{margin:23px 0 20px;display:block}.reference-gates .core-composition>div{border-top:0;grid-template-columns:82px minmax(0,1fr);gap:14px;padding:15px 0;display:grid}.reference-gates .core-composition dd{font-size:2.4rem}.reference-gates .core-composition dt{font-size:1rem}.reference-gates .material-benefits{grid-template-columns:1fr;gap:0}.reference-gates .material-benefit,.reference-gates .material-benefit:nth-child(n+3){border-bottom:1px solid var(--border);grid-template-columns:36px minmax(0,1fr);column-gap:18px;padding:25px 0;display:grid}.reference-gates .material-benefit:last-child{border-bottom:0;padding-bottom:0}.reference-gates .material-icon{grid-area:1/1;width:36px;height:32px;margin:0}.reference-gates .material-icon svg{width:30px;height:30px}.reference-gates .material-benefit h3{grid-area:1/2;margin:2px 0 12px;font-size:1.4rem}.reference-gates .material-benefit p{grid-column:2;font-size:1rem}}.reference-gates .buying-section{background:var(--secondary);border-top:1px solid var(--border)}.reference-gates .buying-section .section-head{align-items:center}.reference-gates .buying-section .section-head .lead{max-width:430px}.reference-gates .buying-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.reference-gates .buying-option{background:var(--background);border:1px solid var(--border);grid-template-columns:54px minmax(0,1fr);gap:24px;padding:36px;transition:border-color .2s,background .2s;display:grid}.reference-gates .buying-option:hover{border-color:var(--lime-ink);background:var(--card)}.reference-gates .buying-icon{color:var(--lime-ink);background:var(--secondary);justify-content:center;align-items:center;width:54px;height:54px;display:flex}.reference-gates .buying-icon svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:38px;height:38px}.reference-gates .buying-option h3{letter-spacing:0;margin:2px 0 14px;font-size:1.7rem;line-height:1.2}.reference-gates .buying-option p{color:currentColor;max-width:370px;font-size:1rem;line-height:1.65}.reference-gates .buying-link{border-top:1px solid var(--border);color:var(--lime-ink);justify-content:space-between;align-items:center;gap:20px;margin-top:27px;padding-top:18px;font-size:.95rem;font-weight:600;display:flex}.reference-gates .buying-link>span{font-size:1.3rem;line-height:1}.reference-gates .buying-help{justify-content:space-between;align-items:center;gap:35px;margin-top:32px;display:flex}.reference-gates .buying-help h3{letter-spacing:0;margin-bottom:5px;font-size:1.15rem;line-height:1.35}.reference-gates .buying-help p{color:currentColor;font-size:1rem}.reference-gates .buying-help .btn{flex-shrink:0}.reference-gates .professionals-section{background:var(--foreground);color:var(--background)}.reference-gates .professionals-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:80px;display:grid}.reference-gates .professionals-copy .eyebrow{color:var(--accent)}.reference-gates .professionals-copy h2{max-width:530px;margin-bottom:24px}.reference-gates .professionals-copy .lead{color:var(--ink-foreground);max-width:460px}.reference-gates .professional-links{border-top:1px solid var(--fencing-overlay);margin-top:31px}.reference-gates .professional-links>a{border-bottom:1px solid var(--fencing-overlay);justify-content:space-between;align-items:center;gap:20px;padding:23px 0;display:flex}.reference-gates .professional-links h3{letter-spacing:0;margin-bottom:8px;font-size:1.35rem;line-height:1.25}.reference-gates .professional-links p{color:var(--ink-foreground);max-width:380px;font-size:1rem;line-height:1.55}.reference-gates .professional-links>a>span{color:var(--accent);flex-shrink:0;font-size:1.6rem;line-height:1}.reference-gates .professional-links>a:hover h3{color:var(--accent)}.reference-gates .professional-inspiration{border-bottom:1px solid var(--secondary);align-items:center;gap:20px;margin-top:25px;padding:7px 0;font-size:.95rem;font-weight:600;display:inline-flex}.reference-gates .professional-inspiration>span{color:var(--accent)}.reference-gates .professionals-image{min-width:0;position:relative}.reference-gates .professionals-image>img{object-fit:cover;object-position:center;width:100%;height:510px}.reference-gates .professionals-image figcaption{color:var(--ink-foreground);flex-wrap:wrap;justify-content:space-between;gap:5px 15px;margin-top:14px;font-size:.875rem;line-height:1.45;display:flex}.reference-gates .professionals-image small{color:var(--ink-foreground);font-size:.8rem}@media (width<=1100px){.reference-gates .buying-option{grid-template-columns:46px minmax(0,1fr);gap:20px;padding:30px}.reference-gates .buying-icon{width:46px;height:46px}.reference-gates .buying-icon svg{width:32px;height:32px}.reference-gates .buying-option h3{font-size:1.5rem}.reference-gates .professionals-layout{gap:45px}.reference-gates .professionals-image>img{height:520px}}@media (width<=800px){.reference-gates .buying-section .section-head{align-items:flex-start}.reference-gates .buying-section .section-head .lead{max-width:600px}.reference-gates .buying-options{grid-template-columns:1fr;gap:20px}.reference-gates .buying-option{grid-template-columns:54px minmax(0,1fr);gap:25px}.reference-gates .buying-option p{max-width:550px}.reference-gates .buying-icon{width:54px;height:54px}.reference-gates .buying-icon svg{width:38px;height:38px}.reference-gates .buying-option h3{font-size:1.7rem}.reference-gates .professionals-layout{grid-template-columns:1fr;gap:38px}.reference-gates .professionals-copy h2{max-width:620px}.reference-gates .professionals-copy .lead,.reference-gates .professional-links p{max-width:600px}.reference-gates .professionals-image>img{aspect-ratio:1.5;height:auto}.reference-gates .professionals-image figcaption{margin-top:12px}}@media (width<=520px){.reference-gates .buying-option{grid-template-columns:1fr;gap:21px;padding:26px}.reference-gates .buying-option h3{font-size:1.55rem}.reference-gates .buying-option p{font-size:1rem}.reference-gates .buying-link{margin-top:23px;padding-top:17px}.reference-gates .buying-help{flex-direction:column;align-items:flex-start;gap:22px;margin-top:28px}.reference-gates .buying-help h3{font-size:1.1rem}.reference-gates .buying-help p{font-size:1rem}.reference-gates .professionals-copy h2{font-size:2.65rem}.reference-gates .professional-links{margin-top:26px}.reference-gates .professional-links>a{padding:22px 0}.reference-gates .professional-links h3{font-size:1.3rem}.reference-gates .professional-links p{font-size:1rem}.reference-gates .professional-inspiration{font-size:.9rem}.reference-gates .professionals-image>img{aspect-ratio:1.15}.reference-gates .professionals-image figcaption{flex-direction:column;font-size:.875rem}}.reference-gates .journal-section{background:var(--background)}.reference-gates .journal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;display:grid}.reference-gates .journal-card{color:var(--ink);text-align:left;background:0 0;flex-direction:column;min-width:0;padding:0;display:flex}.reference-gates .journal-card-image{aspect-ratio:1.4;background:var(--secondary);width:100%;position:relative;overflow:hidden}.reference-gates .journal-card-image>img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.reference-gates .journal-card:hover .journal-card-image>img{transform:scale(1.035)}.reference-gates .journal-image-note{background:var(--fencing-overlay);color:var(--foreground);padding:4px 8px;font-size:.75rem;line-height:1.35;position:absolute;bottom:12px;left:14px}.reference-gates .journal-card-copy{flex-direction:column;flex:1;align-items:flex-start;width:100%;padding:25px 0 0;display:flex}.reference-gates .journal-category{text-transform:uppercase;letter-spacing:0;color:var(--lime-ink);font-size:.8rem;font-weight:600;line-height:1.5}.reference-gates .journal-card h3{letter-spacing:0;margin:12px 0 14px;font-size:1.65rem;line-height:1.18}.reference-gates .journal-card p{color:currentColor;margin-bottom:24px;font-size:1rem;line-height:1.6}.reference-gates .journal-read{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;width:100%;margin-top:auto;padding-top:17px;font-size:.9rem;font-weight:600;display:flex}.reference-gates .journal-read>span{color:var(--lime-ink);font-size:1.35rem}.reference-gates .journal-card:hover .journal-read{color:var(--lime-ink)}.reference-gates #article-dialog{max-width:min(900px,94vw)}.reference-gates .article-image{object-fit:cover;width:100%;height:310px;max-height:40dvh}.reference-gates .article-.reference-gates{padding:38px 55px 45px}.reference-gates .article-.reference-gates h2{max-width:680px;margin:12px 0 15px;font-size:3rem;line-height:1.13}.reference-gates .article-image-caption{color:currentColor;margin-bottom:30px;font-size:.8rem}.reference-gates .article-content{max-width:680px}.reference-gates .article-content p{color:var(--foreground);margin-bottom:20px;font-size:1.05rem;line-height:1.8}.reference-gates .article-content h3{letter-spacing:0;margin:27px 0 12px;font-size:1.4rem;line-height:1.3}.reference-gates .article-.reference-gates>.btn{margin-top:14px}.reference-gates .newsletter-section{background:var(--foreground);color:var(--background);border-bottom:1px solid var(--fencing-overlay);padding:76px 0}.reference-gates .newsletter-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:85px;display:grid}.reference-gates .newsletter-section .eyebrow{color:var(--accent)}.reference-gates .newsletter-section h2{margin-bottom:22px;font-size:3.4rem;line-height:1.1}.reference-gates .newsletter-section .lead{color:var(--ink-foreground);max-width:430px}.reference-gates .newsletter-email-label{margin-bottom:12px;font-size:1rem;font-weight:500;display:block}.reference-gates .newsletter-entry{align-items:stretch;gap:0;display:flex}.reference-gates .newsletter-entry input{border:1px solid var(--secondary);background:var(--card);width:100%;min-width:0;color:var(--ink);border-radius:0;min-height:56px;padding:16px 18px;font-size:1rem}.reference-gates .newsletter-entry input::placeholder{color:var(--foreground)}.reference-gates .newsletter-entry .btn{white-space:nowrap;flex-shrink:0;gap:14px;padding:16px 20px}.reference-gates .newsletter-entry .btn>span{font-size:1.2rem;line-height:1}.reference-gates .newsletter-consent{color:var(--ink-foreground);cursor:pointer;align-items:flex-start;gap:12px;margin-top:20px;font-size:.9rem;line-height:1.6;display:flex}.reference-gates .newsletter-consent input{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0;margin:3px 0 0}.reference-gates .newsletter-form input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.reference-gates .newsletter-note{color:var(--ink-foreground);max-width:520px;margin-top:15px;font-size:.875rem;line-height:1.6}.reference-gates .newsletter-status{color:var(--ink-foreground);border-left:3px solid var(--accent);background:var(--fencing-overlay);margin-top:20px;padding:16px 18px;font-size:.95rem;line-height:1.6}.reference-gates .newsletter-status a{color:var(--accent);text-underline-offset:3px;margin-top:5px;text-decoration:underline;display:inline-block}@media (width<=1100px){.reference-gates .journal-grid{gap:24px}.reference-gates .journal-card h3{font-size:1.5rem}.reference-gates .newsletter-layout{gap:48px}.reference-gates .newsletter-entry .btn{gap:10px;padding:16px 15px;font-size:.8rem}}@media (width<=800px){.reference-gates .journal-grid{grid-template-columns:1fr;gap:32px}.reference-gates .journal-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;display:grid}.reference-gates .journal-card-image{aspect-ratio:1.2;height:100%;min-height:245px}.reference-gates .journal-card-copy{padding:0}.reference-gates .journal-card h3{font-size:1.6rem}.reference-gates .newsletter-layout{grid-template-columns:1fr;gap:32px}.reference-gates .newsletter-section .lead{max-width:550px}.reference-gates .newsletter-entry .btn{padding:16px 23px;font-size:.85rem}.reference-gates .article-.reference-gates{padding:32px 35px 40px}}@media (width<=520px){.reference-gates .journal-grid{gap:36px}.reference-gates .journal-card{gap:0;display:flex}.reference-gates .journal-card-image{aspect-ratio:1.4;height:auto;min-height:0}.reference-gates .journal-card-copy{padding-top:22px}.reference-gates .journal-card h3{font-size:1.6rem}.reference-gates .journal-card p{margin-bottom:20px}.reference-gates .article-image{height:210px;max-height:30dvh}.reference-gates .article-.reference-gates{padding:28px 25px 32px}.reference-gates .article-.reference-gates h2{font-size:2rem}.reference-gates .article-content p{font-size:1rem;line-height:1.75}.reference-gates .article-content h3{font-size:1.3rem}.reference-gates .newsletter-section{padding:60px 0}.reference-gates .newsletter-section h2{font-size:2.6rem}.reference-gates .newsletter-entry{flex-direction:column;gap:12px}.reference-gates .newsletter-entry .btn{width:100%;min-height:52px}.reference-gates .newsletter-consent{font-size:.9rem}.reference-gates .newsletter-note{font-size:.875rem}}.reference-gates .siding-download-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.reference-gates .siding-download-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-gates .siding-download-card{background:var(--secondary);border:1px solid var(--border);flex-direction:column;align-items:flex-start;min-width:0;padding:32px;display:flex}.reference-gates .siding-download-type{letter-spacing:0;color:var(--lime-ink);margin-bottom:24px;font-size:.72rem;font-weight:700}.reference-gates .siding-download-card h3{margin-bottom:18px;font-size:1.8rem;line-height:1.15}.reference-gates .siding-download-card p{color:currentColor;margin-bottom:26px;font-size:.95rem}.reference-gates .siding-download-meta{color:currentColor;margin-top:auto;margin-bottom:16px;font-size:.8rem}.reference-gates .siding-download-card .btn{gap:18px}.reference-gates .siding-spec-downloads{flex-direction:column;align-items:flex-start;gap:14px;margin-top:25px;display:flex}@media (width<=1100px) and (width>=801px){.reference-gates .siding-page-nav .wrap{flex-wrap:wrap;gap:0}.reference-gates .siding-page-nav .page-tabs,.reference-gates .siding-page-nav .jump-links{justify-content:center;width:100%}.reference-gates .siding-page-nav .jump-links{flex-wrap:wrap;padding:0 0 14px}.reference-gates .siding-download-card{padding:25px}}@media (width<=800px){.reference-gates .siding-download-grid,.reference-gates .siding-download-grid-four{grid-template-columns:1fr}.reference-gates .siding-download-card{padding:28px}.reference-gates .siding-download-card h3{font-size:1.7rem}}.reference-gates .gate-palette-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start;gap:clamp(32px,5vw,70px);display:grid}.reference-gates .gate-palette-image-stage{border:1px solid var(--border);background:var(--card);padding:24px}.reference-gates .gate-palette-image-stage>img{object-fit:contain;width:100%;height:510px}.reference-gates .gate-palette-figure figcaption{color:currentColor;justify-content:space-between;gap:15px;margin-top:14px;font-size:.76rem;line-height:1.5;display:flex}.reference-gates .gate-palette-figure figcaption>span:first-child{color:var(--ink);font-weight:500}.reference-gates .gate-palette-controls>h3{margin-top:10px;font-size:2.5rem;line-height:1.15}.reference-gates .gate-palette-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 14px;margin:29px 0 24px;display:grid}.reference-gates .gate-palette-colour{text-align:left;color:var(--ink);background:0 0;min-width:0;padding:0}.reference-gates .gate-palette-chip{aspect-ratio:1.55;background:var(--secondary);border:1px solid var(--fencing-overlay);margin-bottom:9px;display:block;overflow:hidden}.reference-gates .gate-palette-chip>img{object-fit:cover;object-position:center;width:100%;height:100%;transform:scale(3)}.reference-gates .gate-palette-colour>span:last-child{font-size:.76rem;line-height:1.35;display:block}.reference-gates .gate-palette-colour[aria-pressed=true] .gate-palette-chip{outline:2px solid var(--lime-ink);outline-offset:4px}.reference-gates .gate-palette-colour[aria-pressed=true]>span:last-child{font-weight:600}.reference-gates .gate-palette-links{flex-direction:column;align-items:flex-start;gap:8px;margin-top:22px;display:flex}.reference-gates .gate-palette-links .text-link{font-size:.84rem;font-weight:500}.reference-gates .gate-palette-enquiry{margin-top:23px}.reference-gates .gate-installation{background:var(--secondary);scroll-margin-top:70px}.reference-gates .gate-install-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:clamp(32px,6vw,78px);display:grid}.reference-gates .gate-install-steps{border-top:1px solid var(--border);margin:0;padding:0;list-style:none}.reference-gates .gate-install-steps>li{border-bottom:1px solid var(--border);grid-template-columns:34px minmax(0,1fr);gap:18px;padding:24px 0;display:grid}.reference-gates .gate-install-index{color:var(--lime-ink);padding-top:3px;font-size:.73rem}.reference-gates .gate-install-steps h3{letter-spacing:0;margin-bottom:10px;font-size:1.35rem;line-height:1.25}.reference-gates .gate-install-steps p,.reference-gates .gate-install-help>p:not(.eyebrow),.reference-gates .gate-install-resources p{font-family:var(--font-sans);color:currentColor;font-size:16px;font-weight:300;line-height:1.7}.reference-gates .gate-install-support figure>img{aspect-ratio:3/2;object-fit:cover;width:100%;height:auto}.reference-gates .gate-install-support figcaption{color:currentColor;margin-top:11px;font-size:.74rem}.reference-gates .gate-install-help{background:var(--card);margin-top:25px;padding:28px}.reference-gates .gate-install-help>.eyebrow{letter-spacing:0;margin-bottom:14px;font-size:.69rem}.reference-gates .gate-install-help h3{margin-bottom:18px;font-size:1.9rem;line-height:1.15}.reference-gates .gate-install-help>.btn{margin-top:22px;font-size:.75rem}.reference-gates .gate-install-resources{border-top:1px solid var(--border);grid-template-columns:1.1fr 1fr;gap:clamp(32px,6vw,78px);margin-top:39px;padding-top:29px;display:grid}.reference-gates .gate-install-resources h3{margin-bottom:12px;font-size:1.35rem;line-height:1.3}.reference-gates .gate-install-resource-links{flex-direction:column;align-items:flex-start;gap:13px;display:flex}.reference-gates .gate-install-resource-links>.text-link{font-size:.82rem;font-weight:500}.reference-gates .gate-install-videos{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-bottom:42px;display:grid}.reference-gates .gate-install-videos--one{grid-template-columns:1fr;max-width:920px}.reference-gates .gate-install-video{min-width:0}.reference-gates .gate-install-video-frame{background:var(--foreground);aspect-ratio:16/9;overflow:hidden}.reference-gates .gate-install-video-frame>video{object-fit:contain;width:100%;height:100%;display:block}.reference-gates .gate-install-video figcaption{justify-content:space-between;align-items:flex-start;gap:20px;margin-top:17px;display:flex}.reference-gates .gate-install-video h3{margin-bottom:8px;font-size:1.4rem;line-height:1.25}.reference-gates .gate-install-video figcaption p{color:currentColor;font-size:.76rem;line-height:1.5}.reference-gates .gate-install-video figcaption>a{flex-shrink:0;font-size:.75rem;font-weight:500}.reference-gates .gate-video-more{margin-top:12px}.reference-gates .gate-video-more>.text-link{font-size:.8rem;font-weight:500}@media (width<=900px){.reference-gates .gate-palette-layout{gap:30px}.reference-gates .gate-palette-image-stage>img{height:460px}.reference-gates .gate-palette-options{gap:20px 10px}.reference-gates .gate-palette-colour>span:last-child{font-size:.7rem}.reference-gates .gate-install-layout,.reference-gates .gate-install-resources{gap:34px}.reference-gates .gate-install-help{padding:23px}.reference-gates .gate-install-video h3{font-size:1.2rem}}@media (width<=700px){.reference-gates .gate-palette-layout,.reference-gates .gate-install-layout,.reference-gates .gate-install-resources,.reference-gates .gate-install-videos{grid-template-columns:1fr;gap:30px}.reference-gates .gate-palette-image-stage>img{height:420px}.reference-gates .gate-palette-controls>h3{font-size:2.15rem}.reference-gates .gate-palette-colour>span:last-child{font-size:.76rem}.reference-gates .gate-install-steps>li{padding:21px 0}.reference-gates .gate-install-support figure>img{aspect-ratio:16/10}.reference-gates .gate-install-help h3{font-size:1.85rem}.reference-gates .gate-install-videos{margin-bottom:32px}.reference-gates .gate-install-video h3{font-size:1.35rem}}@media (width<=420px){.reference-gates .gate-palette-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:21px 18px}.reference-gates .gate-palette-image-stage{padding:13px}.reference-gates .gate-palette-image-stage>img{height:360px}.reference-gates .gate-palette-figure figcaption{flex-direction:column;gap:4px}.reference-gates .gate-install-video figcaption{flex-direction:column;gap:8px}.reference-gates .gate-install-help>.btn{width:100%}}.reference-gates{background:var(--card)}.reference-gates .hero{min-height:670px}.reference-gates .hero-img{object-position:64% 46%}.reference-gates .hero:after{background:linear-gradient(90deg,var(--fencing-hero-overlay),var(--fencing-hero-overlay) 48%,var(--fencing-hero-overlay) 100%),linear-gradient(0deg,var(--fencing-hero-overlay),transparent 55%)}.reference-gates .hero-content{padding-top:165px;padding-bottom:90px}.reference-gates .gate-hero .lead{color:var(--ink-foreground)}.reference-gates .page-nav{background:var(--fencing-overlay)}.reference-gates .gate-nav-label{letter-spacing:0;white-space:nowrap;font-size:.75rem;font-weight:700}.reference-gates .gate-jump-links{scrollbar-width:thin;flex:1;align-items:center;gap:28px;min-width:0;display:flex;overflow:auto}.reference-gates .gate-jump-links a{white-space:nowrap;border-bottom:2px solid #0000;padding:21px 0;font-size:.86rem}.reference-gates .gate-jump-links a:hover,.reference-gates .gate-jump-links a[aria-current=location]{border-color:var(--lime-ink)}.reference-gates .gate-breadcrumb{color:var(--ink-foreground);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;font-size:.75rem;display:flex}.reference-gates .gate-breadcrumb a:hover{color:var(--accent)}.reference-gates .gate-other-pages{background:var(--secondary);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:27px 0}.reference-gates .gate-other-pages>.wrap{justify-content:space-between;align-items:center;gap:24px;display:flex}.reference-gates .gate-other-pages p{font-size:1rem;font-weight:500}.reference-gates .gate-other-pages>.wrap>div{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.reference-gates .gate-other-pages .text-link{font-size:.82rem;font-weight:500}.reference-gates:is([data-gate-page=single],.reference-gates [data-gate-page=double]) .gate-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=800px){.reference-gates .gate-other-pages>.wrap{flex-direction:column;align-items:flex-start;gap:13px}.reference-gates .gate-other-pages>.wrap>div{gap:13px 24px}}@media (width<=600px){.reference-gates:is([data-gate-page=single],.reference-gates [data-gate-page=double]) .gate-project-grid{grid-template-columns:1fr}.reference-gates .gate-breadcrumb{gap:9px;font-size:.7rem}.reference-gates .gate-other-pages>.wrap>div{flex-direction:column;align-items:flex-start}}.reference-gates .gate-size-section,.reference-gates .gate-accessories,.reference-gates .gate-range,.reference-gates #custom-gates{scroll-margin-top:70px}.reference-gates .gate-size-section.grey,.reference-gates .gate-range,.reference-gates .gate-planning{background:var(--secondary)}.reference-gates .gate-range-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;display:grid}.reference-gates .gate-range-card{background:var(--card);flex-direction:column;min-width:0;display:flex}.reference-gates .gate-range-photo{aspect-ratio:3/2;overflow:hidden}.reference-gates .gate-range-photo>img{object-fit:cover;width:100%;height:100%}.reference-gates .gate-range-card:first-child .gate-range-photo>img{object-position:64% 58%}.reference-gates .gate-range-copy{flex-direction:column;flex:1;align-items:flex-start;padding:28px;display:flex}.reference-gates .gate-range-copy .eyebrow{letter-spacing:0;margin-bottom:13px;font-size:.69rem}.reference-gates .gate-range-copy h3{margin-bottom:16px;font-size:1.8rem;font-weight:500;line-height:1.15}.reference-gates .gate-range-description{font-family:var(--font-sans);color:currentColor;font-size:16px;font-weight:300;line-height:1.65}.reference-gates .gate-range-choice{color:currentColor;margin-top:24px;font-size:.75rem}.reference-gates .gate-range-options{flex-wrap:wrap;gap:8px;width:100%;margin-top:10px;margin-bottom:25px;display:flex}.reference-gates .gate-range-options>a,.reference-gates .gate-range-options>button{border:1px solid var(--border);background:var(--card);min-height:44px;color:var(--ink);justify-content:space-between;align-items:center;gap:16px;padding:9px 13px;font-size:.84rem;line-height:1.3;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.reference-gates .gate-range-options :is(a,.reference-gates button):hover{background:var(--ink);color:var(--ink-foreground);border-color:var(--ink)}.reference-gates .gate-range-copy>.text-link{color:var(--ink);text-align:left;background:0 0;margin-top:auto}.reference-gates .gate-range-copy>.text-link:hover{color:var(--lime-ink)}.reference-gates .gate-product-layout{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,72px);display:grid}.reference-gates .gate-product-figure{min-width:0}.reference-gates .gate-image-stage{background:var(--card);border:1px solid var(--border);width:100%;color:var(--ink);padding:24px;display:block;position:relative;overflow:hidden}.reference-gates .gate-image-stage>img{object-fit:contain;background:var(--card);width:100%;height:510px}.reference-gates .gate-image-stage:hover .gate-expand{background:var(--ink);color:#fff}.reference-gates .gate-expand{border:1px solid var(--border);background:var(--card);align-items:center;gap:10px;padding:8px 12px;font-size:.75rem;transition:background .2s,color .2s;display:flex;position:absolute;bottom:18px;right:18px}.reference-gates .gate-size-tag{background:var(--card);letter-spacing:0;padding:6px 10px;font-size:.72rem;position:absolute;top:18px;left:18px}.reference-gates .gate-product-figure figcaption{color:currentColor;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 20px;padding-top:16px;font-size:.78rem;display:flex}.reference-gates .gate-product-figure figcaption a{text-underline-offset:4px;text-decoration:underline}.reference-gates .gate-selected-label{letter-spacing:0;text-transform:uppercase;color:currentColor;margin-bottom:9px;font-size:.72rem;font-weight:600}.reference-gates .gate-selected-colour{margin-bottom:24px;font-size:2rem;font-weight:500;line-height:1.2}.reference-gates .gate-colour-fieldset{border:0;min-width:0;margin:0;padding:0}.reference-gates .gate-colour-fieldset legend{margin-bottom:13px;padding:0;font-size:.86rem}.reference-gates .gate-colour-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 10px;display:grid}.reference-gates .gate-colour{border:1px solid var(--border);background:var(--card);color:var(--ink);flex-direction:column;justify-content:space-between;align-items:center;gap:6px;min-width:0;padding:6px 5px 10px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.reference-gates .gate-colour img{object-fit:contain;width:100%;height:80px}.reference-gates .gate-colour>span{text-align:center;min-height:1.3em;font-size:.71rem;line-height:1.3}.reference-gates .gate-colour:hover{border-color:var(--lime-ink)}.reference-gates .gate-colour[aria-pressed=true]{border-color:var(--lime-ink);box-shadow:inset 0 0 0 1px var(--lime-ink)}.reference-gates .gate-colour[aria-pressed=true]:after{content:"✓";background:var(--lime-ink);color:var(--card);border-radius:50%;place-items:center;width:16px;height:16px;font-size:10px;display:grid;position:absolute;top:4px;right:5px}.reference-gates .gate-specs{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin:26px 0 25px;display:grid}.reference-gates .gate-specs>div{border-top:1px solid var(--border);padding:12px 0}.reference-gates .gate-specs dt{color:currentColor;letter-spacing:0;margin-bottom:4px;font-size:.73rem}.reference-gates .gate-specs dd{margin:0;font-size:.95rem}.reference-gates .gate-product-details .actions{align-items:center;gap:18px}.reference-gates .gate-product-details .text-link{font-size:.8rem}.reference-gates .gate-fineprint{color:currentColor;max-width:61ch;margin-top:20px;font-size:.79rem;line-height:1.65}.reference-gates .gate-accessories-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.reference-gates .gate-accessory-card{background:var(--card);border:1px solid var(--border);min-width:0}.reference-gates .gate-accessory-image{background:var(--card);width:100%;color:var(--ink);border:0;padding:30px 30px 54px;display:block;position:relative}.reference-gates .gate-accessory-image>img{object-fit:contain;width:100%;height:280px;display:block}.reference-gates .gate-accessory-image:hover .gate-expand{background:var(--ink);color:var(--ink-foreground)}.reference-gates .gate-accessory-copy{border-top:1px solid var(--border);padding:26px 30px 30px}.reference-gates .gate-accessory-copy .eyebrow{margin-bottom:12px;font-size:.7rem}.reference-gates .gate-accessory-copy h3{margin-bottom:14px;font-size:1.7rem;font-weight:500;line-height:1.2}.reference-gates .gate-accessory-description{font-family:var(--font-sans);color:currentColor;max-width:48ch;font-size:16px;font-weight:300;line-height:1.65}.reference-gates .gate-accessories .gate-plan-footer .btn{flex-shrink:0}.reference-gates .gate-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;display:grid}.reference-gates .gate-plan-step{border-top:1px solid var(--secondary);padding-top:24px}.reference-gates .gate-plan-number{letter-spacing:0;color:var(--lime-ink);font-size:.75rem;font-weight:600}.reference-gates .gate-plan-step h3{margin:15px 0 14px;font-size:1.5rem;line-height:1.2}.reference-gates .gate-plan-step p{color:currentColor;font-size:.95rem;line-height:1.7}.reference-gates .gate-plan-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:30px;margin-top:40px;padding-top:25px;display:flex}.reference-gates .gate-plan-footer p{color:currentColor;max-width:65ch;font-size:.85rem}.reference-gates .gate-plan-footer a{white-space:nowrap}.reference-gates .gate-buy-links{flex-wrap:wrap;gap:14px;display:flex}.reference-gates .footer .footer-links a:hover{text-underline-offset:4px;text-decoration:underline}.reference-gates #gate-photo-dialog{background:var(--card);max-width:min(920px,94vw)}.reference-gates .gate-modal-image{object-fit:contain;width:100%;height:70dvh;max-height:800px;padding:35px 35px 0;display:block}.reference-gates .gate-photo-caption{border-top:1px solid var(--border);padding:20px 35px 28px}.reference-gates .gate-photo-caption h2{margin-bottom:8px;font-size:1.5rem;line-height:1.25}.reference-gates .gate-photo-caption p{color:currentColor;font-size:.83rem}.reference-gates #gate-enquiry-dialog{max-width:650px;padding:44px}.reference-gates #gate-enquiry-dialog h2{margin-bottom:20px;font-size:2.6rem}.reference-gates #gate-enquiry-dialog .eyebrow{margin-bottom:15px}.reference-gates .gate-enquiry-fields{grid-template-columns:1fr 1fr;gap:20px;margin:28px 0;display:grid}.reference-gates .gate-enquiry-fields label{font-size:.82rem;font-weight:600;display:block}.reference-gates .gate-enquiry-fields label.wide{grid-column:1/-1}.reference-gates .gate-enquiry-fields :is(select,.reference-gates input,.reference-gates textarea){border:1px solid var(--border);background:var(--card);width:100%;color:var(--ink);border-radius:0;margin-top:8px;padding:12px;font-size:16px;font-weight:400;display:block}.reference-gates .gate-enquiry-fields label>span{color:currentColor;font-weight:400}.reference-gates .gate-enquiry-fields textarea{resize:vertical;min-height:90px}.reference-gates .gate-enquiry-fields :is(input,.reference-gates textarea):focus-visible{outline:3px solid var(--border);outline-offset:3px}@media (width<=1100px){.reference-gates .gate-jump-links{gap:22px}.reference-gates .gate-nav-label{display:none}.reference-gates .gate-product-layout{gap:32px}.reference-gates .gate-image-stage{padding:18px}.reference-gates .gate-image-stage>img{height:480px}.reference-gates .gate-colour-options{gap:9px 7px}.reference-gates .gate-colour>span{font-size:.67rem}.reference-gates .gate-colour img{height:72px}.reference-gates .gate-product-details .actions{gap:13px}.reference-gates .gate-product-details .btn{padding:14px 18px;font-size:.76rem}}@media (width<=800px){.reference-gates .gate-hero .actions{margin-left:0}.reference-gates .hero{min-height:620px}.reference-gates .hero-content{padding-top:150px;padding-bottom:80px}.reference-gates .page-nav .wrap{display:flex}.reference-gates .gate-jump-links{gap:25px;width:100%}.reference-gates .gate-jump-links a{padding:17px 0;font-size:.8rem}.reference-gates .gate-product-layout{grid-template-columns:1fr;gap:32px}.reference-gates .gate-image-stage>img{height:460px}.reference-gates .gate-product-details{max-width:620px}.reference-gates .gate-colour img{height:95px}.reference-gates .gate-colour>span{font-size:.78rem}.reference-gates .gate-plan-grid{gap:25px}.reference-gates .gate-plan-step h3{font-size:1.3rem}.reference-gates .gate-plan-footer{flex-direction:column;align-items:flex-start;gap:15px}.reference-gates .gate-modal-image{height:65dvh}}@media (width<=520px){.reference-gates .gate-hero .actions{max-width:270px}.reference-gates .hero{min-height:660px}.reference-gates .hero-img{object-position:66% center}.reference-gates .hero:after{background:linear-gradient(90deg,var(--fencing-hero-overlay),var(--fencing-hero-overlay)),linear-gradient(0deg,var(--fencing-hero-overlay),transparent 60%)}.reference-gates .hero-content{padding-top:140px;padding-bottom:65px}.reference-gates .gate-image-stage{padding:28px 4px 34px}.reference-gates .gate-image-stage>img{height:350px}.reference-gates .gate-expand{padding:6px 9px;font-size:.7rem;bottom:10px;right:12px}.reference-gates .gate-size-tag{top:12px;left:12px}.reference-gates .gate-product-figure figcaption{font-size:.73rem}.reference-gates .gate-selected-colour{margin-bottom:20px;font-size:1.8rem}.reference-gates .gate-colour-options{gap:8px}.reference-gates .gate-colour{padding:6px 3px 8px}.reference-gates .gate-colour img{height:75px}.reference-gates .gate-colour>span{place-items:center;min-height:2.6em;font-size:.68rem;display:grid}.reference-gates .gate-specs{gap:0 15px}.reference-gates .gate-specs dd{font-size:.9rem}.reference-gates .gate-product-details .actions{flex-direction:column;align-items:flex-start}.reference-gates .gate-product-details .btn{width:100%}.reference-gates .gate-plan-grid{grid-template-columns:1fr;gap:34px}.reference-gates .gate-plan-step h3{font-size:1.5rem}.reference-gates .gate-buy-links{flex-direction:column;align-items:flex-start}.reference-gates .gate-buy-links .btn{width:100%}.reference-gates .gate-modal-image{height:61dvh;padding:30px 10px 0}.reference-gates .gate-photo-caption{padding:18px 20px 25px}.reference-gates .gate-photo-caption h2{font-size:1.3rem}.reference-gates #gate-enquiry-dialog{padding:35px 23px 28px}.reference-gates #gate-enquiry-dialog h2{font-size:2.2rem}.reference-gates .gate-enquiry-fields{grid-template-columns:1fr;gap:17px}.reference-gates .gate-enquiry-fields label.wide{grid-column:1}}@media (width<=700px){.reference-gates .gate-accessories-grid{grid-template-columns:1fr;gap:24px}.reference-gates .gate-accessory-image{padding:25px 20px 48px}.reference-gates .gate-accessory-image>img{height:260px}.reference-gates .gate-accessory-copy{padding:24px}.reference-gates .gate-accessory-copy h3{font-size:1.6rem}}@media (width<=1000px){.reference-gates .gate-range-grid{grid-template-columns:1fr;gap:24px}.reference-gates .gate-range-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.reference-gates .gate-range-photo{align-self:center;margin-left:28px}.reference-gates .gate-range-copy{padding:30px}.reference-gates .gate-range-copy h3{font-size:1.9rem}}@media (width<=600px){.reference-gates .gate-range-card{display:flex}.reference-gates .gate-range-photo{align-self:stretch;margin-left:0}.reference-gates .gate-range-copy{padding:26px}.reference-gates .gate-range-copy h3{font-size:1.75rem}.reference-gates .gate-range-options{margin-bottom:22px}}@media (prefers-reduced-motion:reduce){.reference-gates{scroll-behavior:auto}.reference-gates *{transition:none!important}}.reference-gates .gate-projects{background:var(--secondary);scroll-margin-top:70px}.reference-gates .gate-projects~.gate-planning,.reference-gates .gate-projects~#where-to-buy{background:var(--card)}.reference-gates .gate-project-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;padding-bottom:24px;display:flex}.reference-gates .gate-project-filters{border:0;flex-wrap:wrap;gap:10px;min-width:0;margin:0;padding:0;display:flex}.reference-gates .gate-project-filters button{border:1px solid var(--secondary);min-height:46px;color:var(--ink);background:0 0;align-items:center;gap:12px;padding:11px 17px;font-size:.84rem;line-height:1.4;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.reference-gates .gate-project-filters button span{opacity:.7;font-size:.72rem}.reference-gates .gate-project-filters button:hover{border-color:var(--lime-ink)}.reference-gates .gate-project-filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--ink-foreground)}.reference-gates #gate-project-count{color:currentColor;white-space:nowrap;font-size:.78rem}.reference-gates .gate-project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.reference-gates .gate-project-card{background:var(--card);min-width:0}.reference-gates .gate-project-card[hidden]{display:none}.reference-gates .gate-project-link{height:100%;color:var(--ink);flex-direction:column;display:flex}.reference-gates .gate-project-cover{aspect-ratio:3/2;background:var(--secondary);display:block;position:relative;overflow:hidden}.reference-gates .gate-project-cover>img{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.reference-gates .gate-project-link:hover .gate-project-cover>img{transform:scale(1.025)}.reference-gates .gate-project-copy{flex-direction:column;flex:1;padding:25px 25px 22px;display:flex}.reference-gates .gate-project-copy .eyebrow{letter-spacing:0;margin-bottom:12px;font-size:.66rem;line-height:1.6}.reference-gates .gate-project-copy h3{margin-bottom:12px;font-size:1.75rem;font-weight:500;line-height:1.15}.reference-gates .gate-project-finish{color:currentColor;margin-bottom:6px;font-size:.83rem;line-height:1.6}.reference-gates .gate-project-location{color:currentColor;margin-bottom:0;font-size:.8rem}.reference-gates .gate-project-view{justify-content:space-between;align-items:center;gap:16px;margin-top:auto;padding-top:18px;font-size:.8rem;display:flex}.reference-gates .gate-project-copy>div{margin-bottom:20px}.reference-gates .gate-project-view>span:first-child{border-bottom:1px solid var(--border);padding-bottom:3px}.reference-gates .gate-project-view>span:last-child{color:currentColor;font-size:.73rem}.reference-gates .gate-project-link:hover .gate-project-view>span:first-child{border-color:var(--ink)}.reference-gates .gate-project-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:24px;margin-top:36px;padding-top:25px;display:flex}.reference-gates .gate-project-footer p{font-family:var(--font-sans);color:currentColor;font-size:16px;font-weight:300;line-height:1.65}.reference-gates .gate-project-footer .text-link{white-space:nowrap}.reference-gates #gate-project-dialog{background:var(--card);max-width:min(1140px,94vw)}.reference-gates .gate-project-dialog-heading{padding:32px 75px 24px 32px}.reference-gates .gate-project-dialog-heading .eyebrow{margin-bottom:10px;font-size:.7rem}.reference-gates #gate-project-title{margin-bottom:10px;font-size:2rem;font-weight:500;line-height:1.15}.reference-gates #gate-project-meta{color:currentColor;font-size:.87rem}.reference-gates .gate-project-dialog-layout{border-top:1px solid var(--border);grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);display:grid}.reference-gates .gate-project-gallery{background:var(--card);min-width:0;padding:24px}.reference-gates .gate-project-photo-stage{background:var(--secondary);position:relative}.reference-gates #gate-project-image{object-fit:contain;width:100%;height:clamp(280px,47dvh,510px);display:block}.reference-gates .gate-project-photo-controls{justify-content:space-between;align-items:center;gap:14px;margin-top:14px;display:flex}.reference-gates .gate-project-photo-controls>div{gap:8px;display:flex}.reference-gates .gate-project-photo-controls button{border:1px solid var(--secondary);background:var(--card);width:44px;height:44px;color:var(--ink);place-items:center;font-size:1.15rem;display:grid}.reference-gates .gate-project-photo-controls button:hover{background:var(--ink);color:#fff}.reference-gates .gate-project-photo-controls button[hidden]{display:none}.reference-gates #gate-project-photo-count{letter-spacing:0;color:currentColor;font-size:.8rem}.reference-gates #gate-project-photo-caption{color:currentColor;margin-top:12px;font-size:.79rem;line-height:1.6}.reference-gates #gate-project-thumbnails{scrollbar-width:thin;gap:9px;margin:13px -3px 0;padding:6px 3px;display:flex;overflow:auto}.reference-gates #gate-project-thumbnails[hidden]{display:none}.reference-gates #gate-project-thumbnails button{background:var(--card);border:1px solid var(--secondary);flex:0 0 74px;height:57px;padding:3px}.reference-gates #gate-project-thumbnails button[aria-pressed=true]{border-color:var(--lime-ink);box-shadow:inset 0 0 0 1px var(--lime-ink)}.reference-gates #gate-project-thumbnails img{object-fit:cover;width:100%;height:100%;display:block}.reference-gates .gate-project-dialog-copy{min-width:0;padding:30px}.reference-gates #gate-project-description{font-family:var(--font-sans);color:currentColor;font-size:16px;font-weight:300;line-height:1.65}.reference-gates #gate-project-specs{grid-template-columns:1fr;gap:0;margin:24px 0;display:grid}.reference-gates #gate-project-specs>div{border-top:1px solid var(--border);padding:12px 0}.reference-gates #gate-project-specs dt{color:currentColor;margin-bottom:4px;font-size:.71rem}.reference-gates #gate-project-specs dd{margin:0;font-size:.92rem}.reference-gates #gate-project-full-link{font-size:.83rem}.reference-gates #gate-project-full-link[hidden]{display:none}@media (width<=1050px){.reference-gates .gate-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-gates .gate-project-toolbar{flex-direction:column;align-items:flex-start;gap:16px}.reference-gates .gate-project-dialog-layout{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}}@media (width<=760px){.reference-gates .gate-project-dialog-layout{grid-template-columns:1fr}.reference-gates .gate-project-dialog-heading{padding:28px 68px 22px 24px}.reference-gates .gate-project-gallery{padding:20px}.reference-gates .gate-project-dialog-copy{padding:25px}.reference-gates .gate-project-footer{flex-direction:column;align-items:flex-start;gap:16px}.reference-gates #gate-project-specs{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}}@media (width<=600px){.reference-gates .gate-project-grid{grid-template-columns:1fr;gap:25px}.reference-gates .gate-project-filters{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.reference-gates .gate-project-filters button{justify-content:space-between;gap:7px;padding:11px 12px;font-size:.77rem}.reference-gates .gate-project-filters button span{font-size:.67rem}.reference-gates .gate-project-toolbar{margin-bottom:25px}.reference-gates .gate-project-copy{padding:24px}.reference-gates .gate-project-copy h3{font-size:1.7rem}.reference-gates #gate-project-title{font-size:1.8rem}.reference-gates #gate-project-image{height:41dvh;min-height:245px}.reference-gates .gate-project-gallery{padding:16px}.reference-gates .gate-project-dialog-copy{padding:24px}.reference-gates #gate-project-thumbnails button{flex-basis:68px;height:53px}}.reference-gates .section-head.split-section-heading{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:0 clamp(40px,6vw,88px);margin:0 0 44px;display:grid}.reference-gates .section-head.split-section-heading>.eyebrow{letter-spacing:0;grid-area:1/1/auto/-1;max-width:none;margin:0 0 18px;padding:0;font-size:.75rem;font-weight:600;line-height:1.5}.reference-gates .section-head.split-section-heading>:is(h1,.reference-gates h2,.reference-gates h3){letter-spacing:0;overflow-wrap:break-word;grid-area:2/1;max-width:100%;margin:0;font-size:3rem;font-weight:500;line-height:1.08}.reference-gates .section-head.split-section-heading>p.lead{width:100%;max-width:52ch;font-family:var(--font-sans);font-synthesis:none;grid-area:2/2;align-self:start;margin:0;padding:0;font-size:16px;font-weight:300;line-height:1.65}.reference-gates .split-section-heading+.material-layout,.reference-gates .split-section-heading+.fence-intro-stats,.reference-gates .split-section-heading+.fence-system-grid,.reference-gates .split-section-heading+.product-design .feature-list{margin-top:0}.reference-gates .advantages>.wrap>.advantage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.reference-gates .professionals-section .split-section-heading .eyebrow{color:var(--accent)}.reference-gates .professionals-section .split-section-heading .lead{color:var(--ink-foreground)}.reference-gates .professionals-layout .professional-links{margin-top:0}.reference-gates .newsletter-section .newsletter-layout{max-width:680px;margin-left:auto;display:block}.reference-gates .final-cta .wrap,.reference-gates .fence-newsletter .wrap{display:block}.reference-gates .final-cta .actions{flex-wrap:wrap;max-width:none}.reference-gates .final-cta .actions .btn{width:auto}.reference-gates .section-followup{margin-top:24px}.reference-gates .fence-slatted-family>.split-section-heading{grid-column:1/-1;margin-bottom:0}.reference-gates .fence-slatted-family{row-gap:44px}.reference-gates .fence-slatted-copy .fence-design-specs{margin-top:0}.reference-gates .fence-comparison .split-section-heading>h3{font-size:2.4rem}@media (width<=1000px){.reference-gates .advantages>.wrap>.advantage-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=800px){.reference-gates .section-head.split-section-heading{grid-template-columns:minmax(0,1fr);margin-bottom:32px}.reference-gates .section-head.split-section-heading>.eyebrow{grid-column:1;margin-bottom:14px}.reference-gates .section-head.split-section-heading>:is(h1,.reference-gates h2,.reference-gates h3){font-size:2.25rem}.reference-gates .section-head.split-section-heading>p.lead{grid-area:3/1;max-width:56ch;margin-top:20px}.reference-gates .newsletter-section .newsletter-layout{max-width:none;margin-left:0}.reference-gates .fence-slatted-family{row-gap:32px}}@media (width<=520px){.reference-gates .section-head.split-section-heading>:is(h1,.reference-gates h2,.reference-gates h3){font-size:2rem}.reference-gates .section-head.split-section-heading>.eyebrow{font-size:.7rem}.reference-gates .final-cta .actions{align-items:flex-start;max-width:100%}}.reference-gates .product-faqs{scroll-margin-top:110px}.reference-gates .product-faqs .faqs{max-width:880px;margin-left:auto}.reference-gates .product-faqs .faqs summary{padding:22px 44px 22px 0;font-size:16px;font-weight:400;line-height:1.5}.reference-gates .product-faqs .faqs details p{font-family:var(--font-sans);padding:0 38px 24px 0;font-size:16px;font-weight:300;line-height:1.65}.reference-gates .product-faqs .faqs a{color:var(--lime-ink);text-underline-offset:3px;text-decoration:underline}.reference-gates .faq-followup{justify-content:space-between;align-items:center;gap:24px;max-width:880px;margin:28px 0 0 auto;display:flex}.reference-gates .faq-followup p{font-family:var(--font-sans);color:currentColor;font-size:16px;font-weight:300;line-height:1.65}.reference-gates .faq-followup .text-link{flex-shrink:0;font-size:.85rem}.reference-gates .gate-faqs{background:var(--secondary)}@media (width<=600px){.reference-gates .product-faqs .faqs summary{padding-right:32px}.reference-gates .product-faqs .faqs details p{padding-right:12px}.reference-gates .faq-followup{flex-direction:column;align-items:flex-start;gap:14px}}.reference-gates-single-man-gate *{box-sizing:border-box}.reference-gates-single-man-gate{scroll-behavior:smooth;background:var(--background);color:var(--ink);font-family:var(--font-sans);margin:0;scroll-padding-top:90px;font-size:16px;line-height:1.6}.reference-gates-single-man-gate button,.reference-gates-single-man-gate input,.reference-gates-single-man-gate select,.reference-gates-single-man-gate textarea{font:inherit}.reference-gates-single-man-gate button,.reference-gates-single-man-gate a,.reference-gates-single-man-gate select{touch-action:manipulation}.reference-gates-single-man-gate button{cursor:pointer}.reference-gates-single-man-gate a{color:inherit;text-decoration:none}.reference-gates-single-man-gate button:focus-visible,.reference-gates-single-man-gate a:focus-visible,.reference-gates-single-man-gate select:focus-visible,.reference-gates-single-man-gate summary:focus-visible{outline:3px solid var(--border);outline-offset:5px}.reference-gates-single-man-gate img{max-width:100%;display:block}.reference-gates-single-man-gate h1,.reference-gates-single-man-gate h2,.reference-gates-single-man-gate h3,.reference-gates-single-man-gate p,.reference-gates-single-man-gate figure{margin:0}.reference-gates-single-man-gate h1,.reference-gates-single-man-gate h2,.reference-gates-single-man-gate h3{letter-spacing:0;font-weight:500;line-height:1.06}.reference-gates-single-man-gate h1{max-width:1000px;font-size:6rem}.reference-gates-single-man-gate h2{font-size:3.7rem}.reference-gates-single-man-gate h3{font-size:2rem}.reference-gates-single-man-gate p{max-width:68ch}.reference-gates-single-man-gate button{border:0}.reference-gates-single-man-gate button:disabled{cursor:not-allowed;opacity:.4}.reference-gates-single-man-gate .wrap{width:min(1280px,88%);margin:auto}.reference-gates-single-man-gate .section{padding:100px 0}.reference-gates-single-man-gate .eyebrow{letter-spacing:0;text-transform:uppercase;color:var(--lime-ink);margin-bottom:22px;font-size:.8rem;font-weight:700}.reference-gates-single-man-gate .lead{font-family:var(--font-sans);font-synthesis:none;color:currentColor;font-size:16px;font-weight:300;line-height:1.65}.reference-gates-single-man-gate .muted{color:currentColor}.reference-gates-single-man-gate .small{font-size:.85rem;line-height:1.55}.reference-gates-single-man-gate .btn{letter-spacing:0;background:var(--accent);min-height:48px;color:var(--foreground);border:1px solid var(--accent);text-transform:uppercase;justify-content:center;align-items:center;padding:14px 23px;font-size:.85rem;font-weight:700;line-height:1.2;transition:background .2s;display:inline-flex}.reference-gates-single-man-gate .btn:hover{background:var(--secondary);border-color:var(--secondary)}.reference-gates-single-man-gate .btn.outline{color:inherit;background:0 0;border-color:currentColor}.reference-gates-single-man-gate .btn.outline:hover{background:var(--fencing-overlay)}.reference-gates-single-man-gate .btn.dark{background:var(--ink);color:var(--card);border-color:var(--ink)}.reference-gates-single-man-gate .actions{flex-wrap:wrap;gap:12px;display:flex}.reference-gates-single-man-gate .text-link{border-bottom:1px solid;padding:7px 0;font-size:.88rem;font-weight:700;display:inline-block}.reference-gates-single-man-gate .skip{position:absolute;left:-999px}.reference-gates-single-man-gate .skip:focus{z-index:999;background:var(--card);padding:16px;top:20px;left:20px}.reference-gates-single-man-gate .utility{background:var(--accent);letter-spacing:0;height:34px;font-size:.73rem;font-weight:700}.reference-gates-single-man-gate .utility .wrap{justify-content:space-between;align-items:center;height:100%;display:flex}.reference-gates-single-man-gate .utility-links{gap:28px;display:flex}.reference-gates-single-man-gate .header{z-index:10;color:var(--card);border-bottom:0;position:absolute;left:0;right:0}.reference-gates-single-man-gate .header-inner{justify-content:space-between;align-items:center;gap:35px;height:96px;display:flex}.reference-gates-single-man-gate .logo{object-fit:contain;object-position:left;width:178px;height:auto;max-height:40px}.reference-gates-single-man-gate .wordmark{letter-spacing:0;color:var(--card);font-size:1.85rem;font-weight:700;display:none}.reference-gates-single-man-gate .wordmark span{color:var(--accent)}.reference-gates-single-man-gate .primary-nav{align-items:center;gap:36px;font-size:.82rem;font-weight:600;display:flex}.reference-gates-single-man-gate .primary-nav>a{padding:12px 0}.reference-gates-single-man-gate .primary-nav>a.active{border-bottom:2px solid var(--accent)}.reference-gates-single-man-gate .header .btn{background:var(--background);border-color:var(--background);color:var(--ink);font-size:.75rem}.reference-gates-single-man-gate .menu-toggle{color:var(--card);background:0 0;min-height:44px;padding:10px;font-size:1rem;display:none}.reference-gates-single-man-gate .hero{min-height:720px;color:var(--ink-foreground);background:var(--foreground);align-items:center;display:flex;position:relative;overflow:hidden}.reference-gates-single-man-gate .hero-img{object-fit:cover;object-position:center 52%;width:100%;height:100%;position:absolute;inset:0}.reference-gates-single-man-gate .hero:after{content:"";background:linear-gradient(90deg,var(--fencing-hero-overlay),var(--fencing-hero-overlay) 70%,var(--fencing-hero-overlay)),linear-gradient(0deg,var(--fencing-hero-overlay),transparent 65%);position:absolute;inset:0}.reference-gates-single-man-gate .hero-content{z-index:1;padding-top:150px;padding-bottom:80px;position:relative}.reference-gates-single-man-gate .hero .eyebrow{color:var(--accent)}.reference-gates-single-man-gate .hero p:not(.eyebrow){max-width:620px;color:var(--ink-foreground);margin:25px 0 32px;font-size:1.13rem}.reference-gates-single-man-gate .hero .hero-caption{z-index:1;letter-spacing:0;color:var(--ink-foreground);font-size:.75rem;position:absolute;bottom:28px;right:6%}.reference-gates-single-man-gate .hero .breadcrumb{align-items:center;gap:14px;display:flex}.reference-gates-single-man-gate .hero .breadcrumb span{color:var(--ink-foreground)}.reference-gates-single-man-gate .hero.product{min-height:675px}.reference-gates-single-man-gate .hero.product h1{max-width:750px}.reference-gates-single-man-gate .hero.product .hero-img{object-position:50% 55%}.reference-gates-single-man-gate .page-nav{z-index:20;background:var(--fencing-overlay);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0}.reference-gates-single-man-gate .page-nav .wrap{justify-content:space-between;align-items:center;gap:24px;min-height:64px;display:flex}.reference-gates-single-man-gate .page-tabs,.reference-gates-single-man-gate .jump-links{align-items:center;gap:28px;font-size:.88rem;display:flex}.reference-gates-single-man-gate .page-tabs a{white-space:nowrap;padding:20px 0}.reference-gates-single-man-gate .page-tabs a[aria-current=page]{border-bottom:2px solid var(--lime-ink);font-weight:700}.reference-gates-single-man-gate .jump-links{color:currentColor;gap:25px}.reference-gates-single-man-gate .jump-links a:hover{color:var(--ink)}.reference-gates-single-man-gate .intro-grid{grid-template-columns:1fr 1fr;align-items:start;gap:11%;display:grid}.reference-gates-single-man-gate .intro-grid h2{max-width:560px}.reference-gates-single-man-gate .intro-grid .lead{padding-top:37px}.reference-gates-single-man-gate .benefit-strip{border-top:1px solid var(--border);grid-template-columns:repeat(4,1fr);margin-top:62px;display:grid}.reference-gates-single-man-gate .benefit{padding:28px 32px 4px 0}.reference-gates-single-man-gate .benefit:not(:first-child){border-left:1px solid var(--border);padding-left:30px}.reference-gates-single-man-gate .benefit strong{margin:12px 0;font-size:1.15rem;font-weight:600;line-height:1.3;display:block}.reference-gates-single-man-gate .benefit .symbol{color:var(--lime-ink);font-size:1.7rem;line-height:1}.reference-gates-single-man-gate .benefit p{color:currentColor;font-size:.95rem}.reference-gates-single-man-gate .tone{background:var(--secondary)}.reference-gates-single-man-gate .section-head{justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:45px;display:flex}.reference-gates-single-man-gate .section-head p{max-width:440px}.reference-gates-single-man-gate .section-head .eyebrow{margin-bottom:18px}.reference-gates-single-man-gate .profiles{grid-template-columns:1fr 1fr;gap:28px;display:grid}.reference-gates-single-man-gate .profile-card{display:block}.reference-gates-single-man-gate .profile-image{height:380px;position:relative;overflow:hidden}.reference-gates-single-man-gate .profile-image img{object-fit:cover;width:100%;height:100%;transition:transform .7s}.reference-gates-single-man-gate .profile-card:hover img{transform:scale(1.035)}.reference-gates-single-man-gate .profile-image .number{background:var(--background);padding:5px 12px;font-size:.85rem;position:absolute;top:20px;left:20px}.reference-gates-single-man-gate .profile-info{padding:28px 0 5px}.reference-gates-single-man-gate .profile-info h3{margin-bottom:15px;font-size:2.4rem}.reference-gates-single-man-gate .profile-info p{color:currentColor;max-width:480px;margin-bottom:15px}.reference-gates-single-man-gate .tags{flex-wrap:wrap;gap:7px;margin:20px 0;display:flex}.reference-gates-single-man-gate .tag{border:1px solid var(--border);padding:5px 10px;font-size:.77rem;line-height:1.3}.reference-gates-single-man-gate .explorer-grid{grid-template-columns:minmax(0,1.4fr) minmax(350px,1fr);align-items:start;gap:56px;display:grid}.reference-gates-single-man-gate .explorer-photo{background:var(--secondary);aspect-ratio:1.25;position:relative;overflow:hidden}.reference-gates-single-man-gate .explorer-photo>img{object-fit:cover;width:100%;height:100%}.reference-gates-single-man-gate .image-note{background:var(--fencing-overlay);color:var(--ink);padding:5px 10px;font-size:.75rem;position:absolute;bottom:20px;left:20px}.reference-gates-single-man-gate .photo-expand{color:var(--ink);background:var(--card);min-height:42px;padding:8px 12px;font-size:.8rem;position:absolute;top:17px;right:17px}.reference-gates-single-man-gate .photo-caption{justify-content:space-between;align-items:start;gap:12px;margin-top:16px;font-size:.9rem;display:flex}.reference-gates-single-man-gate .photo-caption small{color:currentColor;font-size:.78rem}.reference-gates-single-man-gate .explorer-controls{padding-top:1px}.reference-gates-single-man-gate .segmented{border:1px solid var(--border);gap:0;width:fit-content;margin-bottom:28px;display:flex}.reference-gates-single-man-gate .segmented button{color:currentColor;background:0 0;min-height:42px;padding:10px 20px;font-size:.88rem}.reference-gates-single-man-gate .segmented button[aria-pressed=true]{background:var(--ink);color:var(--card)}.reference-gates-single-man-gate .explorer-controls h3{font-size:2.6rem}.reference-gates-single-man-gate .finish-story{color:currentColor;min-height:76px;margin-top:12px;font-size:1rem}.reference-gates-single-man-gate .swatches{grid-template-columns:repeat(5,1fr);gap:18px 13px;margin:28px 0;display:grid}.reference-gates-single-man-gate .swatch{text-align:left;color:var(--ink);background:0 0;padding:0}.reference-gates-single-man-gate .swatch-chip{border:1px solid var(--fencing-overlay);width:100%;height:46px;margin-bottom:7px;display:block;position:relative}.reference-gates-single-man-gate .swatch[aria-pressed=true] .swatch-chip{outline:2px solid var(--lime-ink);outline-offset:4px}.reference-gates-single-man-gate .swatch[aria-pressed=true] .swatch-chip:after{content:"✓";background:var(--background);color:var(--lime-ink);text-align:center;border-radius:50%;width:20px;height:20px;font-size:14px;font-weight:700;line-height:20px;position:absolute;bottom:4px;right:5px}.reference-gates-single-man-gate .swatch-label{min-height:28px;font-size:.77rem;line-height:1.15;display:block}.reference-gates-single-man-gate .orientation{margin-top:25px}.reference-gates-single-man-gate .orientation .small{margin-bottom:9px}.reference-gates-single-man-gate .orientation .segmented{margin-bottom:12px}.reference-gates-single-man-gate .sample-action{flex-wrap:wrap;align-items:center;gap:22px;margin-top:24px;display:flex}.reference-gates-single-man-gate .colour-note{color:currentColor;margin-top:22px;font-size:.77rem}.reference-gates-single-man-gate .no-preview{text-align:center;background:var(--secondary);flex-direction:column;justify-content:center;align-items:center;gap:15px;height:100%;padding:35px;display:flex}.reference-gates-single-man-gate .colour-block{border:1px solid var(--fencing-overlay);width:140px;height:100px;display:block}.reference-gates-single-man-gate .gallery-tools{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;margin:30px 0;display:flex}.reference-gates-single-man-gate .filter-buttons{gap:24px;display:flex}.reference-gates-single-man-gate .filter-buttons button{color:currentColor;background:0 0;border-bottom:2px solid #0000;padding:14px 0;font-size:.92rem}.reference-gates-single-man-gate .filter-buttons button[aria-pressed=true]{border-color:var(--ink);color:var(--ink);font-weight:600}.reference-gates-single-man-gate .gallery-tools select{color:var(--ink);background:0 0;border:0;max-width:180px;padding:9px 24px 9px 9px;font-size:.88rem}.reference-gates-single-man-gate .gallery-grid{grid-template-columns:repeat(3,1fr);gap:40px 24px;display:grid}.reference-gates-single-man-gate .gallery-card{text-align:left;color:inherit;background:0 0;padding:0}.reference-gates-single-man-gate .gallery-card .gallery-img{aspect-ratio:1.35;overflow:hidden}.reference-gates-single-man-gate .gallery-card img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.reference-gates-single-man-gate .gallery-card:hover img{transform:scale(1.035)}.reference-gates-single-man-gate .gallery-card h3{letter-spacing:0;margin:15px 0 6px;font-size:1.3rem;line-height:1.3}.reference-gates-single-man-gate .gallery-card p{color:currentColor;font-size:.86rem}.reference-gates-single-man-gate .gallery-bottom{justify-content:space-between;align-items:center;gap:30px;margin-top:38px;display:flex}.reference-gates-single-man-gate .empty-gallery{color:currentColor;grid-column:1/-1;padding:50px 0}.reference-gates-single-man-gate .construction{background:var(--foreground);color:var(--ink-foreground)}.reference-gates-single-man-gate .construction .eyebrow{color:var(--accent)}.reference-gates-single-man-gate .construction-grid{grid-template-columns:1fr 1fr;align-items:start;gap:85px;display:grid}.reference-gates-single-man-gate .construction h2{max-width:450px;margin-bottom:25px}.reference-gates-single-man-gate .construction .lead{color:var(--ink-foreground);max-width:455px}.reference-gates-single-man-gate .construction-steps{border-top:1px solid var(--fencing-overlay)}.reference-gates-single-man-gate .construction-step{border-bottom:1px solid var(--fencing-overlay);grid-template-columns:45px 1fr;gap:15px;padding:25px 0;display:grid}.reference-gates-single-man-gate .construction-step>span{color:var(--accent);font-size:.85rem}.reference-gates-single-man-gate .construction-step h3{letter-spacing:0;margin-bottom:10px;font-size:1.4rem}.reference-gates-single-man-gate .construction-step p{color:var(--ink-foreground);font-size:.96rem}.reference-gates-single-man-gate .construction .actions{margin-top:35px}.reference-gates-single-man-gate .product-design{grid-template-columns:1.05fr 1fr;align-items:center;gap:75px;display:grid}.reference-gates-single-man-gate .product-design img{aspect-ratio:1.12;object-fit:cover;width:100%}.reference-gates-single-man-gate .product-design h2{margin-bottom:23px}.reference-gates-single-man-gate .product-design p{margin-bottom:22px}.reference-gates-single-man-gate .feature-list{border-top:1px solid var(--border);margin:30px 0 0;padding:0;list-style:none}.reference-gates-single-man-gate .feature-list li{border-bottom:1px solid var(--border);gap:18px;padding:15px 0;font-size:.97rem;display:flex}.reference-gates-single-man-gate .feature-list li>span{color:var(--lime-ink);padding-top:3px;font-size:.78rem}.reference-gates-single-man-gate .spec-grid{grid-template-columns:.9fr 1.1fr;gap:100px;display:grid}.reference-gates-single-man-gate .spec-grid h2{margin-bottom:24px}.reference-gates-single-man-gate .spec-table{margin:0}.reference-gates-single-man-gate .spec-table>div{border-top:1px solid var(--border);grid-template-columns:1fr 1.2fr;gap:25px;padding:18px 0;font-size:.97rem;display:grid}.reference-gates-single-man-gate .spec-table dt{font-weight:600}.reference-gates-single-man-gate .spec-table dd{color:currentColor;margin:0}.reference-gates-single-man-gate .spec-table>div:last-child{border-bottom:1px solid var(--border)}.reference-gates-single-man-gate .faq-grid{grid-template-columns:.85fr 1.15fr;gap:90px;display:grid}.reference-gates-single-man-gate .faq-grid h2{max-width:380px;margin-bottom:25px}.reference-gates-single-man-gate .faq-grid .lead{max-width:335px}.reference-gates-single-man-gate .faqs details{border-top:1px solid var(--border)}.reference-gates-single-man-gate .faqs details:last-child{border-bottom:1px solid var(--border)}.reference-gates-single-man-gate .faqs summary{cursor:pointer;padding:23px 45px 23px 0;font-size:1.08rem;line-height:1.4;list-style:none;position:relative}.reference-gates-single-man-gate .faqs summary::-webkit-details-marker{display:none}.reference-gates-single-man-gate .faqs summary:after{content:"+";color:var(--lime-ink);font-size:1.6rem;font-weight:400;position:absolute;top:19px;right:4px}.reference-gates-single-man-gate .faqs details[open] summary:after{content:"−"}.reference-gates-single-man-gate .faqs details p{color:currentColor;padding:0 30px 25px 0;font-size:1rem;line-height:1.7}.reference-gates-single-man-gate .crosslink{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:40px;margin-top:70px;padding:35px 0;display:flex}.reference-gates-single-man-gate .crosslink h3{font-size:1.9rem}.reference-gates-single-man-gate .final-cta{background:var(--accent);padding:75px 0}.reference-gates-single-man-gate .final-cta .wrap{justify-content:space-between;align-items:center;gap:60px;display:flex}.reference-gates-single-man-gate .final-cta h2{max-width:640px;font-size:3.6rem}.reference-gates-single-man-gate .final-cta .eyebrow{color:var(--foreground)}.reference-gates-single-man-gate .final-cta p{max-width:580px;color:var(--foreground);margin-top:20px}.reference-gates-single-man-gate .final-cta .actions{flex-shrink:0;max-width:220px}.reference-gates-single-man-gate .final-cta .btn{width:100%}.reference-gates-single-man-gate .footer{background:var(--foreground);color:var(--ink-foreground);padding:65px 0 25px}.reference-gates-single-man-gate .footer-top{grid-template-columns:repeat(4,minmax(0,1fr));gap:65px;display:grid}.reference-gates-single-man-gate .footer .logo{width:175px}.reference-gates-single-man-gate .footer p{color:var(--ink-foreground);max-width:330px;margin-top:22px;font-size:.9rem}.reference-gates-single-man-gate .footer-title{letter-spacing:0;color:var(--accent);margin-bottom:20px;font-size:.76rem}.reference-gates-single-man-gate .footer-links{flex-direction:column;gap:11px;font-size:.9rem;display:flex}.reference-gates-single-man-gate .footer-bottom{border-top:1px solid var(--fencing-overlay);color:var(--foreground);justify-content:space-between;gap:20px;margin-top:50px;padding-top:25px;font-size:.76rem;display:flex}.reference-gates-single-man-gate dialog{background:var(--background);color:var(--ink);width:100%;max-width:min(1050px,94vw);max-height:92dvh;box-shadow:0 20px 100px var(--fencing-overlay);border:0;padding:0;overflow:auto}.reference-gates-single-man-gate dialog::backdrop{background:var(--fencing-overlay)}.reference-gates-single-man-gate .dialog-close{z-index:2;background:var(--background);width:44px;height:44px;color:var(--ink);justify-content:center;align-items:center;font-size:1.6rem;display:flex;position:absolute;top:15px;right:15px}.reference-gates-single-man-gate .lightbox-image{object-fit:contain;background:var(--foreground);width:100%;max-height:65dvh}.reference-gates-single-man-gate .lightbox-.reference-gates-single-man-gate{justify-content:space-between;align-items:center;gap:30px;padding:28px 35px;display:flex}.reference-gates-single-man-gate .lightbox-.reference-gates-single-man-gate h3{margin-bottom:8px;font-size:1.8rem}.reference-gates-single-man-gate #sample-dialog{max-width:580px;padding:45px}.reference-gates-single-man-gate #sample-dialog h2{margin-bottom:18px;font-size:2.7rem}.reference-gates-single-man-gate #sample-dialog p{color:currentColor}.reference-gates-single-man-gate .sample-fields{gap:20px;margin:26px 0;display:grid}.reference-gates-single-man-gate .sample-fields label{font-size:.87rem;font-weight:600}.reference-gates-single-man-gate .sample-fields select{border:1px solid var(--border);background:var(--card);border-radius:0;width:100%;margin-top:8px;padding:12px;display:block}.reference-gates-single-man-gate .sample-summary{background:var(--secondary);margin:20px 0;padding:18px}.reference-gates-single-man-gate .sample-summary strong{display:block}.reference-gates-single-man-gate .sample-note{margin-top:18px;font-size:.83rem}.reference-gates-single-man-gate .sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.reference-gates-single-man-gate [hidden]{display:none!important}@media (width>=1700px){.reference-gates-single-man-gate .hero{min-height:800px}}@media (width<=1100px){.reference-gates-single-man-gate .wrap{width:90%}.reference-gates-single-man-gate .primary-nav{gap:24px}.reference-gates-single-man-gate .explorer-grid{grid-template-columns:1.15fr 1fr;gap:35px}.reference-gates-single-man-gate .section{padding:80px 0}.reference-gates-single-man-gate .construction-grid,.reference-gates-single-man-gate .faq-grid,.reference-gates-single-man-gate .spec-grid{gap:55px}.reference-gates-single-man-gate .footer-top{gap:30px}.reference-gates-single-man-gate .profile-image{height:320px}.reference-gates-single-man-gate .jump-links{gap:17px}.reference-gates-single-man-gate .swatches{gap:16px 12px}.reference-gates-single-man-gate .product-design{gap:45px}}@media (width<=800px){.reference-gates-single-man-gate .utility .wrap>span{display:none}.reference-gates-single-man-gate .utility .wrap{justify-content:flex-end}.reference-gates-single-man-gate .utility-links{gap:20px}.reference-gates-single-man-gate .header-inner{height:82px}.reference-gates-single-man-gate .logo{width:160px}.reference-gates-single-man-gate .menu-toggle{display:block}.reference-gates-single-man-gate .primary-nav{background:var(--foreground);flex-direction:column;align-items:stretch;gap:7px;padding:25px 5%;display:none;position:absolute;top:82px;left:0;right:0}.reference-gates-single-man-gate .primary-nav.open{display:flex}.reference-gates-single-man-gate .hero{min-height:650px}.reference-gates-single-man-gate .hero-content{padding-top:160px;padding-bottom:80px}.reference-gates-single-man-gate .hero h1{max-width:630px;font-size:4.7rem}.reference-gates-single-man-gate .hero:after{background:linear-gradient(90deg,var(--fencing-hero-overlay),var(--fencing-hero-overlay)),linear-gradient(0deg,var(--fencing-hero-overlay),transparent)}.reference-gates-single-man-gate .hero p:not(.eyebrow){font-size:1.05rem}.reference-gates-single-man-gate .hero-caption{display:none}.reference-gates-single-man-gate .page-nav .wrap{min-height:0;display:block}.reference-gates-single-man-gate .page-tabs{justify-content:space-between;gap:15px}.reference-gates-single-man-gate .page-tabs a{padding:17px 0;font-size:.85rem}.reference-gates-single-man-gate .jump-links{display:none}.reference-gates-single-man-gate .intro-grid{grid-template-columns:1fr;gap:15px}.reference-gates-single-man-gate .intro-grid .lead{padding-top:0}.reference-gates-single-man-gate .benefit-strip{grid-template-columns:1fr 1fr;gap:0;margin-top:40px}.reference-gates-single-man-gate .benefit{padding:25px 15px 20px 0}.reference-gates-single-man-gate .benefit:not(:first-child){padding-left:20px}.reference-gates-single-man-gate .benefit:nth-child(3){border-left:0;border-top:1px solid var(--border);padding-left:0}.reference-gates-single-man-gate .benefit:nth-child(4){border-top:1px solid var(--border)}.reference-gates-single-man-gate .section-head{flex-direction:column;align-items:start;gap:22px;margin-bottom:32px}.reference-gates-single-man-gate .section-head p{max-width:620px}.reference-gates-single-man-gate .profile-image{height:300px}.reference-gates-single-man-gate .profile-info h3{font-size:2rem}.reference-gates-single-man-gate .explorer-grid{grid-template-columns:1fr;gap:30px}.reference-gates-single-man-gate .explorer-photo{aspect-ratio:1.5}.reference-gates-single-man-gate .explorer-controls h3{font-size:2.5rem}.reference-gates-single-man-gate .finish-story{min-height:0}.reference-gates-single-man-gate .swatches{grid-template-columns:repeat(5,1fr);gap:22px}.reference-gates-single-man-gate .swatch-chip{height:60px}.reference-gates-single-man-gate .swatch-label{min-height:0;font-size:.82rem}.reference-gates-single-man-gate .gallery-grid{grid-template-columns:1fr 1fr}.reference-gates-single-man-gate .construction-grid,.reference-gates-single-man-gate .faq-grid,.reference-gates-single-man-gate .spec-grid,.reference-gates-single-man-gate .product-design{grid-template-columns:1fr;gap:40px}.reference-gates-single-man-gate .construction h2{max-width:600px}.reference-gates-single-man-gate .product-design img{aspect-ratio:1.5}.reference-gates-single-man-gate .faq-grid h2{max-width:580px}.reference-gates-single-man-gate .faq-grid .lead{max-width:500px}.reference-gates-single-man-gate .final-cta .wrap{flex-direction:column;align-items:flex-start;gap:32px}.reference-gates-single-man-gate .final-cta .actions{max-width:none}.reference-gates-single-man-gate .final-cta .btn{width:auto}.reference-gates-single-man-gate .footer-top{grid-template-columns:1.5fr 1fr;gap:42px}.reference-gates-single-man-gate .footer-bottom{flex-direction:column}.reference-gates-single-man-gate .lightbox-.reference-gates-single-man-gate{flex-direction:column;align-items:start;gap:18px}}@media (width<=520px){.reference-gates-single-man-gate{font-size:16px}.reference-gates-single-man-gate .wrap{width:89%}.reference-gates-single-man-gate .utility{height:30px}.reference-gates-single-man-gate .utility-links{gap:22px;font-size:.65rem}.reference-gates-single-man-gate .hero{min-height:690px}.reference-gates-single-man-gate .hero.product{min-height:650px}.reference-gates-single-man-gate .hero-content{padding-top:140px;padding-bottom:64px}.reference-gates-single-man-gate .hero h1{letter-spacing:0;font-size:3.25rem}.reference-gates-single-man-gate .hero .eyebrow{font-size:.72rem}.reference-gates-single-man-gate .hero .actions{flex-direction:column;align-items:stretch;max-width:270px}.reference-gates-single-man-gate .section{padding:62px 0}.reference-gates-single-man-gate .eyebrow{margin-bottom:16px}.reference-gates-single-man-gate h2{font-size:2.55rem}.reference-gates-single-man-gate .benefit strong{font-size:1.05rem}.reference-gates-single-man-gate .benefit p{font-size:.88rem}.reference-gates-single-man-gate .benefit:not(:first-child){padding-left:16px}.reference-gates-single-man-gate .benefit:nth-child(3){padding-left:0}.reference-gates-single-man-gate .profiles{grid-template-columns:1fr;gap:38px}.reference-gates-single-man-gate .profile-image{height:285px}.reference-gates-single-man-gate .profile-info{padding-top:22px}.reference-gates-single-man-gate .profile-info p{font-size:.98rem}.reference-gates-single-man-gate .explorer-photo{aspect-ratio:1.15}.reference-gates-single-man-gate .image-note{font-size:.7rem;bottom:12px;left:12px}.reference-gates-single-man-gate .photo-caption{flex-direction:column;gap:2px}.reference-gates-single-man-gate .swatches{grid-template-columns:repeat(3,1fr);gap:20px 12px}.reference-gates-single-man-gate .swatch-chip{height:49px}.reference-gates-single-man-gate .swatch-label{font-size:.82rem}.reference-gates-single-man-gate .sample-action{gap:17px}.reference-gates-single-man-gate .gallery-tools{align-items:flex-start}.reference-gates-single-man-gate .filter-buttons{gap:19px}.reference-gates-single-man-gate .filter-buttons button{font-size:.86rem}.reference-gates-single-man-gate .gallery-tools select{max-width:115px;padding-top:15px;font-size:.8rem}.reference-gates-single-man-gate .gallery-grid{grid-template-columns:1fr;gap:30px}.reference-gates-single-man-gate .gallery-card .gallery-img{aspect-ratio:1.4}.reference-gates-single-man-gate .gallery-bottom{flex-direction:column;align-items:start;gap:20px}.reference-gates-single-man-gate .spec-table>div{grid-template-columns:1fr 1.2fr;gap:20px;font-size:.9rem}.reference-gates-single-man-gate .construction-step{grid-template-columns:27px 1fr;gap:12px}.reference-gates-single-man-gate .faqs summary{font-size:1rem}.reference-gates-single-man-gate .crosslink{flex-direction:column;align-items:start;margin-top:45px}.reference-gates-single-man-gate .final-cta{padding:60px 0}.reference-gates-single-man-gate .final-cta .actions{flex-direction:column;width:100%;max-width:270px}.reference-gates-single-man-gate .footer-top{grid-template-columns:1fr 1fr;gap:35px 24px}.reference-gates-single-man-gate .footer-top>div:first-child,.reference-gates-single-man-gate .footer-top>div:last-child{grid-column:1/-1}.reference-gates-single-man-gate .footer-title{margin-bottom:16px}.reference-gates-single-man-gate #sample-dialog{padding:35px 25px}.reference-gates-single-man-gate .lightbox-.reference-gates-single-man-gate{padding:23px}.reference-gates-single-man-gate .page-tabs{gap:10px}.reference-gates-single-man-gate .page-tabs a{font-size:.79rem}.reference-gates-single-man-gate .segmented button{padding:10px 16px}}@media (prefers-reduced-motion:reduce){.reference-gates-single-man-gate{scroll-behavior:auto}.reference-gates-single-man-gate *{transition:none!important}}.reference-gates-single-man-gate .preview-switch{width:100%;margin-bottom:18px}.reference-gates-single-man-gate .preview-switch button{flex:1;min-height:46px}.reference-gates-single-man-gate .explorer-photo.board-preview{background:var(--card);border:1px solid var(--border)}.reference-gates-single-man-gate .explorer-photo.board-preview>img{object-fit:contain;width:100%;height:100%;padding:18px 20px 35px}.reference-gates-single-man-gate .board-colour-label{margin:25px 0 13px;font-size:.85rem;font-weight:600}.reference-gates-single-man-gate .swatches.board-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:21px 15px;margin:0 0 22px}.reference-gates-single-man-gate .board-options .swatch-chip{aspect-ratio:.84;background:var(--card);border:1px solid var(--border);height:auto;margin-bottom:10px;overflow:visible}.reference-gates-single-man-gate .board-options .swatch-chip img{object-fit:contain;width:100%;height:100%;transition:transform .25s}.reference-gates-single-man-gate .board-options .swatch:hover img{transform:scale(1.06)}.reference-gates-single-man-gate .board-options .swatch-label{min-height:1.25em;font-size:.85rem;line-height:1.25}.reference-gates-single-man-gate .board-options .swatch[aria-pressed=true] .swatch-chip{outline-offset:3px}.reference-gates-single-man-gate .additional-finish{color:currentColor;flex-wrap:wrap;align-items:center;gap:5px 10px;margin-top:8px;font-size:.8rem;display:flex}.reference-gates-single-man-gate .additional-finish button{color:var(--ink);background:0 0;padding:5px 0;font-size:.8rem}.reference-gates-single-man-gate .additional-finish button[aria-pressed=true]{color:var(--lime-ink);border-bottom-width:2px}.reference-gates-single-man-gate .board-unavailable{background:var(--card)}.reference-gates-single-man-gate .board-unavailable p{max-width:35ch}.reference-gates-single-man-gate .board-unavailable .eyebrow{margin-bottom:0}.reference-gates-single-man-gate .board-unavailable .btn{margin-top:12px}.reference-gates-single-man-gate .board-dialog-image{background:var(--card);justify-content:center;align-items:center;padding:35px 30px 15px;display:flex}.reference-gates-single-man-gate .board-dialog-image img{object-fit:contain;max-width:100%;height:62dvh;max-height:760px}.reference-gates-single-man-gate #board-dialog{max-width:min(900px,94vw)}.reference-gates-single-man-gate #board-dialog .lightbox-.reference-gates-single-man-gate{border-top:1px solid var(--border)}@media (width<=1100px){.reference-gates-single-man-gate .swatches.board-options{gap:20px 12px}.reference-gates-single-man-gate .board-options .swatch-label{font-size:.8rem}.reference-gates-single-man-gate .board-options .swatch-chip{aspect-ratio:.75}}@media (width<=800px){.reference-gates-single-man-gate .explorer-photo.board-preview{aspect-ratio:1.3}.reference-gates-single-man-gate .swatches.board-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px}.reference-gates-single-man-gate .board-options .swatch-chip{aspect-ratio:1}.reference-gates-single-man-gate .board-options .swatch-label{font-size:.88rem}.reference-gates-single-man-gate .preview-switch{margin-bottom:15px}}@media (width<=520px){.reference-gates-single-man-gate .explorer-photo.board-preview{aspect-ratio:1.04}.reference-gates-single-man-gate .explorer-photo.board-preview>img{padding:10px 14px 30px}.reference-gates-single-man-gate .swatches.board-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:21px 12px}.reference-gates-single-man-gate .board-options .swatch-chip{aspect-ratio:.65}.reference-gates-single-man-gate .board-options .swatch-label{min-height:2.5em;font-size:.82rem}.reference-gates-single-man-gate .preview-switch button{padding:12px 10px;font-size:.85rem}.reference-gates-single-man-gate .board-dialog-image{padding:45px 15px 15px}.reference-gates-single-man-gate .board-dialog-image img{height:52dvh}.reference-gates-single-man-gate .additional-finish{font-size:.8rem}}.reference-gates-single-man-gate .header .logo,.reference-gates-single-man-gate .footer .logo{mix-blend-mode:normal;object-fit:contain;width:240px;height:auto;max-height:none;display:block}.reference-gates-single-man-gate .header-inner>a:first-child{flex-shrink:0;display:block}@media (width<=1000px){.reference-gates-single-man-gate .header .logo{width:210px}}@media (width<=480px){.reference-gates-single-man-gate .header .logo{width:188px}.reference-gates-single-man-gate .footer .logo{width:220px}}.reference-gates-single-man-gate .advantages{position:relative}.reference-gates-single-man-gate .advantages .section-anchor{position:absolute;top:0;left:0}.reference-gates-single-man-gate .advantage-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:70px;display:grid}.reference-gates-single-man-gate .advantages .advantage-intro .eyebrow{letter-spacing:0;max-width:390px;font-size:.8rem;line-height:1.6}.reference-gates-single-man-gate .advantages h2{letter-spacing:0;max-width:530px;margin-bottom:25px;font-size:4.2rem;line-height:1.08}.reference-gates-single-man-gate .advantages h2 span{color:var(--accent)}.reference-gates-single-man-gate .advantages .lead{max-width:390px;margin-bottom:32px;line-height:1.65}.reference-gates-single-man-gate .advantage-intro>.btn{border-color:var(--secondary);color:var(--ink-foreground);min-height:48px}.reference-gates-single-man-gate .advantage-grid{gap:22px;display:grid}.reference-gates-single-man-gate .advantage-card{background:var(--background);color:var(--ink);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);min-width:0;min-height:235px;display:grid;overflow:hidden}.reference-gates-single-man-gate .advantage-image{background:var(--card);justify-content:center;align-items:center;min-width:0;padding:34px 14px 25px;display:flex;position:relative}.reference-gates-single-man-gate .advantage-number{color:var(--lime-ink);letter-spacing:0;font-size:.8rem;font-weight:600;position:absolute;top:18px;left:20px}.reference-gates-single-man-gate .advantage-drawing{width:100%;max-width:240px;height:auto;display:block;overflow:hidden}.reference-gates-single-man-gate .advantage-copy{flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;padding:31px 30px 29px 24px;display:flex}.reference-gates-single-man-gate .advantage-copy h3{letter-spacing:0;margin-bottom:13px;font-size:1.55rem;line-height:1.2}.reference-gates-single-man-gate .advantage-copy p{color:currentColor;margin-bottom:21px;font-size:1rem;line-height:1.65}.reference-gates-single-man-gate .advantage-result{border-top:2px solid var(--secondary);max-width:100%;color:var(--lime-ink);padding-top:13px;font-size:.875rem;font-weight:600;line-height:1.45;display:block}.reference-gates-single-man-gate .jump-links a{white-space:nowrap}@media (width<=1180px){.reference-gates-single-man-gate .page-nav .jump-links{display:none}.reference-gates-single-man-gate .advantage-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:42px}.reference-gates-single-man-gate .advantage-copy{padding:28px 24px 26px 20px}.reference-gates-single-man-gate .advantages h2{font-size:3.25rem}}@media (width<=1000px){.reference-gates-single-man-gate .advantage-layout{grid-template-columns:1fr;gap:38px}.reference-gates-single-man-gate .advantage-intro,.reference-gates-single-man-gate .advantages h2{max-width:600px}.reference-gates-single-man-gate .advantages .lead{max-width:570px}.reference-gates-single-man-gate .advantage-card{grid-template-columns:minmax(180px,.65fr) minmax(0,1.35fr);min-height:220px}.reference-gates-single-man-gate .advantage-copy{padding:30px}.reference-gates-single-man-gate .advantage-image{padding:35px 20px 25px}.reference-gates-single-man-gate .advantage-drawing{max-width:235px}}@media (width<=520px){.reference-gates-single-man-gate .advantages h2{font-size:2.75rem}.reference-gates-single-man-gate .advantages .advantage-intro .eyebrow{max-width:290px;font-size:.8rem}.reference-gates-single-man-gate .advantage-layout{gap:32px}.reference-gates-single-man-gate .advantage-grid{gap:22px}.reference-gates-single-man-gate .advantage-card{grid-template-columns:1fr}.reference-gates-single-man-gate .advantage-image{height:175px;padding:30px 45px 18px}.reference-gates-single-man-gate .advantage-drawing{width:auto;max-width:100%;height:100%}.reference-gates-single-man-gate .advantage-number{top:17px;left:24px}.reference-gates-single-man-gate .advantage-copy{padding:25px}.reference-gates-single-man-gate .advantage-copy h3{font-size:1.55rem}.reference-gates-single-man-gate .advantage-copy p{margin-bottom:19px}.reference-gates-single-man-gate .advantage-result{font-size:.875rem}.reference-gates-single-man-gate .advantage-intro>.btn{font-size:.8rem}}.reference-gates-single-man-gate .trims-section{border-top:1px solid var(--border);background:var(--background)}.reference-gates-single-man-gate .trim-section-meta{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.reference-gates-single-man-gate .trim-finish{color:currentColor;align-items:center;gap:10px;font-size:.88rem;display:inline-flex}.reference-gates-single-man-gate .trim-finish>span{background:var(--border);border:1px solid var(--fencing-overlay);width:24px;height:24px;display:block}.reference-gates-single-man-gate .trim-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.reference-gates-single-man-gate .trim-card{text-align:left;color:inherit;border:1px solid var(--border);background:0 0;flex-direction:column;padding:0;transition:border-color .2s;display:flex}.reference-gates-single-man-gate .trim-card:hover{border-color:var(--lime-ink)}.reference-gates-single-man-gate .trim-card-image{background:var(--card);aspect-ratio:1.35;width:100%;position:relative;overflow:hidden}.reference-gates-single-man-gate .trim-card-image img{object-fit:contain;width:100%;height:100%;transition:transform .4s}.reference-gates-single-man-gate .trim-card:hover img{transform:scale(1.035)}.reference-gates-single-man-gate .trim-card-number{color:currentColor;font-size:.75rem;position:absolute;top:14px;left:16px}.reference-gates-single-man-gate .trim-card-.reference-gates-single-man-gate{flex-direction:column;flex:1;align-items:flex-start;padding:22px 20px;display:flex}.reference-gates-single-man-gate .trim-card h3{letter-spacing:0;margin-bottom:8px;font-size:1.2rem;line-height:1.25}.reference-gates-single-man-gate .trim-card p{color:currentColor;margin-bottom:22px;font-size:.85rem}.reference-gates-single-man-gate .trim-view{border-bottom:1px solid;margin-top:auto;padding-bottom:3px;font-size:.82rem;font-weight:600;display:inline-block}.reference-gates-single-man-gate .trim-section-bottom{justify-content:space-between;align-items:center;gap:50px;margin-top:35px;display:flex}.reference-gates-single-man-gate .trim-section-bottom p{max-width:650px}.reference-gates-single-man-gate .trim-section-bottom .btn{flex-shrink:0}.reference-gates-single-man-gate #trim-dialog{max-width:min(1100px,94vw)}.reference-gates-single-man-gate .trim-dialog-grid{grid-template-columns:1.2fr 1fr;min-height:480px;display:grid}.reference-gates-single-man-gate .trim-dialog-image{background:var(--card);justify-content:center;align-items:center;min-width:0;padding:25px;display:flex}.reference-gates-single-man-gate .trim-dialog-image img{object-fit:contain;width:100%;max-height:65dvh}.reference-gates-single-man-gate .trim-dialog-.reference-gates-single-man-gate{flex-direction:column;align-items:flex-start;padding:62px 40px 45px;display:flex}.reference-gates-single-man-gate .trim-dialog-.reference-gates-single-man-gate h2{margin-bottom:24px;font-size:2.5rem}.reference-gates-single-man-gate .trim-dialog-.reference-gates-single-man-gate>.trim-finish{margin-bottom:25px}.reference-gates-single-man-gate .trim-dialog-.reference-gates-single-man-gate #trim-dialog-description{margin-bottom:22px;font-size:1.02rem}.reference-gates-single-man-gate .trim-dialog-.reference-gates-single-man-gate>.btn{margin-top:30px}.reference-gates-single-man-gate .trim-dialog-.reference-gates-single-man-gate>.eyebrow{margin-bottom:17px}@media (width<=1100px){.reference-gates-single-man-gate .trim-grid{gap:18px}.reference-gates-single-man-gate .trim-card-.reference-gates-single-man-gate{padding:20px 15px}.reference-gates-single-man-gate .trim-card h3{font-size:1.08rem}}@media (width<=950px){.reference-gates-single-man-gate .page-nav .jump-links{display:none}.reference-gates-single-man-gate .trim-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-gates-single-man-gate .trim-dialog-grid{grid-template-columns:1fr}.reference-gates-single-man-gate .trim-dialog-image{padding:10px 35px}.reference-gates-single-man-gate .trim-dialog-image img{height:38dvh}.reference-gates-single-man-gate .trim-dialog-.reference-gates-single-man-gate{padding:30px 35px 40px}.reference-gates-single-man-gate .trim-dialog-.reference-gates-single-man-gate h2{margin-bottom:20px}.reference-gates-single-man-gate .trim-section-bottom{gap:25px}}@media (width<=520px){.reference-gates-single-man-gate .trim-grid{gap:18px 12px}.reference-gates-single-man-gate .trim-card-.reference-gates-single-man-gate{padding:16px 13px}.reference-gates-single-man-gate .trim-card h3{font-size:1rem;line-height:1.3}.reference-gates-single-man-gate .trim-card p{margin-bottom:18px;font-size:.8rem}.reference-gates-single-man-gate .trim-card-image{aspect-ratio:1.05}.reference-gates-single-man-gate .trim-card-number{top:10px;left:10px}.reference-gates-single-man-gate .trim-card-image img{transform:scale(1.12)}.reference-gates-single-man-gate .trim-card:hover img{transform:scale(1.16)}.reference-gates-single-man-gate .trim-section-meta{align-items:flex-start;gap:20px}.reference-gates-single-man-gate .trim-section-meta>p{text-align:right;max-width:150px;font-size:.8rem}.reference-gates-single-man-gate .trim-section-bottom{flex-direction:column;align-items:flex-start;gap:23px}.reference-gates-single-man-gate .trim-dialog-.reference-gates-single-man-gate{padding:25px}.reference-gates-single-man-gate .trim-dialog-.reference-gates-single-man-gate h2{font-size:2.15rem}.reference-gates-single-man-gate .trim-dialog-image{padding:20px}.reference-gates-single-man-gate .trim-dialog-image img{height:31dvh}.reference-gates-single-man-gate .trim-dialog-.reference-gates-single-man-gate>.btn{width:100%}}.reference-gates-single-man-gate .material-story .intro-grid{grid-template-columns:1.25fr 1fr;align-items:center;gap:70px}.reference-gates-single-man-gate .material-story .intro-grid h2{max-width:690px;font-size:3.7rem;line-height:1.1}.reference-gates-single-man-gate .material-story .intro-grid h2 span{color:var(--lime-ink)}.reference-gates-single-man-gate .material-story .intro-grid .lead{max-width:440px;padding-top:22px}.reference-gates-single-man-gate .material-story .lead strong{font-weight:inherit;color:var(--ink)}.reference-gates-single-man-gate .material-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);align-items:stretch;gap:60px;margin-top:48px;display:grid}.reference-gates-single-man-gate .core-card{background:var(--secondary);border-top:3px solid var(--lime-ink);padding:34px 36px 30px}.reference-gates-single-man-gate .core-card .eyebrow{letter-spacing:0;margin-bottom:18px;font-size:.8rem}.reference-gates-single-man-gate .core-card h3{letter-spacing:0;font-size:1.95rem;line-height:1.15}.reference-gates-single-man-gate .core-composition{margin:25px 0 23px}.reference-gates-single-man-gate .core-composition>div{border-bottom:1px solid var(--secondary);grid-template-columns:96px minmax(0,1fr);align-items:center;gap:15px;padding:14px 0;display:grid}.reference-gates-single-man-gate .core-composition>div:first-child{border-top:1px solid var(--secondary)}.reference-gates-single-man-gate .core-composition dt{color:var(--foreground);grid-area:1/2;font-size:.95rem;line-height:1.45}.reference-gates-single-man-gate .core-composition dd{letter-spacing:0;color:var(--foreground);font-variant-numeric:tabular-nums;grid-area:1/1;margin:0;font-size:2.55rem;font-weight:500;line-height:1}.reference-gates-single-man-gate .core-composition dd span{letter-spacing:0;margin-left:3px;font-size:1.2rem}.reference-gates-single-man-gate .core-note{color:var(--foreground);font-size:1rem;line-height:1.6}.reference-gates-single-man-gate .material-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 42px;display:grid}.reference-gates-single-man-gate .material-benefit{border-bottom:1px solid var(--border);padding:12px 0 30px}.reference-gates-single-man-gate .material-benefit:nth-child(n+3){border-bottom:0;padding-top:28px;padding-bottom:4px}.reference-gates-single-man-gate .material-icon{width:42px;height:42px;color:var(--lime-ink);justify-content:center;align-items:center;margin-bottom:20px;display:flex}.reference-gates-single-man-gate .material-icon svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:34px;height:34px}.reference-gates-single-man-gate .material-benefit h3{letter-spacing:0;margin-bottom:13px;font-size:1.45rem;line-height:1.2}.reference-gates-single-man-gate .material-benefit p{color:currentColor;font-size:1rem;line-height:1.65}@media (width<=1100px){.reference-gates-single-man-gate .material-story .intro-grid{gap:40px}.reference-gates-single-man-gate .material-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:35px}.reference-gates-single-man-gate .core-card{padding:30px 26px}.reference-gates-single-man-gate .core-composition>div{grid-template-columns:80px minmax(0,1fr);gap:10px}.reference-gates-single-man-gate .material-benefits{gap:0 28px}.reference-gates-single-man-gate .material-benefit h3{font-size:1.3rem}}@media (width<=800px){.reference-gates-single-man-gate .material-story .intro-grid{grid-template-columns:1fr;gap:22px}.reference-gates-single-man-gate .material-story .intro-grid .lead{max-width:600px;padding-top:0}.reference-gates-single-man-gate .material-layout{grid-template-columns:1fr;gap:30px;margin-top:35px}.reference-gates-single-man-gate .core-card{padding:30px}.reference-gates-single-man-gate .core-composition{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:25px 0 20px;display:grid}.reference-gates-single-man-gate .core-composition>div{border-top:1px solid var(--secondary);flex-direction:column;align-items:flex-start;gap:12px;padding:18px 0;display:flex}.reference-gates-single-man-gate .core-composition dd{order:-1}.reference-gates-single-man-gate .core-composition dt{font-size:.95rem}.reference-gates-single-man-gate .core-note{max-width:550px}.reference-gates-single-man-gate .material-benefits{gap:0 35px}.reference-gates-single-man-gate .material-benefit{padding-top:15px}.reference-gates-single-man-gate .material-benefit h3{font-size:1.45rem}}@media (width<=520px){.reference-gates-single-man-gate .material-story .intro-grid h2{font-size:2.55rem}.reference-gates-single-man-gate .core-card{padding:27px 25px}.reference-gates-single-man-gate .core-card h3{font-size:1.85rem}.reference-gates-single-man-gate .core-composition{margin:23px 0 20px;display:block}.reference-gates-single-man-gate .core-composition>div{border-top:0;grid-template-columns:82px minmax(0,1fr);gap:14px;padding:15px 0;display:grid}.reference-gates-single-man-gate .core-composition dd{font-size:2.4rem}.reference-gates-single-man-gate .core-composition dt{font-size:1rem}.reference-gates-single-man-gate .material-benefits{grid-template-columns:1fr;gap:0}.reference-gates-single-man-gate .material-benefit,.reference-gates-single-man-gate .material-benefit:nth-child(n+3){border-bottom:1px solid var(--border);grid-template-columns:36px minmax(0,1fr);column-gap:18px;padding:25px 0;display:grid}.reference-gates-single-man-gate .material-benefit:last-child{border-bottom:0;padding-bottom:0}.reference-gates-single-man-gate .material-icon{grid-area:1/1;width:36px;height:32px;margin:0}.reference-gates-single-man-gate .material-icon svg{width:30px;height:30px}.reference-gates-single-man-gate .material-benefit h3{grid-area:1/2;margin:2px 0 12px;font-size:1.4rem}.reference-gates-single-man-gate .material-benefit p{grid-column:2;font-size:1rem}}.reference-gates-single-man-gate .buying-section{background:var(--secondary);border-top:1px solid var(--border)}.reference-gates-single-man-gate .buying-section .section-head{align-items:center}.reference-gates-single-man-gate .buying-section .section-head .lead{max-width:430px}.reference-gates-single-man-gate .buying-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.reference-gates-single-man-gate .buying-option{background:var(--background);border:1px solid var(--border);grid-template-columns:54px minmax(0,1fr);gap:24px;padding:36px;transition:border-color .2s,background .2s;display:grid}.reference-gates-single-man-gate .buying-option:hover{border-color:var(--lime-ink);background:var(--card)}.reference-gates-single-man-gate .buying-icon{color:var(--lime-ink);background:var(--secondary);justify-content:center;align-items:center;width:54px;height:54px;display:flex}.reference-gates-single-man-gate .buying-icon svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:38px;height:38px}.reference-gates-single-man-gate .buying-option h3{letter-spacing:0;margin:2px 0 14px;font-size:1.7rem;line-height:1.2}.reference-gates-single-man-gate .buying-option p{color:currentColor;max-width:370px;font-size:1rem;line-height:1.65}.reference-gates-single-man-gate .buying-link{border-top:1px solid var(--border);color:var(--lime-ink);justify-content:space-between;align-items:center;gap:20px;margin-top:27px;padding-top:18px;font-size:.95rem;font-weight:600;display:flex}.reference-gates-single-man-gate .buying-link>span{font-size:1.3rem;line-height:1}.reference-gates-single-man-gate .buying-help{justify-content:space-between;align-items:center;gap:35px;margin-top:32px;display:flex}.reference-gates-single-man-gate .buying-help h3{letter-spacing:0;margin-bottom:5px;font-size:1.15rem;line-height:1.35}.reference-gates-single-man-gate .buying-help p{color:currentColor;font-size:1rem}.reference-gates-single-man-gate .buying-help .btn{flex-shrink:0}.reference-gates-single-man-gate .professionals-section{background:var(--foreground);color:var(--background)}.reference-gates-single-man-gate .professionals-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:80px;display:grid}.reference-gates-single-man-gate .professionals-copy .eyebrow{color:var(--accent)}.reference-gates-single-man-gate .professionals-copy h2{max-width:530px;margin-bottom:24px}.reference-gates-single-man-gate .professionals-copy .lead{color:var(--ink-foreground);max-width:460px}.reference-gates-single-man-gate .professional-links{border-top:1px solid var(--fencing-overlay);margin-top:31px}.reference-gates-single-man-gate .professional-links>a{border-bottom:1px solid var(--fencing-overlay);justify-content:space-between;align-items:center;gap:20px;padding:23px 0;display:flex}.reference-gates-single-man-gate .professional-links h3{letter-spacing:0;margin-bottom:8px;font-size:1.35rem;line-height:1.25}.reference-gates-single-man-gate .professional-links p{color:var(--ink-foreground);max-width:380px;font-size:1rem;line-height:1.55}.reference-gates-single-man-gate .professional-links>a>span{color:var(--accent);flex-shrink:0;font-size:1.6rem;line-height:1}.reference-gates-single-man-gate .professional-links>a:hover h3{color:var(--accent)}.reference-gates-single-man-gate .professional-inspiration{border-bottom:1px solid var(--secondary);align-items:center;gap:20px;margin-top:25px;padding:7px 0;font-size:.95rem;font-weight:600;display:inline-flex}.reference-gates-single-man-gate .professional-inspiration>span{color:var(--accent)}.reference-gates-single-man-gate .professionals-image{min-width:0;position:relative}.reference-gates-single-man-gate .professionals-image>img{object-fit:cover;object-position:center;width:100%;height:510px}.reference-gates-single-man-gate .professionals-image figcaption{color:var(--ink-foreground);flex-wrap:wrap;justify-content:space-between;gap:5px 15px;margin-top:14px;font-size:.875rem;line-height:1.45;display:flex}.reference-gates-single-man-gate .professionals-image small{color:var(--ink-foreground);font-size:.8rem}@media (width<=1100px){.reference-gates-single-man-gate .buying-option{grid-template-columns:46px minmax(0,1fr);gap:20px;padding:30px}.reference-gates-single-man-gate .buying-icon{width:46px;height:46px}.reference-gates-single-man-gate .buying-icon svg{width:32px;height:32px}.reference-gates-single-man-gate .buying-option h3{font-size:1.5rem}.reference-gates-single-man-gate .professionals-layout{gap:45px}.reference-gates-single-man-gate .professionals-image>img{height:520px}}@media (width<=800px){.reference-gates-single-man-gate .buying-section .section-head{align-items:flex-start}.reference-gates-single-man-gate .buying-section .section-head .lead{max-width:600px}.reference-gates-single-man-gate .buying-options{grid-template-columns:1fr;gap:20px}.reference-gates-single-man-gate .buying-option{grid-template-columns:54px minmax(0,1fr);gap:25px}.reference-gates-single-man-gate .buying-option p{max-width:550px}.reference-gates-single-man-gate .buying-icon{width:54px;height:54px}.reference-gates-single-man-gate .buying-icon svg{width:38px;height:38px}.reference-gates-single-man-gate .buying-option h3{font-size:1.7rem}.reference-gates-single-man-gate .professionals-layout{grid-template-columns:1fr;gap:38px}.reference-gates-single-man-gate .professionals-copy h2{max-width:620px}.reference-gates-single-man-gate .professionals-copy .lead,.reference-gates-single-man-gate .professional-links p{max-width:600px}.reference-gates-single-man-gate .professionals-image>img{aspect-ratio:1.5;height:auto}.reference-gates-single-man-gate .professionals-image figcaption{margin-top:12px}}@media (width<=520px){.reference-gates-single-man-gate .buying-option{grid-template-columns:1fr;gap:21px;padding:26px}.reference-gates-single-man-gate .buying-option h3{font-size:1.55rem}.reference-gates-single-man-gate .buying-option p{font-size:1rem}.reference-gates-single-man-gate .buying-link{margin-top:23px;padding-top:17px}.reference-gates-single-man-gate .buying-help{flex-direction:column;align-items:flex-start;gap:22px;margin-top:28px}.reference-gates-single-man-gate .buying-help h3{font-size:1.1rem}.reference-gates-single-man-gate .buying-help p{font-size:1rem}.reference-gates-single-man-gate .professionals-copy h2{font-size:2.65rem}.reference-gates-single-man-gate .professional-links{margin-top:26px}.reference-gates-single-man-gate .professional-links>a{padding:22px 0}.reference-gates-single-man-gate .professional-links h3{font-size:1.3rem}.reference-gates-single-man-gate .professional-links p{font-size:1rem}.reference-gates-single-man-gate .professional-inspiration{font-size:.9rem}.reference-gates-single-man-gate .professionals-image>img{aspect-ratio:1.15}.reference-gates-single-man-gate .professionals-image figcaption{flex-direction:column;font-size:.875rem}}.reference-gates-single-man-gate .journal-section{background:var(--background)}.reference-gates-single-man-gate .journal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;display:grid}.reference-gates-single-man-gate .journal-card{color:var(--ink);text-align:left;background:0 0;flex-direction:column;min-width:0;padding:0;display:flex}.reference-gates-single-man-gate .journal-card-image{aspect-ratio:1.4;background:var(--secondary);width:100%;position:relative;overflow:hidden}.reference-gates-single-man-gate .journal-card-image>img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.reference-gates-single-man-gate .journal-card:hover .journal-card-image>img{transform:scale(1.035)}.reference-gates-single-man-gate .journal-image-note{background:var(--fencing-overlay);color:var(--foreground);padding:4px 8px;font-size:.75rem;line-height:1.35;position:absolute;bottom:12px;left:14px}.reference-gates-single-man-gate .journal-card-copy{flex-direction:column;flex:1;align-items:flex-start;width:100%;padding:25px 0 0;display:flex}.reference-gates-single-man-gate .journal-category{text-transform:uppercase;letter-spacing:0;color:var(--lime-ink);font-size:.8rem;font-weight:600;line-height:1.5}.reference-gates-single-man-gate .journal-card h3{letter-spacing:0;margin:12px 0 14px;font-size:1.65rem;line-height:1.18}.reference-gates-single-man-gate .journal-card p{color:currentColor;margin-bottom:24px;font-size:1rem;line-height:1.6}.reference-gates-single-man-gate .journal-read{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;width:100%;margin-top:auto;padding-top:17px;font-size:.9rem;font-weight:600;display:flex}.reference-gates-single-man-gate .journal-read>span{color:var(--lime-ink);font-size:1.35rem}.reference-gates-single-man-gate .journal-card:hover .journal-read{color:var(--lime-ink)}.reference-gates-single-man-gate #article-dialog{max-width:min(900px,94vw)}.reference-gates-single-man-gate .article-image{object-fit:cover;width:100%;height:310px;max-height:40dvh}.reference-gates-single-man-gate .article-.reference-gates-single-man-gate{padding:38px 55px 45px}.reference-gates-single-man-gate .article-.reference-gates-single-man-gate h2{max-width:680px;margin:12px 0 15px;font-size:3rem;line-height:1.13}.reference-gates-single-man-gate .article-image-caption{color:currentColor;margin-bottom:30px;font-size:.8rem}.reference-gates-single-man-gate .article-content{max-width:680px}.reference-gates-single-man-gate .article-content p{color:var(--foreground);margin-bottom:20px;font-size:1.05rem;line-height:1.8}.reference-gates-single-man-gate .article-content h3{letter-spacing:0;margin:27px 0 12px;font-size:1.4rem;line-height:1.3}.reference-gates-single-man-gate .article-.reference-gates-single-man-gate>.btn{margin-top:14px}.reference-gates-single-man-gate .newsletter-section{background:var(--foreground);color:var(--background);border-bottom:1px solid var(--fencing-overlay);padding:76px 0}.reference-gates-single-man-gate .newsletter-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:85px;display:grid}.reference-gates-single-man-gate .newsletter-section .eyebrow{color:var(--accent)}.reference-gates-single-man-gate .newsletter-section h2{margin-bottom:22px;font-size:3.4rem;line-height:1.1}.reference-gates-single-man-gate .newsletter-section .lead{color:var(--ink-foreground);max-width:430px}.reference-gates-single-man-gate .newsletter-email-label{margin-bottom:12px;font-size:1rem;font-weight:500;display:block}.reference-gates-single-man-gate .newsletter-entry{align-items:stretch;gap:0;display:flex}.reference-gates-single-man-gate .newsletter-entry input{border:1px solid var(--secondary);background:var(--card);width:100%;min-width:0;color:var(--ink);border-radius:0;min-height:56px;padding:16px 18px;font-size:1rem}.reference-gates-single-man-gate .newsletter-entry input::placeholder{color:var(--foreground)}.reference-gates-single-man-gate .newsletter-entry .btn{white-space:nowrap;flex-shrink:0;gap:14px;padding:16px 20px}.reference-gates-single-man-gate .newsletter-entry .btn>span{font-size:1.2rem;line-height:1}.reference-gates-single-man-gate .newsletter-consent{color:var(--ink-foreground);cursor:pointer;align-items:flex-start;gap:12px;margin-top:20px;font-size:.9rem;line-height:1.6;display:flex}.reference-gates-single-man-gate .newsletter-consent input{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0;margin:3px 0 0}.reference-gates-single-man-gate .newsletter-form input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.reference-gates-single-man-gate .newsletter-note{color:var(--ink-foreground);max-width:520px;margin-top:15px;font-size:.875rem;line-height:1.6}.reference-gates-single-man-gate .newsletter-status{color:var(--ink-foreground);border-left:3px solid var(--accent);background:var(--fencing-overlay);margin-top:20px;padding:16px 18px;font-size:.95rem;line-height:1.6}.reference-gates-single-man-gate .newsletter-status a{color:var(--accent);text-underline-offset:3px;margin-top:5px;text-decoration:underline;display:inline-block}@media (width<=1100px){.reference-gates-single-man-gate .journal-grid{gap:24px}.reference-gates-single-man-gate .journal-card h3{font-size:1.5rem}.reference-gates-single-man-gate .newsletter-layout{gap:48px}.reference-gates-single-man-gate .newsletter-entry .btn{gap:10px;padding:16px 15px;font-size:.8rem}}@media (width<=800px){.reference-gates-single-man-gate .journal-grid{grid-template-columns:1fr;gap:32px}.reference-gates-single-man-gate .journal-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;display:grid}.reference-gates-single-man-gate .journal-card-image{aspect-ratio:1.2;height:100%;min-height:245px}.reference-gates-single-man-gate .journal-card-copy{padding:0}.reference-gates-single-man-gate .journal-card h3{font-size:1.6rem}.reference-gates-single-man-gate .newsletter-layout{grid-template-columns:1fr;gap:32px}.reference-gates-single-man-gate .newsletter-section .lead{max-width:550px}.reference-gates-single-man-gate .newsletter-entry .btn{padding:16px 23px;font-size:.85rem}.reference-gates-single-man-gate .article-.reference-gates-single-man-gate{padding:32px 35px 40px}}@media (width<=520px){.reference-gates-single-man-gate .journal-grid{gap:36px}.reference-gates-single-man-gate .journal-card{gap:0;display:flex}.reference-gates-single-man-gate .journal-card-image{aspect-ratio:1.4;height:auto;min-height:0}.reference-gates-single-man-gate .journal-card-copy{padding-top:22px}.reference-gates-single-man-gate .journal-card h3{font-size:1.6rem}.reference-gates-single-man-gate .journal-card p{margin-bottom:20px}.reference-gates-single-man-gate .article-image{height:210px;max-height:30dvh}.reference-gates-single-man-gate .article-.reference-gates-single-man-gate{padding:28px 25px 32px}.reference-gates-single-man-gate .article-.reference-gates-single-man-gate h2{font-size:2rem}.reference-gates-single-man-gate .article-content p{font-size:1rem;line-height:1.75}.reference-gates-single-man-gate .article-content h3{font-size:1.3rem}.reference-gates-single-man-gate .newsletter-section{padding:60px 0}.reference-gates-single-man-gate .newsletter-section h2{font-size:2.6rem}.reference-gates-single-man-gate .newsletter-entry{flex-direction:column;gap:12px}.reference-gates-single-man-gate .newsletter-entry .btn{width:100%;min-height:52px}.reference-gates-single-man-gate .newsletter-consent{font-size:.9rem}.reference-gates-single-man-gate .newsletter-note{font-size:.875rem}}.reference-gates-single-man-gate .siding-download-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.reference-gates-single-man-gate .siding-download-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-gates-single-man-gate .siding-download-card{background:var(--secondary);border:1px solid var(--border);flex-direction:column;align-items:flex-start;min-width:0;padding:32px;display:flex}.reference-gates-single-man-gate .siding-download-type{letter-spacing:0;color:var(--lime-ink);margin-bottom:24px;font-size:.72rem;font-weight:700}.reference-gates-single-man-gate .siding-download-card h3{margin-bottom:18px;font-size:1.8rem;line-height:1.15}.reference-gates-single-man-gate .siding-download-card p{color:currentColor;margin-bottom:26px;font-size:.95rem}.reference-gates-single-man-gate .siding-download-meta{color:currentColor;margin-top:auto;margin-bottom:16px;font-size:.8rem}.reference-gates-single-man-gate .siding-download-card .btn{gap:18px}.reference-gates-single-man-gate .siding-spec-downloads{flex-direction:column;align-items:flex-start;gap:14px;margin-top:25px;display:flex}@media (width<=1100px) and (width>=801px){.reference-gates-single-man-gate .siding-page-nav .wrap{flex-wrap:wrap;gap:0}.reference-gates-single-man-gate .siding-page-nav .page-tabs,.reference-gates-single-man-gate .siding-page-nav .jump-links{justify-content:center;width:100%}.reference-gates-single-man-gate .siding-page-nav .jump-links{flex-wrap:wrap;padding:0 0 14px}.reference-gates-single-man-gate .siding-download-card{padding:25px}}@media (width<=800px){.reference-gates-single-man-gate .siding-download-grid,.reference-gates-single-man-gate .siding-download-grid-four{grid-template-columns:1fr}.reference-gates-single-man-gate .siding-download-card{padding:28px}.reference-gates-single-man-gate .siding-download-card h3{font-size:1.7rem}}.reference-gates-single-man-gate .gate-palette-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start;gap:clamp(32px,5vw,70px);display:grid}.reference-gates-single-man-gate .gate-palette-image-stage{border:1px solid var(--border);background:var(--card);padding:24px}.reference-gates-single-man-gate .gate-palette-image-stage>img{object-fit:contain;width:100%;height:510px}.reference-gates-single-man-gate .gate-palette-figure figcaption{color:currentColor;justify-content:space-between;gap:15px;margin-top:14px;font-size:.76rem;line-height:1.5;display:flex}.reference-gates-single-man-gate .gate-palette-figure figcaption>span:first-child{color:var(--ink);font-weight:500}.reference-gates-single-man-gate .gate-palette-controls>h3{margin-top:10px;font-size:2.5rem;line-height:1.15}.reference-gates-single-man-gate .gate-palette-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 14px;margin:29px 0 24px;display:grid}.reference-gates-single-man-gate .gate-palette-colour{text-align:left;color:var(--ink);background:0 0;min-width:0;padding:0}.reference-gates-single-man-gate .gate-palette-chip{aspect-ratio:1.55;background:var(--secondary);border:1px solid var(--fencing-overlay);margin-bottom:9px;display:block;overflow:hidden}.reference-gates-single-man-gate .gate-palette-chip>img{object-fit:cover;object-position:center;width:100%;height:100%;transform:scale(3)}.reference-gates-single-man-gate .gate-palette-colour>span:last-child{font-size:.76rem;line-height:1.35;display:block}.reference-gates-single-man-gate .gate-palette-colour[aria-pressed=true] .gate-palette-chip{outline:2px solid var(--lime-ink);outline-offset:4px}.reference-gates-single-man-gate .gate-palette-colour[aria-pressed=true]>span:last-child{font-weight:600}.reference-gates-single-man-gate .gate-palette-links{flex-direction:column;align-items:flex-start;gap:8px;margin-top:22px;display:flex}.reference-gates-single-man-gate .gate-palette-links .text-link{font-size:.84rem;font-weight:500}.reference-gates-single-man-gate .gate-palette-enquiry{margin-top:23px}.reference-gates-single-man-gate .gate-installation{background:var(--secondary);scroll-margin-top:70px}.reference-gates-single-man-gate .gate-install-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:clamp(32px,6vw,78px);display:grid}.reference-gates-single-man-gate .gate-install-steps{border-top:1px solid var(--border);margin:0;padding:0;list-style:none}.reference-gates-single-man-gate .gate-install-steps>li{border-bottom:1px solid var(--border);grid-template-columns:34px minmax(0,1fr);gap:18px;padding:24px 0;display:grid}.reference-gates-single-man-gate .gate-install-index{color:var(--lime-ink);padding-top:3px;font-size:.73rem}.reference-gates-single-man-gate .gate-install-steps h3{letter-spacing:0;margin-bottom:10px;font-size:1.35rem;line-height:1.25}.reference-gates-single-man-gate .gate-install-steps p,.reference-gates-single-man-gate .gate-install-help>p:not(.eyebrow),.reference-gates-single-man-gate .gate-install-resources p{font-family:var(--font-sans);color:currentColor;font-size:16px;font-weight:300;line-height:1.7}.reference-gates-single-man-gate .gate-install-support figure>img{aspect-ratio:3/2;object-fit:cover;width:100%;height:auto}.reference-gates-single-man-gate .gate-install-support figcaption{color:currentColor;margin-top:11px;font-size:.74rem}.reference-gates-single-man-gate .gate-install-help{background:var(--card);margin-top:25px;padding:28px}.reference-gates-single-man-gate .gate-install-help>.eyebrow{letter-spacing:0;margin-bottom:14px;font-size:.69rem}.reference-gates-single-man-gate .gate-install-help h3{margin-bottom:18px;font-size:1.9rem;line-height:1.15}.reference-gates-single-man-gate .gate-install-help>.btn{margin-top:22px;font-size:.75rem}.reference-gates-single-man-gate .gate-install-resources{border-top:1px solid var(--border);grid-template-columns:1.1fr 1fr;gap:clamp(32px,6vw,78px);margin-top:39px;padding-top:29px;display:grid}.reference-gates-single-man-gate .gate-install-resources h3{margin-bottom:12px;font-size:1.35rem;line-height:1.3}.reference-gates-single-man-gate .gate-install-resource-links{flex-direction:column;align-items:flex-start;gap:13px;display:flex}.reference-gates-single-man-gate .gate-install-resource-links>.text-link{font-size:.82rem;font-weight:500}.reference-gates-single-man-gate .gate-install-videos{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-bottom:42px;display:grid}.reference-gates-single-man-gate .gate-install-videos--one{grid-template-columns:1fr;max-width:920px}.reference-gates-single-man-gate .gate-install-video{min-width:0}.reference-gates-single-man-gate .gate-install-video-frame{background:var(--foreground);aspect-ratio:16/9;overflow:hidden}.reference-gates-single-man-gate .gate-install-video-frame>video{object-fit:contain;width:100%;height:100%;display:block}.reference-gates-single-man-gate .gate-install-video figcaption{justify-content:space-between;align-items:flex-start;gap:20px;margin-top:17px;display:flex}.reference-gates-single-man-gate .gate-install-video h3{margin-bottom:8px;font-size:1.4rem;line-height:1.25}.reference-gates-single-man-gate .gate-install-video figcaption p{color:currentColor;font-size:.76rem;line-height:1.5}.reference-gates-single-man-gate .gate-install-video figcaption>a{flex-shrink:0;font-size:.75rem;font-weight:500}.reference-gates-single-man-gate .gate-video-more{margin-top:12px}.reference-gates-single-man-gate .gate-video-more>.text-link{font-size:.8rem;font-weight:500}@media (width<=900px){.reference-gates-single-man-gate .gate-palette-layout{gap:30px}.reference-gates-single-man-gate .gate-palette-image-stage>img{height:460px}.reference-gates-single-man-gate .gate-palette-options{gap:20px 10px}.reference-gates-single-man-gate .gate-palette-colour>span:last-child{font-size:.7rem}.reference-gates-single-man-gate .gate-install-layout,.reference-gates-single-man-gate .gate-install-resources{gap:34px}.reference-gates-single-man-gate .gate-install-help{padding:23px}.reference-gates-single-man-gate .gate-install-video h3{font-size:1.2rem}}@media (width<=700px){.reference-gates-single-man-gate .gate-palette-layout,.reference-gates-single-man-gate .gate-install-layout,.reference-gates-single-man-gate .gate-install-resources,.reference-gates-single-man-gate .gate-install-videos{grid-template-columns:1fr;gap:30px}.reference-gates-single-man-gate .gate-palette-image-stage>img{height:420px}.reference-gates-single-man-gate .gate-palette-controls>h3{font-size:2.15rem}.reference-gates-single-man-gate .gate-palette-colour>span:last-child{font-size:.76rem}.reference-gates-single-man-gate .gate-install-steps>li{padding:21px 0}.reference-gates-single-man-gate .gate-install-support figure>img{aspect-ratio:16/10}.reference-gates-single-man-gate .gate-install-help h3{font-size:1.85rem}.reference-gates-single-man-gate .gate-install-videos{margin-bottom:32px}.reference-gates-single-man-gate .gate-install-video h3{font-size:1.35rem}}@media (width<=420px){.reference-gates-single-man-gate .gate-palette-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:21px 18px}.reference-gates-single-man-gate .gate-palette-image-stage{padding:13px}.reference-gates-single-man-gate .gate-palette-image-stage>img{height:360px}.reference-gates-single-man-gate .gate-palette-figure figcaption{flex-direction:column;gap:4px}.reference-gates-single-man-gate .gate-install-video figcaption{flex-direction:column;gap:8px}.reference-gates-single-man-gate .gate-install-help>.btn{width:100%}}.reference-gates-single-man-gate{background:var(--card)}.reference-gates-single-man-gate .hero{min-height:670px}.reference-gates-single-man-gate .hero-img{object-position:64% 46%}.reference-gates-single-man-gate .hero:after{background:linear-gradient(90deg,var(--fencing-hero-overlay),var(--fencing-hero-overlay) 48%,var(--fencing-hero-overlay) 100%),linear-gradient(0deg,var(--fencing-hero-overlay),transparent 55%)}.reference-gates-single-man-gate .hero-content{padding-top:165px;padding-bottom:90px}.reference-gates-single-man-gate .gate-hero .lead{color:var(--ink-foreground)}.reference-gates-single-man-gate .page-nav{background:var(--fencing-overlay)}.reference-gates-single-man-gate .gate-nav-label{letter-spacing:0;white-space:nowrap;font-size:.75rem;font-weight:700}.reference-gates-single-man-gate .gate-jump-links{scrollbar-width:thin;flex:1;align-items:center;gap:28px;min-width:0;display:flex;overflow:auto}.reference-gates-single-man-gate .gate-jump-links a{white-space:nowrap;border-bottom:2px solid #0000;padding:21px 0;font-size:.86rem}.reference-gates-single-man-gate .gate-jump-links a:hover,.reference-gates-single-man-gate .gate-jump-links a[aria-current=location]{border-color:var(--lime-ink)}.reference-gates-single-man-gate .gate-breadcrumb{color:var(--ink-foreground);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;font-size:.75rem;display:flex}.reference-gates-single-man-gate .gate-breadcrumb a:hover{color:var(--accent)}.reference-gates-single-man-gate .gate-other-pages{background:var(--secondary);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:27px 0}.reference-gates-single-man-gate .gate-other-pages>.wrap{justify-content:space-between;align-items:center;gap:24px;display:flex}.reference-gates-single-man-gate .gate-other-pages p{font-size:1rem;font-weight:500}.reference-gates-single-man-gate .gate-other-pages>.wrap>div{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.reference-gates-single-man-gate .gate-other-pages .text-link{font-size:.82rem;font-weight:500}.reference-gates-single-man-gate:is([data-gate-page=single],.reference-gates-single-man-gate [data-gate-page=double]) .gate-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=800px){.reference-gates-single-man-gate .gate-other-pages>.wrap{flex-direction:column;align-items:flex-start;gap:13px}.reference-gates-single-man-gate .gate-other-pages>.wrap>div{gap:13px 24px}}@media (width<=600px){.reference-gates-single-man-gate:is([data-gate-page=single],.reference-gates-single-man-gate [data-gate-page=double]) .gate-project-grid{grid-template-columns:1fr}.reference-gates-single-man-gate .gate-breadcrumb{gap:9px;font-size:.7rem}.reference-gates-single-man-gate .gate-other-pages>.wrap>div{flex-direction:column;align-items:flex-start}}.reference-gates-single-man-gate .gate-size-section,.reference-gates-single-man-gate .gate-accessories,.reference-gates-single-man-gate .gate-range,.reference-gates-single-man-gate #custom-gates{scroll-margin-top:70px}.reference-gates-single-man-gate .gate-size-section.grey,.reference-gates-single-man-gate .gate-range,.reference-gates-single-man-gate .gate-planning{background:var(--secondary)}.reference-gates-single-man-gate .gate-range-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;display:grid}.reference-gates-single-man-gate .gate-range-card{background:var(--card);flex-direction:column;min-width:0;display:flex}.reference-gates-single-man-gate .gate-range-photo{aspect-ratio:3/2;overflow:hidden}.reference-gates-single-man-gate .gate-range-photo>img{object-fit:cover;width:100%;height:100%}.reference-gates-single-man-gate .gate-range-card:first-child .gate-range-photo>img{object-position:64% 58%}.reference-gates-single-man-gate .gate-range-copy{flex-direction:column;flex:1;align-items:flex-start;padding:28px;display:flex}.reference-gates-single-man-gate .gate-range-copy .eyebrow{letter-spacing:0;margin-bottom:13px;font-size:.69rem}.reference-gates-single-man-gate .gate-range-copy h3{margin-bottom:16px;font-size:1.8rem;font-weight:500;line-height:1.15}.reference-gates-single-man-gate .gate-range-description{font-family:var(--font-sans);color:currentColor;font-size:16px;font-weight:300;line-height:1.65}.reference-gates-single-man-gate .gate-range-choice{color:currentColor;margin-top:24px;font-size:.75rem}.reference-gates-single-man-gate .gate-range-options{flex-wrap:wrap;gap:8px;width:100%;margin-top:10px;margin-bottom:25px;display:flex}.reference-gates-single-man-gate .gate-range-options>a,.reference-gates-single-man-gate .gate-range-options>button{border:1px solid var(--border);background:var(--card);min-height:44px;color:var(--ink);justify-content:space-between;align-items:center;gap:16px;padding:9px 13px;font-size:.84rem;line-height:1.3;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.reference-gates-single-man-gate .gate-range-options :is(a,.reference-gates-single-man-gate button):hover{background:var(--ink);color:var(--ink-foreground);border-color:var(--ink)}.reference-gates-single-man-gate .gate-range-copy>.text-link{color:var(--ink);text-align:left;background:0 0;margin-top:auto}.reference-gates-single-man-gate .gate-range-copy>.text-link:hover{color:var(--lime-ink)}.reference-gates-single-man-gate .gate-product-layout{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,72px);display:grid}.reference-gates-single-man-gate .gate-product-figure{min-width:0}.reference-gates-single-man-gate .gate-image-stage{background:var(--card);border:1px solid var(--border);width:100%;color:var(--ink);padding:24px;display:block;position:relative;overflow:hidden}.reference-gates-single-man-gate .gate-image-stage>img{object-fit:contain;background:var(--card);width:100%;height:510px}.reference-gates-single-man-gate .gate-image-stage:hover .gate-expand{background:var(--ink);color:#fff}.reference-gates-single-man-gate .gate-expand{border:1px solid var(--border);background:var(--card);align-items:center;gap:10px;padding:8px 12px;font-size:.75rem;transition:background .2s,color .2s;display:flex;position:absolute;bottom:18px;right:18px}.reference-gates-single-man-gate .gate-size-tag{background:var(--card);letter-spacing:0;padding:6px 10px;font-size:.72rem;position:absolute;top:18px;left:18px}.reference-gates-single-man-gate .gate-product-figure figcaption{color:currentColor;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 20px;padding-top:16px;font-size:.78rem;display:flex}.reference-gates-single-man-gate .gate-product-figure figcaption a{text-underline-offset:4px;text-decoration:underline}.reference-gates-single-man-gate .gate-selected-label{letter-spacing:0;text-transform:uppercase;color:currentColor;margin-bottom:9px;font-size:.72rem;font-weight:600}.reference-gates-single-man-gate .gate-selected-colour{margin-bottom:24px;font-size:2rem;font-weight:500;line-height:1.2}.reference-gates-single-man-gate .gate-colour-fieldset{border:0;min-width:0;margin:0;padding:0}.reference-gates-single-man-gate .gate-colour-fieldset legend{margin-bottom:13px;padding:0;font-size:.86rem}.reference-gates-single-man-gate .gate-colour-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 10px;display:grid}.reference-gates-single-man-gate .gate-colour{border:1px solid var(--border);background:var(--card);color:var(--ink);flex-direction:column;justify-content:space-between;align-items:center;gap:6px;min-width:0;padding:6px 5px 10px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.reference-gates-single-man-gate .gate-colour img{object-fit:contain;width:100%;height:80px}.reference-gates-single-man-gate .gate-colour>span{text-align:center;min-height:1.3em;font-size:.71rem;line-height:1.3}.reference-gates-single-man-gate .gate-colour:hover{border-color:var(--lime-ink)}.reference-gates-single-man-gate .gate-colour[aria-pressed=true]{border-color:var(--lime-ink);box-shadow:inset 0 0 0 1px var(--lime-ink)}.reference-gates-single-man-gate .gate-colour[aria-pressed=true]:after{content:"✓";background:var(--lime-ink);color:var(--card);border-radius:50%;place-items:center;width:16px;height:16px;font-size:10px;display:grid;position:absolute;top:4px;right:5px}.reference-gates-single-man-gate .gate-specs{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin:26px 0 25px;display:grid}.reference-gates-single-man-gate .gate-specs>div{border-top:1px solid var(--border);padding:12px 0}.reference-gates-single-man-gate .gate-specs dt{color:currentColor;letter-spacing:0;margin-bottom:4px;font-size:.73rem}.reference-gates-single-man-gate .gate-specs dd{margin:0;font-size:.95rem}.reference-gates-single-man-gate .gate-product-details .actions{align-items:center;gap:18px}.reference-gates-single-man-gate .gate-product-details .text-link{font-size:.8rem}.reference-gates-single-man-gate .gate-fineprint{color:currentColor;max-width:61ch;margin-top:20px;font-size:.79rem;line-height:1.65}.reference-gates-single-man-gate .gate-accessories-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.reference-gates-single-man-gate .gate-accessory-card{background:var(--card);border:1px solid var(--border);min-width:0}.reference-gates-single-man-gate .gate-accessory-image{background:var(--card);width:100%;color:var(--ink);border:0;padding:30px 30px 54px;display:block;position:relative}.reference-gates-single-man-gate .gate-accessory-image>img{object-fit:contain;width:100%;height:280px;display:block}.reference-gates-single-man-gate .gate-accessory-image:hover .gate-expand{background:var(--ink);color:var(--ink-foreground)}.reference-gates-single-man-gate .gate-accessory-copy{border-top:1px solid var(--border);padding:26px 30px 30px}.reference-gates-single-man-gate .gate-accessory-copy .eyebrow{margin-bottom:12px;font-size:.7rem}.reference-gates-single-man-gate .gate-accessory-copy h3{margin-bottom:14px;font-size:1.7rem;font-weight:500;line-height:1.2}.reference-gates-single-man-gate .gate-accessory-description{font-family:var(--font-sans);color:currentColor;max-width:48ch;font-size:16px;font-weight:300;line-height:1.65}.reference-gates-single-man-gate .gate-accessories .gate-plan-footer .btn{flex-shrink:0}.reference-gates-single-man-gate .gate-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;display:grid}.reference-gates-single-man-gate .gate-plan-step{border-top:1px solid var(--secondary);padding-top:24px}.reference-gates-single-man-gate .gate-plan-number{letter-spacing:0;color:var(--lime-ink);font-size:.75rem;font-weight:600}.reference-gates-single-man-gate .gate-plan-step h3{margin:15px 0 14px;font-size:1.5rem;line-height:1.2}.reference-gates-single-man-gate .gate-plan-step p{color:currentColor;font-size:.95rem;line-height:1.7}.reference-gates-single-man-gate .gate-plan-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:30px;margin-top:40px;padding-top:25px;display:flex}.reference-gates-single-man-gate .gate-plan-footer p{color:currentColor;max-width:65ch;font-size:.85rem}.reference-gates-single-man-gate .gate-plan-footer a{white-space:nowrap}.reference-gates-single-man-gate .gate-buy-links{flex-wrap:wrap;gap:14px;display:flex}.reference-gates-single-man-gate .footer .footer-links a:hover{text-underline-offset:4px;text-decoration:underline}.reference-gates-single-man-gate #gate-photo-dialog{background:var(--card);max-width:min(920px,94vw)}.reference-gates-single-man-gate .gate-modal-image{object-fit:contain;width:100%;height:70dvh;max-height:800px;padding:35px 35px 0;display:block}.reference-gates-single-man-gate .gate-photo-caption{border-top:1px solid var(--border);padding:20px 35px 28px}.reference-gates-single-man-gate .gate-photo-caption h2{margin-bottom:8px;font-size:1.5rem;line-height:1.25}.reference-gates-single-man-gate .gate-photo-caption p{color:currentColor;font-size:.83rem}.reference-gates-single-man-gate #gate-enquiry-dialog{max-width:650px;padding:44px}.reference-gates-single-man-gate #gate-enquiry-dialog h2{margin-bottom:20px;font-size:2.6rem}.reference-gates-single-man-gate #gate-enquiry-dialog .eyebrow{margin-bottom:15px}.reference-gates-single-man-gate .gate-enquiry-fields{grid-template-columns:1fr 1fr;gap:20px;margin:28px 0;display:grid}.reference-gates-single-man-gate .gate-enquiry-fields label{font-size:.82rem;font-weight:600;display:block}.reference-gates-single-man-gate .gate-enquiry-fields label.wide{grid-column:1/-1}.reference-gates-single-man-gate .gate-enquiry-fields :is(select,.reference-gates-single-man-gate input,.reference-gates-single-man-gate textarea){border:1px solid var(--border);background:var(--card);width:100%;color:var(--ink);border-radius:0;margin-top:8px;padding:12px;font-size:16px;font-weight:400;display:block}.reference-gates-single-man-gate .gate-enquiry-fields label>span{color:currentColor;font-weight:400}.reference-gates-single-man-gate .gate-enquiry-fields textarea{resize:vertical;min-height:90px}.reference-gates-single-man-gate .gate-enquiry-fields :is(input,.reference-gates-single-man-gate textarea):focus-visible{outline:3px solid var(--border);outline-offset:3px}@media (width<=1100px){.reference-gates-single-man-gate .gate-jump-links{gap:22px}.reference-gates-single-man-gate .gate-nav-label{display:none}.reference-gates-single-man-gate .gate-product-layout{gap:32px}.reference-gates-single-man-gate .gate-image-stage{padding:18px}.reference-gates-single-man-gate .gate-image-stage>img{height:480px}.reference-gates-single-man-gate .gate-colour-options{gap:9px 7px}.reference-gates-single-man-gate .gate-colour>span{font-size:.67rem}.reference-gates-single-man-gate .gate-colour img{height:72px}.reference-gates-single-man-gate .gate-product-details .actions{gap:13px}.reference-gates-single-man-gate .gate-product-details .btn{padding:14px 18px;font-size:.76rem}}@media (width<=800px){.reference-gates-single-man-gate .gate-hero .actions{margin-left:0}.reference-gates-single-man-gate .hero{min-height:620px}.reference-gates-single-man-gate .hero-content{padding-top:150px;padding-bottom:80px}.reference-gates-single-man-gate .page-nav .wrap{display:flex}.reference-gates-single-man-gate .gate-jump-links{gap:25px;width:100%}.reference-gates-single-man-gate .gate-jump-links a{padding:17px 0;font-size:.8rem}.reference-gates-single-man-gate .gate-product-layout{grid-template-columns:1fr;gap:32px}.reference-gates-single-man-gate .gate-image-stage>img{height:460px}.reference-gates-single-man-gate .gate-product-details{max-width:620px}.reference-gates-single-man-gate .gate-colour img{height:95px}.reference-gates-single-man-gate .gate-colour>span{font-size:.78rem}.reference-gates-single-man-gate .gate-plan-grid{gap:25px}.reference-gates-single-man-gate .gate-plan-step h3{font-size:1.3rem}.reference-gates-single-man-gate .gate-plan-footer{flex-direction:column;align-items:flex-start;gap:15px}.reference-gates-single-man-gate .gate-modal-image{height:65dvh}}@media (width<=520px){.reference-gates-single-man-gate .gate-hero .actions{max-width:270px}.reference-gates-single-man-gate .hero{min-height:660px}.reference-gates-single-man-gate .hero-img{object-position:66% center}.reference-gates-single-man-gate .hero:after{background:linear-gradient(90deg,var(--fencing-hero-overlay),var(--fencing-hero-overlay)),linear-gradient(0deg,var(--fencing-hero-overlay),transparent 60%)}.reference-gates-single-man-gate .hero-content{padding-top:140px;padding-bottom:65px}.reference-gates-single-man-gate .gate-image-stage{padding:28px 4px 34px}.reference-gates-single-man-gate .gate-image-stage>img{height:350px}.reference-gates-single-man-gate .gate-expand{padding:6px 9px;font-size:.7rem;bottom:10px;right:12px}.reference-gates-single-man-gate .gate-size-tag{top:12px;left:12px}.reference-gates-single-man-gate .gate-product-figure figcaption{font-size:.73rem}.reference-gates-single-man-gate .gate-selected-colour{margin-bottom:20px;font-size:1.8rem}.reference-gates-single-man-gate .gate-colour-options{gap:8px}.reference-gates-single-man-gate .gate-colour{padding:6px 3px 8px}.reference-gates-single-man-gate .gate-colour img{height:75px}.reference-gates-single-man-gate .gate-colour>span{place-items:center;min-height:2.6em;font-size:.68rem;display:grid}.reference-gates-single-man-gate .gate-specs{gap:0 15px}.reference-gates-single-man-gate .gate-specs dd{font-size:.9rem}.reference-gates-single-man-gate .gate-product-details .actions{flex-direction:column;align-items:flex-start}.reference-gates-single-man-gate .gate-product-details .btn{width:100%}.reference-gates-single-man-gate .gate-plan-grid{grid-template-columns:1fr;gap:34px}.reference-gates-single-man-gate .gate-plan-step h3{font-size:1.5rem}.reference-gates-single-man-gate .gate-buy-links{flex-direction:column;align-items:flex-start}.reference-gates-single-man-gate .gate-buy-links .btn{width:100%}.reference-gates-single-man-gate .gate-modal-image{height:61dvh;padding:30px 10px 0}.reference-gates-single-man-gate .gate-photo-caption{padding:18px 20px 25px}.reference-gates-single-man-gate .gate-photo-caption h2{font-size:1.3rem}.reference-gates-single-man-gate #gate-enquiry-dialog{padding:35px 23px 28px}.reference-gates-single-man-gate #gate-enquiry-dialog h2{font-size:2.2rem}.reference-gates-single-man-gate .gate-enquiry-fields{grid-template-columns:1fr;gap:17px}.reference-gates-single-man-gate .gate-enquiry-fields label.wide{grid-column:1}}@media (width<=700px){.reference-gates-single-man-gate .gate-accessories-grid{grid-template-columns:1fr;gap:24px}.reference-gates-single-man-gate .gate-accessory-image{padding:25px 20px 48px}.reference-gates-single-man-gate .gate-accessory-image>img{height:260px}.reference-gates-single-man-gate .gate-accessory-copy{padding:24px}.reference-gates-single-man-gate .gate-accessory-copy h3{font-size:1.6rem}}@media (width<=1000px){.reference-gates-single-man-gate .gate-range-grid{grid-template-columns:1fr;gap:24px}.reference-gates-single-man-gate .gate-range-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.reference-gates-single-man-gate .gate-range-photo{align-self:center;margin-left:28px}.reference-gates-single-man-gate .gate-range-copy{padding:30px}.reference-gates-single-man-gate .gate-range-copy h3{font-size:1.9rem}}@media (width<=600px){.reference-gates-single-man-gate .gate-range-card{display:flex}.reference-gates-single-man-gate .gate-range-photo{align-self:stretch;margin-left:0}.reference-gates-single-man-gate .gate-range-copy{padding:26px}.reference-gates-single-man-gate .gate-range-copy h3{font-size:1.75rem}.reference-gates-single-man-gate .gate-range-options{margin-bottom:22px}}@media (prefers-reduced-motion:reduce){.reference-gates-single-man-gate{scroll-behavior:auto}.reference-gates-single-man-gate *{transition:none!important}}.reference-gates-single-man-gate .gate-projects{background:var(--secondary);scroll-margin-top:70px}.reference-gates-single-man-gate .gate-projects~.gate-planning,.reference-gates-single-man-gate .gate-projects~#where-to-buy{background:var(--card)}.reference-gates-single-man-gate .gate-project-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;padding-bottom:24px;display:flex}.reference-gates-single-man-gate .gate-project-filters{border:0;flex-wrap:wrap;gap:10px;min-width:0;margin:0;padding:0;display:flex}.reference-gates-single-man-gate .gate-project-filters button{border:1px solid var(--secondary);min-height:46px;color:var(--ink);background:0 0;align-items:center;gap:12px;padding:11px 17px;font-size:.84rem;line-height:1.4;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.reference-gates-single-man-gate .gate-project-filters button span{opacity:.7;font-size:.72rem}.reference-gates-single-man-gate .gate-project-filters button:hover{border-color:var(--lime-ink)}.reference-gates-single-man-gate .gate-project-filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--ink-foreground)}.reference-gates-single-man-gate #gate-project-count{color:currentColor;white-space:nowrap;font-size:.78rem}.reference-gates-single-man-gate .gate-project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.reference-gates-single-man-gate .gate-project-card{background:var(--card);min-width:0}.reference-gates-single-man-gate .gate-project-card[hidden]{display:none}.reference-gates-single-man-gate .gate-project-link{height:100%;color:var(--ink);flex-direction:column;display:flex}.reference-gates-single-man-gate .gate-project-cover{aspect-ratio:3/2;background:var(--secondary);display:block;position:relative;overflow:hidden}.reference-gates-single-man-gate .gate-project-cover>img{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.reference-gates-single-man-gate .gate-project-link:hover .gate-project-cover>img{transform:scale(1.025)}.reference-gates-single-man-gate .gate-project-copy{flex-direction:column;flex:1;padding:25px 25px 22px;display:flex}.reference-gates-single-man-gate .gate-project-copy .eyebrow{letter-spacing:0;margin-bottom:12px;font-size:.66rem;line-height:1.6}.reference-gates-single-man-gate .gate-project-copy h3{margin-bottom:12px;font-size:1.75rem;font-weight:500;line-height:1.15}.reference-gates-single-man-gate .gate-project-finish{color:currentColor;margin-bottom:6px;font-size:.83rem;line-height:1.6}.reference-gates-single-man-gate .gate-project-location{color:currentColor;margin-bottom:0;font-size:.8rem}.reference-gates-single-man-gate .gate-project-view{justify-content:space-between;align-items:center;gap:16px;margin-top:auto;padding-top:18px;font-size:.8rem;display:flex}.reference-gates-single-man-gate .gate-project-copy>div{margin-bottom:20px}.reference-gates-single-man-gate .gate-project-view>span:first-child{border-bottom:1px solid var(--border);padding-bottom:3px}.reference-gates-single-man-gate .gate-project-view>span:last-child{color:currentColor;font-size:.73rem}.reference-gates-single-man-gate .gate-project-link:hover .gate-project-view>span:first-child{border-color:var(--ink)}.reference-gates-single-man-gate .gate-project-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:24px;margin-top:36px;padding-top:25px;display:flex}.reference-gates-single-man-gate .gate-project-footer p{font-family:var(--font-sans);color:currentColor;font-size:16px;font-weight:300;line-height:1.65}.reference-gates-single-man-gate .gate-project-footer .text-link{white-space:nowrap}.reference-gates-single-man-gate #gate-project-dialog{background:var(--card);max-width:min(1140px,94vw)}.reference-gates-single-man-gate .gate-project-dialog-heading{padding:32px 75px 24px 32px}.reference-gates-single-man-gate .gate-project-dialog-heading .eyebrow{margin-bottom:10px;font-size:.7rem}.reference-gates-single-man-gate #gate-project-title{margin-bottom:10px;font-size:2rem;font-weight:500;line-height:1.15}.reference-gates-single-man-gate #gate-project-meta{color:currentColor;font-size:.87rem}.reference-gates-single-man-gate .gate-project-dialog-layout{border-top:1px solid var(--border);grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);display:grid}.reference-gates-single-man-gate .gate-project-gallery{background:var(--card);min-width:0;padding:24px}.reference-gates-single-man-gate .gate-project-photo-stage{background:var(--secondary);position:relative}.reference-gates-single-man-gate #gate-project-image{object-fit:contain;width:100%;height:clamp(280px,47dvh,510px);display:block}.reference-gates-single-man-gate .gate-project-photo-controls{justify-content:space-between;align-items:center;gap:14px;margin-top:14px;display:flex}.reference-gates-single-man-gate .gate-project-photo-controls>div{gap:8px;display:flex}.reference-gates-single-man-gate .gate-project-photo-controls button{border:1px solid var(--secondary);background:var(--card);width:44px;height:44px;color:var(--ink);place-items:center;font-size:1.15rem;display:grid}.reference-gates-single-man-gate .gate-project-photo-controls button:hover{background:var(--ink);color:#fff}.reference-gates-single-man-gate .gate-project-photo-controls button[hidden]{display:none}.reference-gates-single-man-gate #gate-project-photo-count{letter-spacing:0;color:currentColor;font-size:.8rem}.reference-gates-single-man-gate #gate-project-photo-caption{color:currentColor;margin-top:12px;font-size:.79rem;line-height:1.6}.reference-gates-single-man-gate #gate-project-thumbnails{scrollbar-width:thin;gap:9px;margin:13px -3px 0;padding:6px 3px;display:flex;overflow:auto}.reference-gates-single-man-gate #gate-project-thumbnails[hidden]{display:none}.reference-gates-single-man-gate #gate-project-thumbnails button{background:var(--card);border:1px solid var(--secondary);flex:0 0 74px;height:57px;padding:3px}.reference-gates-single-man-gate #gate-project-thumbnails button[aria-pressed=true]{border-color:var(--lime-ink);box-shadow:inset 0 0 0 1px var(--lime-ink)}.reference-gates-single-man-gate #gate-project-thumbnails img{object-fit:cover;width:100%;height:100%;display:block}.reference-gates-single-man-gate .gate-project-dialog-copy{min-width:0;padding:30px}.reference-gates-single-man-gate #gate-project-description{font-family:var(--font-sans);color:currentColor;font-size:16px;font-weight:300;line-height:1.65}.reference-gates-single-man-gate #gate-project-specs{grid-template-columns:1fr;gap:0;margin:24px 0;display:grid}.reference-gates-single-man-gate #gate-project-specs>div{border-top:1px solid var(--border);padding:12px 0}.reference-gates-single-man-gate #gate-project-specs dt{color:currentColor;margin-bottom:4px;font-size:.71rem}.reference-gates-single-man-gate #gate-project-specs dd{margin:0;font-size:.92rem}.reference-gates-single-man-gate #gate-project-full-link{font-size:.83rem}.reference-gates-single-man-gate #gate-project-full-link[hidden]{display:none}@media (width<=1050px){.reference-gates-single-man-gate .gate-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-gates-single-man-gate .gate-project-toolbar{flex-direction:column;align-items:flex-start;gap:16px}.reference-gates-single-man-gate .gate-project-dialog-layout{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}}@media (width<=760px){.reference-gates-single-man-gate .gate-project-dialog-layout{grid-template-columns:1fr}.reference-gates-single-man-gate .gate-project-dialog-heading{padding:28px 68px 22px 24px}.reference-gates-single-man-gate .gate-project-gallery{padding:20px}.reference-gates-single-man-gate .gate-project-dialog-copy{padding:25px}.reference-gates-single-man-gate .gate-project-footer{flex-direction:column;align-items:flex-start;gap:16px}.reference-gates-single-man-gate #gate-project-specs{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}}@media (width<=600px){.reference-gates-single-man-gate .gate-project-grid{grid-template-columns:1fr;gap:25px}.reference-gates-single-man-gate .gate-project-filters{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.reference-gates-single-man-gate .gate-project-filters button{justify-content:space-between;gap:7px;padding:11px 12px;font-size:.77rem}.reference-gates-single-man-gate .gate-project-filters button span{font-size:.67rem}.reference-gates-single-man-gate .gate-project-toolbar{margin-bottom:25px}.reference-gates-single-man-gate .gate-project-copy{padding:24px}.reference-gates-single-man-gate .gate-project-copy h3{font-size:1.7rem}.reference-gates-single-man-gate #gate-project-title{font-size:1.8rem}.reference-gates-single-man-gate #gate-project-image{height:41dvh;min-height:245px}.reference-gates-single-man-gate .gate-project-gallery{padding:16px}.reference-gates-single-man-gate .gate-project-dialog-copy{padding:24px}.reference-gates-single-man-gate #gate-project-thumbnails button{flex-basis:68px;height:53px}}.reference-gates-single-man-gate .section-head.split-section-heading{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:0 clamp(40px,6vw,88px);margin:0 0 44px;display:grid}.reference-gates-single-man-gate .section-head.split-section-heading>.eyebrow{letter-spacing:0;grid-area:1/1/auto/-1;max-width:none;margin:0 0 18px;padding:0;font-size:.75rem;font-weight:600;line-height:1.5}.reference-gates-single-man-gate .section-head.split-section-heading>:is(h1,.reference-gates-single-man-gate h2,.reference-gates-single-man-gate h3){letter-spacing:0;overflow-wrap:break-word;grid-area:2/1;max-width:100%;margin:0;font-size:3rem;font-weight:500;line-height:1.08}.reference-gates-single-man-gate .section-head.split-section-heading>p.lead{width:100%;max-width:52ch;font-family:var(--font-sans);font-synthesis:none;grid-area:2/2;align-self:start;margin:0;padding:0;font-size:16px;font-weight:300;line-height:1.65}.reference-gates-single-man-gate .split-section-heading+.material-layout,.reference-gates-single-man-gate .split-section-heading+.fence-intro-stats,.reference-gates-single-man-gate .split-section-heading+.fence-system-grid,.reference-gates-single-man-gate .split-section-heading+.product-design .feature-list{margin-top:0}.reference-gates-single-man-gate .advantages>.wrap>.advantage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.reference-gates-single-man-gate .professionals-section .split-section-heading .eyebrow{color:var(--accent)}.reference-gates-single-man-gate .professionals-section .split-section-heading .lead{color:var(--ink-foreground)}.reference-gates-single-man-gate .professionals-layout .professional-links{margin-top:0}.reference-gates-single-man-gate .newsletter-section .newsletter-layout{max-width:680px;margin-left:auto;display:block}.reference-gates-single-man-gate .final-cta .wrap,.reference-gates-single-man-gate .fence-newsletter .wrap{display:block}.reference-gates-single-man-gate .final-cta .actions{flex-wrap:wrap;max-width:none}.reference-gates-single-man-gate .final-cta .actions .btn{width:auto}.reference-gates-single-man-gate .section-followup{margin-top:24px}.reference-gates-single-man-gate .fence-slatted-family>.split-section-heading{grid-column:1/-1;margin-bottom:0}.reference-gates-single-man-gate .fence-slatted-family{row-gap:44px}.reference-gates-single-man-gate .fence-slatted-copy .fence-design-specs{margin-top:0}.reference-gates-single-man-gate .fence-comparison .split-section-heading>h3{font-size:2.4rem}@media (width<=1000px){.reference-gates-single-man-gate .advantages>.wrap>.advantage-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=800px){.reference-gates-single-man-gate .section-head.split-section-heading{grid-template-columns:minmax(0,1fr);margin-bottom:32px}.reference-gates-single-man-gate .section-head.split-section-heading>.eyebrow{grid-column:1;margin-bottom:14px}.reference-gates-single-man-gate .section-head.split-section-heading>:is(h1,.reference-gates-single-man-gate h2,.reference-gates-single-man-gate h3){font-size:2.25rem}.reference-gates-single-man-gate .section-head.split-section-heading>p.lead{grid-area:3/1;max-width:56ch;margin-top:20px}.reference-gates-single-man-gate .newsletter-section .newsletter-layout{max-width:none;margin-left:0}.reference-gates-single-man-gate .fence-slatted-family{row-gap:32px}}@media (width<=520px){.reference-gates-single-man-gate .section-head.split-section-heading>:is(h1,.reference-gates-single-man-gate h2,.reference-gates-single-man-gate h3){font-size:2rem}.reference-gates-single-man-gate .section-head.split-section-heading>.eyebrow{font-size:.7rem}.reference-gates-single-man-gate .final-cta .actions{align-items:flex-start;max-width:100%}}.reference-gates-single-man-gate .product-faqs{scroll-margin-top:110px}.reference-gates-single-man-gate .product-faqs .faqs{max-width:880px;margin-left:auto}.reference-gates-single-man-gate .product-faqs .faqs summary{padding:22px 44px 22px 0;font-size:16px;font-weight:400;line-height:1.5}.reference-gates-single-man-gate .product-faqs .faqs details p{font-family:var(--font-sans);padding:0 38px 24px 0;font-size:16px;font-weight:300;line-height:1.65}.reference-gates-single-man-gate .product-faqs .faqs a{color:var(--lime-ink);text-underline-offset:3px;text-decoration:underline}.reference-gates-single-man-gate .faq-followup{justify-content:space-between;align-items:center;gap:24px;max-width:880px;margin:28px 0 0 auto;display:flex}.reference-gates-single-man-gate .faq-followup p{font-family:var(--font-sans);color:currentColor;font-size:16px;font-weight:300;line-height:1.65}.reference-gates-single-man-gate .faq-followup .text-link{flex-shrink:0;font-size:.85rem}.reference-gates-single-man-gate .gate-faqs{background:var(--secondary)}@media (width<=600px){.reference-gates-single-man-gate .product-faqs .faqs summary{padding-right:32px}.reference-gates-single-man-gate .product-faqs .faqs details p{padding-right:12px}.reference-gates-single-man-gate .faq-followup{flex-direction:column;align-items:flex-start;gap:14px}}.reference-home *{box-sizing:border-box}.reference-home{scroll-behavior:smooth;background:var(--background);color:var(--ink);font-family:var(--font-sans);margin:0;scroll-padding-top:90px;font-size:16px;line-height:1.6}.reference-home button,.reference-home input,.reference-home select,.reference-home textarea{font:inherit}.reference-home button,.reference-home a,.reference-home select{touch-action:manipulation}.reference-home button{cursor:pointer}.reference-home a{color:inherit;text-decoration:none}.reference-home button:focus-visible,.reference-home a:focus-visible,.reference-home select:focus-visible,.reference-home summary:focus-visible{outline:3px solid var(--border);outline-offset:5px}.reference-home img{max-width:100%;display:block}.reference-home h1,.reference-home h2,.reference-home h3,.reference-home p,.reference-home figure{margin:0}.reference-home h1,.reference-home h2,.reference-home h3{letter-spacing:0;font-weight:500;line-height:1.06}.reference-home h1{max-width:1000px;font-size:6rem}.reference-home h2{font-size:3.7rem}.reference-home h3{font-size:2rem}.reference-home p{max-width:68ch}.reference-home button{border:0}.reference-home button:disabled{cursor:not-allowed;opacity:.4}.reference-home .wrap{width:min(1280px,88%);margin:auto}.reference-home .eyebrow{letter-spacing:0;text-transform:uppercase;color:var(--lime-ink);margin-bottom:22px;font-size:.8rem;font-weight:700}.reference-home .lead{font-family:var(--font-sans);font-synthesis:none;color:currentColor;font-size:16px;font-weight:300;line-height:1.65}.reference-home .muted{color:currentColor}.reference-home .small{font-size:.85rem;line-height:1.55}.reference-home .btn{letter-spacing:0;background:var(--accent);min-height:48px;color:var(--foreground);border:1px solid var(--accent);text-transform:uppercase;justify-content:center;align-items:center;padding:14px 23px;font-size:.85rem;font-weight:700;line-height:1.2;transition:background .2s;display:inline-flex}.reference-home .btn:hover{background:var(--secondary);border-color:var(--secondary)}.reference-home .btn.outline{color:inherit;background:0 0;border-color:currentColor}.reference-home .btn.outline:hover{background:var(--fencing-overlay)}.reference-home .btn.dark{background:var(--ink);color:var(--card);border-color:var(--ink)}.reference-home .actions{flex-wrap:wrap;gap:12px;display:flex}.reference-home .text-link{border-bottom:1px solid;padding:7px 0;font-size:.88rem;font-weight:700;display:inline-block}.reference-home .skip{position:absolute;left:-999px}.reference-home .skip:focus{z-index:999;background:var(--card);padding:16px;top:20px;left:20px}.reference-home .utility{background:var(--accent);letter-spacing:0;height:34px;font-size:.73rem;font-weight:700}.reference-home .utility .wrap{justify-content:space-between;align-items:center;height:100%;display:flex}.reference-home .utility-links{gap:28px;display:flex}.reference-home .header{z-index:10;color:var(--card);border-bottom:0;position:absolute;left:0;right:0}.reference-home .header-inner{justify-content:space-between;align-items:center;gap:35px;height:96px;display:flex}.reference-home .logo{object-fit:contain;object-position:left;width:178px;height:auto;max-height:40px}.reference-home .wordmark{letter-spacing:0;color:var(--card);font-size:1.85rem;font-weight:700;display:none}.reference-home .wordmark span{color:var(--accent)}.reference-home .primary-nav{align-items:center;gap:36px;font-size:.82rem;font-weight:600;display:flex}.reference-home .primary-nav>a{padding:12px 0}.reference-home .primary-nav>a.active{border-bottom:2px solid var(--accent)}.reference-home .header .btn{background:var(--background);border-color:var(--background);color:var(--ink);font-size:.75rem}.reference-home .menu-toggle{color:var(--card);background:0 0;min-height:44px;padding:10px;font-size:1rem;display:none}.reference-home .hero{min-height:720px;color:var(--ink-foreground);background:var(--foreground);align-items:center;display:flex;position:relative;overflow:hidden}.reference-home .hero-img{object-fit:cover;object-position:center 52%;width:100%;height:100%;position:absolute;inset:0}.reference-home .hero:after{content:"";background:linear-gradient(90deg,var(--fencing-hero-overlay),var(--fencing-hero-overlay) 70%,var(--fencing-hero-overlay)),linear-gradient(0deg,var(--fencing-hero-overlay),transparent 65%);position:absolute;inset:0}.reference-home .hero-content{z-index:1;padding-top:150px;padding-bottom:80px;position:relative}.reference-home .hero .eyebrow{color:var(--accent)}.reference-home .hero p:not(.eyebrow){max-width:620px;color:var(--ink-foreground);margin:25px 0 32px;font-size:1.13rem}.reference-home .hero .hero-caption{z-index:1;letter-spacing:0;color:var(--ink-foreground);font-size:.75rem;position:absolute;bottom:28px;right:6%}.reference-home .hero .breadcrumb{align-items:center;gap:14px;display:flex}.reference-home .hero .breadcrumb span{color:var(--ink-foreground)}.reference-home .hero.product{min-height:675px}.reference-home .hero.product h1{max-width:750px}.reference-home .hero.product .hero-img{object-position:50% 55%}.reference-home .page-nav{z-index:20;background:var(--fencing-overlay);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0}.reference-home .page-nav .wrap{justify-content:space-between;align-items:center;gap:24px;min-height:64px;display:flex}.reference-home .page-tabs,.reference-home .jump-links{align-items:center;gap:28px;font-size:.88rem;display:flex}.reference-home .page-tabs a{white-space:nowrap;padding:20px 0}.reference-home .page-tabs a[aria-current=page]{border-bottom:2px solid var(--lime-ink);font-weight:700}.reference-home .jump-links{color:currentColor;gap:25px}.reference-home .jump-links a:hover{color:var(--ink)}.reference-home .intro-grid{grid-template-columns:1fr 1fr;align-items:start;gap:11%;display:grid}.reference-home .intro-grid h2{max-width:560px}.reference-home .intro-grid .lead{padding-top:37px}.reference-home .benefit-strip{border-top:1px solid var(--border);grid-template-columns:repeat(4,1fr);margin-top:62px;display:grid}.reference-home .benefit{padding:28px 32px 4px 0}.reference-home .benefit:not(:first-child){border-left:1px solid var(--border);padding-left:30px}.reference-home .benefit strong{margin:12px 0;font-size:1.15rem;font-weight:600;line-height:1.3;display:block}.reference-home .benefit .symbol{color:var(--lime-ink);font-size:1.7rem;line-height:1}.reference-home .benefit p{color:currentColor;font-size:.95rem}.reference-home .tone{background:var(--secondary)}.reference-home .section-head{justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:45px;display:flex}.reference-home .section-head p{max-width:440px}.reference-home .section-head .eyebrow{margin-bottom:18px}.reference-home .profiles{grid-template-columns:1fr 1fr;gap:28px;display:grid}.reference-home .profile-card{display:block}.reference-home .profile-image{height:380px;position:relative;overflow:hidden}.reference-home .profile-image img{object-fit:cover;width:100%;height:100%;transition:transform .7s}.reference-home .profile-card:hover img{transform:scale(1.035)}.reference-home .profile-image .number{background:var(--background);padding:5px 12px;font-size:.85rem;position:absolute;top:20px;left:20px}.reference-home .profile-info{padding:28px 0 5px}.reference-home .profile-info h3{margin-bottom:15px;font-size:2.4rem}.reference-home .profile-info p{color:currentColor;max-width:480px;margin-bottom:15px}.reference-home .tags{flex-wrap:wrap;gap:7px;margin:20px 0;display:flex}.reference-home .tag{border:1px solid var(--border);padding:5px 10px;font-size:.77rem;line-height:1.3}.reference-home .explorer-grid{grid-template-columns:minmax(0,1.4fr) minmax(350px,1fr);align-items:start;gap:56px;display:grid}.reference-home .explorer-photo{background:var(--secondary);aspect-ratio:1.25;position:relative;overflow:hidden}.reference-home .explorer-photo>img{object-fit:cover;width:100%;height:100%}.reference-home .image-note{background:var(--fencing-overlay);color:var(--ink);padding:5px 10px;font-size:.75rem;position:absolute;bottom:20px;left:20px}.reference-home .photo-expand{color:var(--ink);background:var(--card);min-height:42px;padding:8px 12px;font-size:.8rem;position:absolute;top:17px;right:17px}.reference-home .photo-caption{justify-content:space-between;align-items:start;gap:12px;margin-top:16px;font-size:.9rem;display:flex}.reference-home .photo-caption small{color:currentColor;font-size:.78rem}.reference-home .explorer-controls{padding-top:1px}.reference-home .segmented{border:1px solid var(--border);gap:0;width:fit-content;margin-bottom:28px;display:flex}.reference-home .segmented button{color:currentColor;background:0 0;min-height:42px;padding:10px 20px;font-size:.88rem}.reference-home .segmented button[aria-pressed=true]{background:var(--ink);color:var(--card)}.reference-home .explorer-controls h3{font-size:2.6rem}.reference-home .finish-story{color:currentColor;min-height:76px;margin-top:12px;font-size:1rem}.reference-home .swatches{grid-template-columns:repeat(5,1fr);gap:18px 13px;margin:28px 0;display:grid}.reference-home .swatch{text-align:left;color:var(--ink);background:0 0;padding:0}.reference-home .swatch-chip{border:1px solid var(--fencing-overlay);width:100%;height:46px;margin-bottom:7px;display:block;position:relative}.reference-home .swatch[aria-pressed=true] .swatch-chip{outline:2px solid var(--lime-ink);outline-offset:4px}.reference-home .swatch[aria-pressed=true] .swatch-chip:after{content:"✓";background:var(--background);color:var(--lime-ink);text-align:center;border-radius:50%;width:20px;height:20px;font-size:14px;font-weight:700;line-height:20px;position:absolute;bottom:4px;right:5px}.reference-home .swatch-label{min-height:28px;font-size:.77rem;line-height:1.15;display:block}.reference-home .orientation{margin-top:25px}.reference-home .orientation .small{margin-bottom:9px}.reference-home .orientation .segmented{margin-bottom:12px}.reference-home .sample-action{flex-wrap:wrap;align-items:center;gap:22px;margin-top:24px;display:flex}.reference-home .colour-note{color:currentColor;margin-top:22px;font-size:.77rem}.reference-home .no-preview{text-align:center;background:var(--secondary);flex-direction:column;justify-content:center;align-items:center;gap:15px;height:100%;padding:35px;display:flex}.reference-home .colour-block{border:1px solid var(--fencing-overlay);width:140px;height:100px;display:block}.reference-home .gallery-tools{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;margin:30px 0;display:flex}.reference-home .filter-buttons{gap:24px;display:flex}.reference-home .filter-buttons button{color:currentColor;background:0 0;border-bottom:2px solid #0000;padding:14px 0;font-size:.92rem}.reference-home .filter-buttons button[aria-pressed=true]{border-color:var(--ink);color:var(--ink);font-weight:600}.reference-home .gallery-tools select{color:var(--ink);background:0 0;border:0;max-width:180px;padding:9px 24px 9px 9px;font-size:.88rem}.reference-home .gallery-grid{grid-template-columns:repeat(3,1fr);gap:40px 24px;display:grid}.reference-home .gallery-card{text-align:left;color:inherit;background:0 0;padding:0}.reference-home .gallery-card .gallery-img{aspect-ratio:1.35;overflow:hidden}.reference-home .gallery-card img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.reference-home .gallery-card:hover img{transform:scale(1.035)}.reference-home .gallery-card h3{letter-spacing:0;margin:15px 0 6px;font-size:1.3rem;line-height:1.3}.reference-home .gallery-card p{color:currentColor;font-size:.86rem}.reference-home .gallery-bottom{justify-content:space-between;align-items:center;gap:30px;margin-top:38px;display:flex}.reference-home .empty-gallery{color:currentColor;grid-column:1/-1;padding:50px 0}.reference-home .construction{background:var(--foreground);color:var(--ink-foreground)}.reference-home .construction .eyebrow{color:var(--accent)}.reference-home .construction-grid{grid-template-columns:1fr 1fr;align-items:start;gap:85px;display:grid}.reference-home .construction h2{max-width:450px;margin-bottom:25px}.reference-home .construction .lead{color:var(--ink-foreground);max-width:455px}.reference-home .construction-steps{border-top:1px solid var(--fencing-overlay)}.reference-home .construction-step{border-bottom:1px solid var(--fencing-overlay);grid-template-columns:45px 1fr;gap:15px;padding:25px 0;display:grid}.reference-home .construction-step>span{color:var(--accent);font-size:.85rem}.reference-home .construction-step h3{letter-spacing:0;margin-bottom:10px;font-size:1.4rem}.reference-home .construction-step p{color:var(--ink-foreground);font-size:.96rem}.reference-home .construction .actions{margin-top:35px}.reference-home .product-design{grid-template-columns:1.05fr 1fr;align-items:center;gap:75px;display:grid}.reference-home .product-design img{aspect-ratio:1.12;object-fit:cover;width:100%}.reference-home .product-design h2{margin-bottom:23px}.reference-home .product-design p{margin-bottom:22px}.reference-home .feature-list{border-top:1px solid var(--border);margin:30px 0 0;padding:0;list-style:none}.reference-home .feature-list li{border-bottom:1px solid var(--border);gap:18px;padding:15px 0;font-size:.97rem;display:flex}.reference-home .feature-list li>span{color:var(--lime-ink);padding-top:3px;font-size:.78rem}.reference-home .spec-grid{grid-template-columns:.9fr 1.1fr;gap:100px;display:grid}.reference-home .spec-grid h2{margin-bottom:24px}.reference-home .spec-table{margin:0}.reference-home .spec-table>div{border-top:1px solid var(--border);grid-template-columns:1fr 1.2fr;gap:25px;padding:18px 0;font-size:.97rem;display:grid}.reference-home .spec-table dt{font-weight:600}.reference-home .spec-table dd{color:currentColor;margin:0}.reference-home .spec-table>div:last-child{border-bottom:1px solid var(--border)}.reference-home .faq-grid{grid-template-columns:.85fr 1.15fr;gap:90px;display:grid}.reference-home .faq-grid h2{max-width:380px;margin-bottom:25px}.reference-home .faq-grid .lead{max-width:335px}.reference-home .faqs details{border-top:1px solid var(--border)}.reference-home .faqs details:last-child{border-bottom:1px solid var(--border)}.reference-home .faqs summary{cursor:pointer;padding:23px 45px 23px 0;font-size:1.08rem;line-height:1.4;list-style:none;position:relative}.reference-home .faqs summary::-webkit-details-marker{display:none}.reference-home .faqs summary:after{content:"+";color:var(--lime-ink);font-size:1.6rem;font-weight:400;position:absolute;top:19px;right:4px}.reference-home .faqs details[open] summary:after{content:"−"}.reference-home .faqs details p{color:currentColor;padding:0 30px 25px 0;font-size:1rem;line-height:1.7}.reference-home .crosslink{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:40px;margin-top:70px;padding:35px 0;display:flex}.reference-home .crosslink h3{font-size:1.9rem}.reference-home .final-cta{background:var(--accent);padding:75px 0}.reference-home .final-cta .wrap{justify-content:space-between;align-items:center;gap:60px;display:flex}.reference-home .final-cta h2{max-width:640px;font-size:3.6rem}.reference-home .final-cta .eyebrow{color:var(--foreground)}.reference-home .final-cta p{max-width:580px;color:var(--foreground);margin-top:20px}.reference-home .final-cta .actions{flex-shrink:0;max-width:220px}.reference-home .final-cta .btn{width:100%}.reference-home .footer{background:var(--foreground);color:var(--ink-foreground);padding:65px 0 25px}.reference-home .footer-top{grid-template-columns:repeat(4,minmax(0,1fr));gap:65px;display:grid}.reference-home .footer .logo{width:175px}.reference-home .footer p{color:var(--ink-foreground);max-width:330px;margin-top:22px;font-size:.9rem}.reference-home .footer-title{letter-spacing:0;color:var(--accent);margin-bottom:20px;font-size:.76rem}.reference-home .footer-links{flex-direction:column;gap:11px;font-size:.9rem;display:flex}.reference-home .footer-bottom{border-top:1px solid var(--fencing-overlay);color:var(--foreground);justify-content:space-between;gap:20px;margin-top:50px;padding-top:25px;font-size:.76rem;display:flex}.reference-home dialog{background:var(--background);color:var(--ink);width:100%;max-width:min(1050px,94vw);max-height:92dvh;box-shadow:0 20px 100px var(--fencing-overlay);border:0;padding:0;overflow:auto}.reference-home dialog::backdrop{background:var(--fencing-overlay)}.reference-home .dialog-close{z-index:2;background:var(--background);width:44px;height:44px;color:var(--ink);justify-content:center;align-items:center;font-size:1.6rem;display:flex;position:absolute;top:15px;right:15px}.reference-home .lightbox-image{object-fit:contain;background:var(--foreground);width:100%;max-height:65dvh}.reference-home .lightbox-.reference-home{justify-content:space-between;align-items:center;gap:30px;padding:28px 35px;display:flex}.reference-home .lightbox-.reference-home h3{margin-bottom:8px;font-size:1.8rem}.reference-home #sample-dialog{max-width:580px;padding:45px}.reference-home #sample-dialog h2{margin-bottom:18px;font-size:2.7rem}.reference-home #sample-dialog p{color:currentColor}.reference-home .sample-fields{gap:20px;margin:26px 0;display:grid}.reference-home .sample-fields label{font-size:.87rem;font-weight:600}.reference-home .sample-fields select{border:1px solid var(--border);background:var(--card);border-radius:0;width:100%;margin-top:8px;padding:12px;display:block}.reference-home .sample-summary{background:var(--secondary);margin:20px 0;padding:18px}.reference-home .sample-summary strong{display:block}.reference-home .sample-note{margin-top:18px;font-size:.83rem}.reference-home .sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.reference-home [hidden]{display:none!important}@media (width>=1700px){.reference-home .hero{min-height:800px}}@media (width<=1100px){.reference-home .wrap{width:90%}.reference-home .primary-nav{gap:24px}.reference-home .explorer-grid{grid-template-columns:1.15fr 1fr;gap:35px}.reference-home .section{padding:80px 0}.reference-home .construction-grid,.reference-home .faq-grid,.reference-home .spec-grid{gap:55px}.reference-home .footer-top{gap:30px}.reference-home .profile-image{height:320px}.reference-home .jump-links{gap:17px}.reference-home .swatches{gap:16px 12px}.reference-home .product-design{gap:45px}}@media (width<=800px){.reference-home .utility .wrap>span{display:none}.reference-home .utility .wrap{justify-content:flex-end}.reference-home .utility-links{gap:20px}.reference-home .header-inner{height:82px}.reference-home .logo{width:160px}.reference-home .menu-toggle{display:block}.reference-home .primary-nav{background:var(--foreground);flex-direction:column;align-items:stretch;gap:7px;padding:25px 5%;display:none;position:absolute;top:82px;left:0;right:0}.reference-home .primary-nav.open{display:flex}.reference-home .hero{min-height:650px}.reference-home .hero-content{padding-top:160px;padding-bottom:80px}.reference-home .hero h1{max-width:630px;font-size:4.7rem}.reference-home .hero:after{background:linear-gradient(90deg,var(--fencing-hero-overlay),var(--fencing-hero-overlay)),linear-gradient(0deg,var(--fencing-hero-overlay),transparent)}.reference-home .hero p:not(.eyebrow){font-size:1.05rem}.reference-home .hero-caption{display:none}.reference-home .page-nav .wrap{min-height:0;display:block}.reference-home .page-tabs{justify-content:space-between;gap:15px}.reference-home .page-tabs a{padding:17px 0;font-size:.85rem}.reference-home .jump-links{display:none}.reference-home .intro-grid{grid-template-columns:1fr;gap:15px}.reference-home .intro-grid .lead{padding-top:0}.reference-home .benefit-strip{grid-template-columns:1fr 1fr;gap:0;margin-top:40px}.reference-home .benefit{padding:25px 15px 20px 0}.reference-home .benefit:not(:first-child){padding-left:20px}.reference-home .benefit:nth-child(3){border-left:0;border-top:1px solid var(--border);padding-left:0}.reference-home .benefit:nth-child(4){border-top:1px solid var(--border)}.reference-home .section-head{flex-direction:column;align-items:start;gap:22px;margin-bottom:32px}.reference-home .section-head p{max-width:620px}.reference-home .profile-image{height:300px}.reference-home .profile-info h3{font-size:2rem}.reference-home .explorer-grid{grid-template-columns:1fr;gap:30px}.reference-home .explorer-photo{aspect-ratio:1.5}.reference-home .explorer-controls h3{font-size:2.5rem}.reference-home .finish-story{min-height:0}.reference-home .swatches{grid-template-columns:repeat(5,1fr);gap:22px}.reference-home .swatch-chip{height:60px}.reference-home .swatch-label{min-height:0;font-size:.82rem}.reference-home .gallery-grid{grid-template-columns:1fr 1fr}.reference-home .construction-grid,.reference-home .faq-grid,.reference-home .spec-grid,.reference-home .product-design{grid-template-columns:1fr;gap:40px}.reference-home .construction h2{max-width:600px}.reference-home .product-design img{aspect-ratio:1.5}.reference-home .faq-grid h2{max-width:580px}.reference-home .faq-grid .lead{max-width:500px}.reference-home .final-cta .wrap{flex-direction:column;align-items:flex-start;gap:32px}.reference-home .final-cta .actions{max-width:none}.reference-home .final-cta .btn{width:auto}.reference-home .footer-top{grid-template-columns:1.5fr 1fr;gap:42px}.reference-home .footer-bottom{flex-direction:column}.reference-home .lightbox-.reference-home{flex-direction:column;align-items:start;gap:18px}}@media (width<=520px){.reference-home{font-size:16px}.reference-home .wrap{width:89%}.reference-home .utility{height:30px}.reference-home .utility-links{gap:22px;font-size:.65rem}.reference-home .hero{min-height:690px}.reference-home .hero.product{min-height:650px}.reference-home .hero-content{padding-top:140px;padding-bottom:64px}.reference-home .hero h1{letter-spacing:0;font-size:3.25rem}.reference-home .hero .eyebrow{font-size:.72rem}.reference-home .hero .actions{flex-direction:column;align-items:stretch;max-width:270px}.reference-home .section{padding:62px 0}.reference-home .eyebrow{margin-bottom:16px}.reference-home h2{font-size:2.55rem}.reference-home .benefit strong{font-size:1.05rem}.reference-home .benefit p{font-size:.88rem}.reference-home .benefit:not(:first-child){padding-left:16px}.reference-home .benefit:nth-child(3){padding-left:0}.reference-home .profiles{grid-template-columns:1fr;gap:38px}.reference-home .profile-image{height:285px}.reference-home .profile-info{padding-top:22px}.reference-home .profile-info p{font-size:.98rem}.reference-home .explorer-photo{aspect-ratio:1.15}.reference-home .image-note{font-size:.7rem;bottom:12px;left:12px}.reference-home .photo-caption{flex-direction:column;gap:2px}.reference-home .swatches{grid-template-columns:repeat(3,1fr);gap:20px 12px}.reference-home .swatch-chip{height:49px}.reference-home .swatch-label{font-size:.82rem}.reference-home .sample-action{gap:17px}.reference-home .gallery-tools{align-items:flex-start}.reference-home .filter-buttons{gap:19px}.reference-home .filter-buttons button{font-size:.86rem}.reference-home .gallery-tools select{max-width:115px;padding-top:15px;font-size:.8rem}.reference-home .gallery-grid{grid-template-columns:1fr;gap:30px}.reference-home .gallery-card .gallery-img{aspect-ratio:1.4}.reference-home .gallery-bottom{flex-direction:column;align-items:start;gap:20px}.reference-home .spec-table>div{grid-template-columns:1fr 1.2fr;gap:20px;font-size:.9rem}.reference-home .construction-step{grid-template-columns:27px 1fr;gap:12px}.reference-home .faqs summary{font-size:1rem}.reference-home .crosslink{flex-direction:column;align-items:start;margin-top:45px}.reference-home .final-cta{padding:60px 0}.reference-home .final-cta .actions{flex-direction:column;width:100%;max-width:270px}.reference-home .footer-top{grid-template-columns:1fr 1fr;gap:35px 24px}.reference-home .footer-top>div:first-child,.reference-home .footer-top>div:last-child{grid-column:1/-1}.reference-home .footer-title{margin-bottom:16px}.reference-home #sample-dialog{padding:35px 25px}.reference-home .lightbox-.reference-home{padding:23px}.reference-home .page-tabs{gap:10px}.reference-home .page-tabs a{font-size:.79rem}.reference-home .segmented button{padding:10px 16px}}@media (prefers-reduced-motion:reduce){.reference-home{scroll-behavior:auto}.reference-home *{transition:none!important}}.reference-home .preview-switch{width:100%;margin-bottom:18px}.reference-home .preview-switch button{flex:1;min-height:46px}.reference-home .explorer-photo.board-preview{background:var(--card);border:1px solid var(--border)}.reference-home .explorer-photo.board-preview>img{object-fit:contain;width:100%;height:100%;padding:18px 20px 35px}.reference-home .board-colour-label{margin:25px 0 13px;font-size:.85rem;font-weight:600}.reference-home .swatches.board-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:21px 15px;margin:0 0 22px}.reference-home .board-options .swatch-chip{aspect-ratio:.84;background:var(--card);border:1px solid var(--border);height:auto;margin-bottom:10px;overflow:visible}.reference-home .board-options .swatch-chip img{object-fit:contain;width:100%;height:100%;transition:transform .25s}.reference-home .board-options .swatch:hover img{transform:scale(1.06)}.reference-home .board-options .swatch-label{min-height:1.25em;font-size:.85rem;line-height:1.25}.reference-home .board-options .swatch[aria-pressed=true] .swatch-chip{outline-offset:3px}.reference-home .additional-finish{color:currentColor;flex-wrap:wrap;align-items:center;gap:5px 10px;margin-top:8px;font-size:.8rem;display:flex}.reference-home .additional-finish button{color:var(--ink);background:0 0;padding:5px 0;font-size:.8rem}.reference-home .additional-finish button[aria-pressed=true]{color:var(--lime-ink);border-bottom-width:2px}.reference-home .board-unavailable{background:var(--card)}.reference-home .board-unavailable p{max-width:35ch}.reference-home .board-unavailable .eyebrow{margin-bottom:0}.reference-home .board-unavailable .btn{margin-top:12px}.reference-home .board-dialog-image{background:var(--card);justify-content:center;align-items:center;padding:35px 30px 15px;display:flex}.reference-home .board-dialog-image img{object-fit:contain;max-width:100%;height:62dvh;max-height:760px}.reference-home #board-dialog{max-width:min(900px,94vw)}.reference-home #board-dialog .lightbox-.reference-home{border-top:1px solid var(--border)}@media (width<=1100px){.reference-home .swatches.board-options{gap:20px 12px}.reference-home .board-options .swatch-label{font-size:.8rem}.reference-home .board-options .swatch-chip{aspect-ratio:.75}}@media (width<=800px){.reference-home .explorer-photo.board-preview{aspect-ratio:1.3}.reference-home .swatches.board-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px}.reference-home .board-options .swatch-chip{aspect-ratio:1}.reference-home .board-options .swatch-label{font-size:.88rem}.reference-home .preview-switch{margin-bottom:15px}}@media (width<=520px){.reference-home .explorer-photo.board-preview{aspect-ratio:1.04}.reference-home .explorer-photo.board-preview>img{padding:10px 14px 30px}.reference-home .swatches.board-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:21px 12px}.reference-home .board-options .swatch-chip{aspect-ratio:.65}.reference-home .board-options .swatch-label{min-height:2.5em;font-size:.82rem}.reference-home .preview-switch button{padding:12px 10px;font-size:.85rem}.reference-home .board-dialog-image{padding:45px 15px 15px}.reference-home .board-dialog-image img{height:52dvh}.reference-home .additional-finish{font-size:.8rem}}.reference-home .header .logo,.reference-home .footer .logo{mix-blend-mode:normal;object-fit:contain;width:240px;height:auto;max-height:none;display:block}.reference-home .header-inner>a:first-child{flex-shrink:0;display:block}@media (width<=1000px){.reference-home .header .logo{width:210px}}@media (width<=480px){.reference-home .header .logo{width:188px}.reference-home .footer .logo{width:220px}}.reference-home .advantages{position:relative}.reference-home .advantages .section-anchor{position:absolute;top:0;left:0}.reference-home .advantage-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:70px;display:grid}.reference-home .advantages .advantage-intro .eyebrow{letter-spacing:0;max-width:390px;font-size:.8rem;line-height:1.6}.reference-home .advantages h2{letter-spacing:0;max-width:530px;margin-bottom:25px;font-size:4.2rem;line-height:1.08}.reference-home .advantages h2 span{color:var(--accent)}.reference-home .advantages .lead{max-width:390px;margin-bottom:32px;line-height:1.65}.reference-home .advantage-intro>.btn{border-color:var(--secondary);color:var(--ink-foreground);min-height:48px}.reference-home .advantage-grid{gap:22px;display:grid}.reference-home .advantage-card{background:var(--background);color:var(--ink);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);min-width:0;min-height:235px;display:grid;overflow:hidden}.reference-home .advantage-image{background:var(--card);justify-content:center;align-items:center;min-width:0;padding:34px 14px 25px;display:flex;position:relative}.reference-home .advantage-number{color:var(--lime-ink);letter-spacing:0;font-size:.8rem;font-weight:600;position:absolute;top:18px;left:20px}.reference-home .advantage-drawing{width:100%;max-width:240px;height:auto;display:block;overflow:hidden}.reference-home .advantage-copy{flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;padding:31px 30px 29px 24px;display:flex}.reference-home .advantage-copy h3{letter-spacing:0;margin-bottom:13px;font-size:1.55rem;line-height:1.2}.reference-home .advantage-copy p{color:currentColor;margin-bottom:21px;font-size:1rem;line-height:1.65}.reference-home .advantage-result{border-top:2px solid var(--secondary);max-width:100%;color:var(--lime-ink);padding-top:13px;font-size:.875rem;font-weight:600;line-height:1.45;display:block}.reference-home .jump-links a{white-space:nowrap}@media (width<=1180px){.reference-home .page-nav .jump-links{display:none}.reference-home .advantage-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:42px}.reference-home .advantage-copy{padding:28px 24px 26px 20px}.reference-home .advantages h2{font-size:3.25rem}}@media (width<=1000px){.reference-home .advantage-layout{grid-template-columns:1fr;gap:38px}.reference-home .advantage-intro,.reference-home .advantages h2{max-width:600px}.reference-home .advantages .lead{max-width:570px}.reference-home .advantage-card{grid-template-columns:minmax(180px,.65fr) minmax(0,1.35fr);min-height:220px}.reference-home .advantage-copy{padding:30px}.reference-home .advantage-image{padding:35px 20px 25px}.reference-home .advantage-drawing{max-width:235px}}@media (width<=520px){.reference-home .advantages h2{font-size:2.75rem}.reference-home .advantages .advantage-intro .eyebrow{max-width:290px;font-size:.8rem}.reference-home .advantage-layout{gap:32px}.reference-home .advantage-grid{gap:22px}.reference-home .advantage-card{grid-template-columns:1fr}.reference-home .advantage-image{height:175px;padding:30px 45px 18px}.reference-home .advantage-drawing{width:auto;max-width:100%;height:100%}.reference-home .advantage-number{top:17px;left:24px}.reference-home .advantage-copy{padding:25px}.reference-home .advantage-copy h3{font-size:1.55rem}.reference-home .advantage-copy p{margin-bottom:19px}.reference-home .advantage-result{font-size:.875rem}.reference-home .advantage-intro>.btn{font-size:.8rem}}.reference-home .trims-section{border-top:1px solid var(--border);background:var(--background)}.reference-home .trim-section-meta{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.reference-home .trim-finish{color:currentColor;align-items:center;gap:10px;font-size:.88rem;display:inline-flex}.reference-home .trim-finish>span{background:var(--border);border:1px solid var(--fencing-overlay);width:24px;height:24px;display:block}.reference-home .trim-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.reference-home .trim-card{text-align:left;color:inherit;border:1px solid var(--border);background:0 0;flex-direction:column;padding:0;transition:border-color .2s;display:flex}.reference-home .trim-card:hover{border-color:var(--lime-ink)}.reference-home .trim-card-image{background:var(--card);aspect-ratio:1.35;width:100%;position:relative;overflow:hidden}.reference-home .trim-card-image img{object-fit:contain;width:100%;height:100%;transition:transform .4s}.reference-home .trim-card:hover img{transform:scale(1.035)}.reference-home .trim-card-number{color:currentColor;font-size:.75rem;position:absolute;top:14px;left:16px}.reference-home .trim-card-.reference-home{flex-direction:column;flex:1;align-items:flex-start;padding:22px 20px;display:flex}.reference-home .trim-card h3{letter-spacing:0;margin-bottom:8px;font-size:1.2rem;line-height:1.25}.reference-home .trim-card p{color:currentColor;margin-bottom:22px;font-size:.85rem}.reference-home .trim-view{border-bottom:1px solid;margin-top:auto;padding-bottom:3px;font-size:.82rem;font-weight:600;display:inline-block}.reference-home .trim-section-bottom{justify-content:space-between;align-items:center;gap:50px;margin-top:35px;display:flex}.reference-home .trim-section-bottom p{max-width:650px}.reference-home .trim-section-bottom .btn{flex-shrink:0}.reference-home #trim-dialog{max-width:min(1100px,94vw)}.reference-home .trim-dialog-grid{grid-template-columns:1.2fr 1fr;min-height:480px;display:grid}.reference-home .trim-dialog-image{background:var(--card);justify-content:center;align-items:center;min-width:0;padding:25px;display:flex}.reference-home .trim-dialog-image img{object-fit:contain;width:100%;max-height:65dvh}.reference-home .trim-dialog-.reference-home{flex-direction:column;align-items:flex-start;padding:62px 40px 45px;display:flex}.reference-home .trim-dialog-.reference-home h2{margin-bottom:24px;font-size:2.5rem}.reference-home .trim-dialog-.reference-home>.trim-finish{margin-bottom:25px}.reference-home .trim-dialog-.reference-home #trim-dialog-description{margin-bottom:22px;font-size:1.02rem}.reference-home .trim-dialog-.reference-home>.btn{margin-top:30px}.reference-home .trim-dialog-.reference-home>.eyebrow{margin-bottom:17px}@media (width<=1100px){.reference-home .trim-grid{gap:18px}.reference-home .trim-card-.reference-home{padding:20px 15px}.reference-home .trim-card h3{font-size:1.08rem}}@media (width<=950px){.reference-home .page-nav .jump-links{display:none}.reference-home .trim-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-home .trim-dialog-grid{grid-template-columns:1fr}.reference-home .trim-dialog-image{padding:10px 35px}.reference-home .trim-dialog-image img{height:38dvh}.reference-home .trim-dialog-.reference-home{padding:30px 35px 40px}.reference-home .trim-dialog-.reference-home h2{margin-bottom:20px}.reference-home .trim-section-bottom{gap:25px}}@media (width<=520px){.reference-home .trim-grid{gap:18px 12px}.reference-home .trim-card-.reference-home{padding:16px 13px}.reference-home .trim-card h3{font-size:1rem;line-height:1.3}.reference-home .trim-card p{margin-bottom:18px;font-size:.8rem}.reference-home .trim-card-image{aspect-ratio:1.05}.reference-home .trim-card-number{top:10px;left:10px}.reference-home .trim-card-image img{transform:scale(1.12)}.reference-home .trim-card:hover img{transform:scale(1.16)}.reference-home .trim-section-meta{align-items:flex-start;gap:20px}.reference-home .trim-section-meta>p{text-align:right;max-width:150px;font-size:.8rem}.reference-home .trim-section-bottom{flex-direction:column;align-items:flex-start;gap:23px}.reference-home .trim-dialog-.reference-home{padding:25px}.reference-home .trim-dialog-.reference-home h2{font-size:2.15rem}.reference-home .trim-dialog-image{padding:20px}.reference-home .trim-dialog-image img{height:31dvh}.reference-home .trim-dialog-.reference-home>.btn{width:100%}}.reference-home .material-story .intro-grid{grid-template-columns:1.25fr 1fr;align-items:center;gap:70px}.reference-home .material-story .intro-grid h2{max-width:690px;font-size:3.7rem;line-height:1.1}.reference-home .material-story .intro-grid h2 span{color:var(--lime-ink)}.reference-home .material-story .intro-grid .lead{max-width:440px;padding-top:22px}.reference-home .material-story .lead strong{font-weight:inherit;color:var(--ink)}.reference-home .material-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);align-items:stretch;gap:60px;margin-top:48px;display:grid}.reference-home .core-card{background:var(--secondary);border-top:3px solid var(--lime-ink);padding:34px 36px 30px}.reference-home .core-card .eyebrow{letter-spacing:0;margin-bottom:18px;font-size:.8rem}.reference-home .core-card h3{letter-spacing:0;font-size:1.95rem;line-height:1.15}.reference-home .core-composition{margin:25px 0 23px}.reference-home .core-composition>div{border-bottom:1px solid var(--secondary);grid-template-columns:96px minmax(0,1fr);align-items:center;gap:15px;padding:14px 0;display:grid}.reference-home .core-composition>div:first-child{border-top:1px solid var(--secondary)}.reference-home .core-composition dt{color:var(--foreground);grid-area:1/2;font-size:.95rem;line-height:1.45}.reference-home .core-composition dd{letter-spacing:0;color:var(--foreground);font-variant-numeric:tabular-nums;grid-area:1/1;margin:0;font-size:2.55rem;font-weight:500;line-height:1}.reference-home .core-composition dd span{letter-spacing:0;margin-left:3px;font-size:1.2rem}.reference-home .core-note{color:var(--foreground);font-size:1rem;line-height:1.6}.reference-home .material-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 42px;display:grid}.reference-home .material-benefit{border-bottom:1px solid var(--border);padding:12px 0 30px}.reference-home .material-benefit:nth-child(n+3){border-bottom:0;padding-top:28px;padding-bottom:4px}.reference-home .material-icon{width:42px;height:42px;color:var(--lime-ink);justify-content:center;align-items:center;margin-bottom:20px;display:flex}.reference-home .material-icon svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:34px;height:34px}.reference-home .material-benefit h3{letter-spacing:0;margin-bottom:13px;font-size:1.45rem;line-height:1.2}.reference-home .material-benefit p{color:currentColor;font-size:1rem;line-height:1.65}@media (width<=1100px){.reference-home .material-story .intro-grid{gap:40px}.reference-home .material-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:35px}.reference-home .core-card{padding:30px 26px}.reference-home .core-composition>div{grid-template-columns:80px minmax(0,1fr);gap:10px}.reference-home .material-benefits{gap:0 28px}.reference-home .material-benefit h3{font-size:1.3rem}}@media (width<=800px){.reference-home .material-story .intro-grid{grid-template-columns:1fr;gap:22px}.reference-home .material-story .intro-grid .lead{max-width:600px;padding-top:0}.reference-home .material-layout{grid-template-columns:1fr;gap:30px;margin-top:35px}.reference-home .core-card{padding:30px}.reference-home .core-composition{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:25px 0 20px;display:grid}.reference-home .core-composition>div{border-top:1px solid var(--secondary);flex-direction:column;align-items:flex-start;gap:12px;padding:18px 0;display:flex}.reference-home .core-composition dd{order:-1}.reference-home .core-composition dt{font-size:.95rem}.reference-home .core-note{max-width:550px}.reference-home .material-benefits{gap:0 35px}.reference-home .material-benefit{padding-top:15px}.reference-home .material-benefit h3{font-size:1.45rem}}@media (width<=520px){.reference-home .material-story .intro-grid h2{font-size:2.55rem}.reference-home .core-card{padding:27px 25px}.reference-home .core-card h3{font-size:1.85rem}.reference-home .core-composition{margin:23px 0 20px;display:block}.reference-home .core-composition>div{border-top:0;grid-template-columns:82px minmax(0,1fr);gap:14px;padding:15px 0;display:grid}.reference-home .core-composition dd{font-size:2.4rem}.reference-home .core-composition dt{font-size:1rem}.reference-home .material-benefits{grid-template-columns:1fr;gap:0}.reference-home .material-benefit,.reference-home .material-benefit:nth-child(n+3){border-bottom:1px solid var(--border);grid-template-columns:36px minmax(0,1fr);column-gap:18px;padding:25px 0;display:grid}.reference-home .material-benefit:last-child{border-bottom:0;padding-bottom:0}.reference-home .material-icon{grid-area:1/1;width:36px;height:32px;margin:0}.reference-home .material-icon svg{width:30px;height:30px}.reference-home .material-benefit h3{grid-area:1/2;margin:2px 0 12px;font-size:1.4rem}.reference-home .material-benefit p{grid-column:2;font-size:1rem}}.reference-home .buying-section{background:var(--secondary);border-top:1px solid var(--border)}.reference-home .buying-section .section-head{align-items:center}.reference-home .buying-section .section-head .lead{max-width:430px}.reference-home .buying-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.reference-home .buying-option{background:var(--background);border:1px solid var(--border);grid-template-columns:54px minmax(0,1fr);gap:24px;padding:36px;transition:border-color .2s,background .2s;display:grid}.reference-home .buying-option:hover{border-color:var(--lime-ink);background:var(--card)}.reference-home .buying-icon{color:var(--lime-ink);background:var(--secondary);justify-content:center;align-items:center;width:54px;height:54px;display:flex}.reference-home .buying-icon svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:38px;height:38px}.reference-home .buying-option h3{letter-spacing:0;margin:2px 0 14px;font-size:1.7rem;line-height:1.2}.reference-home .buying-option p{color:currentColor;max-width:370px;font-size:1rem;line-height:1.65}.reference-home .buying-link{border-top:1px solid var(--border);color:var(--lime-ink);justify-content:space-between;align-items:center;gap:20px;margin-top:27px;padding-top:18px;font-size:.95rem;font-weight:600;display:flex}.reference-home .buying-link>span{font-size:1.3rem;line-height:1}.reference-home .buying-help{justify-content:space-between;align-items:center;gap:35px;margin-top:32px;display:flex}.reference-home .buying-help h3{letter-spacing:0;margin-bottom:5px;font-size:1.15rem;line-height:1.35}.reference-home .buying-help p{color:currentColor;font-size:1rem}.reference-home .buying-help .btn{flex-shrink:0}.reference-home .professionals-section{background:var(--foreground);color:var(--background)}.reference-home .professionals-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:80px;display:grid}.reference-home .professionals-copy .eyebrow{color:var(--accent)}.reference-home .professionals-copy h2{max-width:530px;margin-bottom:24px}.reference-home .professionals-copy .lead{color:var(--ink-foreground);max-width:460px}.reference-home .professional-links{border-top:1px solid var(--fencing-overlay);margin-top:31px}.reference-home .professional-links>a{border-bottom:1px solid var(--fencing-overlay);justify-content:space-between;align-items:center;gap:20px;padding:23px 0;display:flex}.reference-home .professional-links h3{letter-spacing:0;margin-bottom:8px;font-size:1.35rem;line-height:1.25}.reference-home .professional-links p{color:var(--ink-foreground);max-width:380px;font-size:1rem;line-height:1.55}.reference-home .professional-links>a>span{color:var(--accent);flex-shrink:0;font-size:1.6rem;line-height:1}.reference-home .professional-links>a:hover h3{color:var(--accent)}.reference-home .professional-inspiration{border-bottom:1px solid var(--secondary);align-items:center;gap:20px;margin-top:25px;padding:7px 0;font-size:.95rem;font-weight:600;display:inline-flex}.reference-home .professional-inspiration>span{color:var(--accent)}.reference-home .professionals-image{min-width:0;position:relative}.reference-home .professionals-image>img{object-fit:cover;object-position:center;width:100%;height:510px}.reference-home .professionals-image figcaption{color:var(--ink-foreground);flex-wrap:wrap;justify-content:space-between;gap:5px 15px;margin-top:14px;font-size:.875rem;line-height:1.45;display:flex}.reference-home .professionals-image small{color:var(--ink-foreground);font-size:.8rem}@media (width<=1100px){.reference-home .buying-option{grid-template-columns:46px minmax(0,1fr);gap:20px;padding:30px}.reference-home .buying-icon{width:46px;height:46px}.reference-home .buying-icon svg{width:32px;height:32px}.reference-home .buying-option h3{font-size:1.5rem}.reference-home .professionals-layout{gap:45px}.reference-home .professionals-image>img{height:520px}}@media (width<=800px){.reference-home .buying-section .section-head{align-items:flex-start}.reference-home .buying-section .section-head .lead{max-width:600px}.reference-home .buying-options{grid-template-columns:1fr;gap:20px}.reference-home .buying-option{grid-template-columns:54px minmax(0,1fr);gap:25px}.reference-home .buying-option p{max-width:550px}.reference-home .buying-icon{width:54px;height:54px}.reference-home .buying-icon svg{width:38px;height:38px}.reference-home .buying-option h3{font-size:1.7rem}.reference-home .professionals-layout{grid-template-columns:1fr;gap:38px}.reference-home .professionals-copy h2{max-width:620px}.reference-home .professionals-copy .lead,.reference-home .professional-links p{max-width:600px}.reference-home .professionals-image>img{aspect-ratio:1.5;height:auto}.reference-home .professionals-image figcaption{margin-top:12px}}@media (width<=520px){.reference-home .buying-option{grid-template-columns:1fr;gap:21px;padding:26px}.reference-home .buying-option h3{font-size:1.55rem}.reference-home .buying-option p{font-size:1rem}.reference-home .buying-link{margin-top:23px;padding-top:17px}.reference-home .buying-help{flex-direction:column;align-items:flex-start;gap:22px;margin-top:28px}.reference-home .buying-help h3{font-size:1.1rem}.reference-home .buying-help p{font-size:1rem}.reference-home .professionals-copy h2{font-size:2.65rem}.reference-home .professional-links{margin-top:26px}.reference-home .professional-links>a{padding:22px 0}.reference-home .professional-links h3{font-size:1.3rem}.reference-home .professional-links p{font-size:1rem}.reference-home .professional-inspiration{font-size:.9rem}.reference-home .professionals-image>img{aspect-ratio:1.15}.reference-home .professionals-image figcaption{flex-direction:column;font-size:.875rem}}.reference-home .journal-section{background:var(--background)}.reference-home .journal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;display:grid}.reference-home .journal-card{color:var(--ink);text-align:left;background:0 0;flex-direction:column;min-width:0;padding:0;display:flex}.reference-home .journal-card-image{aspect-ratio:1.4;background:var(--secondary);width:100%;position:relative;overflow:hidden}.reference-home .journal-card-image>img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.reference-home .journal-card:hover .journal-card-image>img{transform:scale(1.035)}.reference-home .journal-image-note{background:var(--fencing-overlay);color:var(--foreground);padding:4px 8px;font-size:.75rem;line-height:1.35;position:absolute;bottom:12px;left:14px}.reference-home .journal-card-copy{flex-direction:column;flex:1;align-items:flex-start;width:100%;padding:25px 0 0;display:flex}.reference-home .journal-category{text-transform:uppercase;letter-spacing:0;color:var(--lime-ink);font-size:.8rem;font-weight:600;line-height:1.5}.reference-home .journal-card h3{letter-spacing:0;margin:12px 0 14px;font-size:1.65rem;line-height:1.18}.reference-home .journal-card p{color:currentColor;margin-bottom:24px;font-size:1rem;line-height:1.6}.reference-home .journal-read{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;width:100%;margin-top:auto;padding-top:17px;font-size:.9rem;font-weight:600;display:flex}.reference-home .journal-read>span{color:var(--lime-ink);font-size:1.35rem}.reference-home .journal-card:hover .journal-read{color:var(--lime-ink)}.reference-home #article-dialog{max-width:min(900px,94vw)}.reference-home .article-image{object-fit:cover;width:100%;height:310px;max-height:40dvh}.reference-home .article-.reference-home{padding:38px 55px 45px}.reference-home .article-.reference-home h2{max-width:680px;margin:12px 0 15px;font-size:3rem;line-height:1.13}.reference-home .article-image-caption{color:currentColor;margin-bottom:30px;font-size:.8rem}.reference-home .article-content{max-width:680px}.reference-home .article-content p{color:var(--foreground);margin-bottom:20px;font-size:1.05rem;line-height:1.8}.reference-home .article-content h3{letter-spacing:0;margin:27px 0 12px;font-size:1.4rem;line-height:1.3}.reference-home .article-.reference-home>.btn{margin-top:14px}.reference-home .newsletter-section{background:var(--foreground);color:var(--background);border-bottom:1px solid var(--fencing-overlay);padding:76px 0}.reference-home .newsletter-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:85px;display:grid}.reference-home .newsletter-section .eyebrow{color:var(--accent)}.reference-home .newsletter-section h2{margin-bottom:22px;font-size:3.4rem;line-height:1.1}.reference-home .newsletter-section .lead{color:var(--ink-foreground);max-width:430px}.reference-home .newsletter-email-label{margin-bottom:12px;font-size:1rem;font-weight:500;display:block}.reference-home .newsletter-entry{align-items:stretch;gap:0;display:flex}.reference-home .newsletter-entry input{border:1px solid var(--secondary);background:var(--card);width:100%;min-width:0;color:var(--ink);border-radius:0;min-height:56px;padding:16px 18px;font-size:1rem}.reference-home .newsletter-entry input::placeholder{color:var(--foreground)}.reference-home .newsletter-entry .btn{white-space:nowrap;flex-shrink:0;gap:14px;padding:16px 20px}.reference-home .newsletter-entry .btn>span{font-size:1.2rem;line-height:1}.reference-home .newsletter-consent{color:var(--ink-foreground);cursor:pointer;align-items:flex-start;gap:12px;margin-top:20px;font-size:.9rem;line-height:1.6;display:flex}.reference-home .newsletter-consent input{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0;margin:3px 0 0}.reference-home .newsletter-form input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.reference-home .newsletter-note{color:var(--ink-foreground);max-width:520px;margin-top:15px;font-size:.875rem;line-height:1.6}.reference-home .newsletter-status{color:var(--ink-foreground);border-left:3px solid var(--accent);background:var(--fencing-overlay);margin-top:20px;padding:16px 18px;font-size:.95rem;line-height:1.6}.reference-home .newsletter-status a{color:var(--accent);text-underline-offset:3px;margin-top:5px;text-decoration:underline;display:inline-block}@media (width<=1100px){.reference-home .journal-grid{gap:24px}.reference-home .journal-card h3{font-size:1.5rem}.reference-home .newsletter-layout{gap:48px}.reference-home .newsletter-entry .btn{gap:10px;padding:16px 15px;font-size:.8rem}}@media (width<=800px){.reference-home .journal-grid{grid-template-columns:1fr;gap:32px}.reference-home .journal-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;display:grid}.reference-home .journal-card-image{aspect-ratio:1.2;height:100%;min-height:245px}.reference-home .journal-card-copy{padding:0}.reference-home .journal-card h3{font-size:1.6rem}.reference-home .newsletter-layout{grid-template-columns:1fr;gap:32px}.reference-home .newsletter-section .lead{max-width:550px}.reference-home .newsletter-entry .btn{padding:16px 23px;font-size:.85rem}.reference-home .article-.reference-home{padding:32px 35px 40px}}@media (width<=520px){.reference-home .journal-grid{gap:36px}.reference-home .journal-card{gap:0;display:flex}.reference-home .journal-card-image{aspect-ratio:1.4;height:auto;min-height:0}.reference-home .journal-card-copy{padding-top:22px}.reference-home .journal-card h3{font-size:1.6rem}.reference-home .journal-card p{margin-bottom:20px}.reference-home .article-image{height:210px;max-height:30dvh}.reference-home .article-.reference-home{padding:28px 25px 32px}.reference-home .article-.reference-home h2{font-size:2rem}.reference-home .article-content p{font-size:1rem;line-height:1.75}.reference-home .article-content h3{font-size:1.3rem}.reference-home .newsletter-section{padding:60px 0}.reference-home .newsletter-section h2{font-size:2.6rem}.reference-home .newsletter-entry{flex-direction:column;gap:12px}.reference-home .newsletter-entry .btn{width:100%;min-height:52px}.reference-home .newsletter-consent{font-size:.9rem}.reference-home .newsletter-note{font-size:.875rem}}.reference-home .siding-download-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.reference-home .siding-download-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-home .siding-download-card{background:var(--secondary);border:1px solid var(--border);flex-direction:column;align-items:flex-start;min-width:0;padding:32px;display:flex}.reference-home .siding-download-type{letter-spacing:0;color:var(--lime-ink);margin-bottom:24px;font-size:.72rem;font-weight:700}.reference-home .siding-download-card h3{margin-bottom:18px;font-size:1.8rem;line-height:1.15}.reference-home .siding-download-card p{color:currentColor;margin-bottom:26px;font-size:.95rem}.reference-home .siding-download-meta{color:currentColor;margin-top:auto;margin-bottom:16px;font-size:.8rem}.reference-home .siding-download-card .btn{gap:18px}.reference-home .siding-spec-downloads{flex-direction:column;align-items:flex-start;gap:14px;margin-top:25px;display:flex}@media (width<=1100px) and (width>=801px){.reference-home .siding-page-nav .wrap{flex-wrap:wrap;gap:0}.reference-home .siding-page-nav .page-tabs,.reference-home .siding-page-nav .jump-links{justify-content:center;width:100%}.reference-home .siding-page-nav .jump-links{flex-wrap:wrap;padding:0 0 14px}.reference-home .siding-download-card{padding:25px}}@media (width<=800px){.reference-home .siding-download-grid,.reference-home .siding-download-grid-four{grid-template-columns:1fr}.reference-home .siding-download-card{padding:28px}.reference-home .siding-download-card h3{font-size:1.7rem}}.reference-home .section-head.split-section-heading{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:0 clamp(40px,6vw,88px);margin:0 0 44px;display:grid}.reference-home .section-head.split-section-heading>.eyebrow{letter-spacing:0;grid-area:1/1/auto/-1;max-width:none;margin:0 0 18px;padding:0;font-size:.75rem;font-weight:600;line-height:1.5}.reference-home .section-head.split-section-heading>:is(h1,.reference-home h2,.reference-home h3){letter-spacing:0;overflow-wrap:break-word;grid-area:2/1;max-width:100%;margin:0;font-size:3rem;font-weight:500;line-height:1.08}.reference-home .section-head.split-section-heading>p.lead{width:100%;max-width:52ch;font-family:var(--font-sans);font-synthesis:none;grid-area:2/2;align-self:start;margin:0;padding:0;font-size:16px;font-weight:300;line-height:1.65}.reference-home .split-section-heading+.material-layout,.reference-home .split-section-heading+.fence-intro-stats,.reference-home .split-section-heading+.fence-system-grid,.reference-home .split-section-heading+.product-design .feature-list{margin-top:0}.reference-home .advantages>.wrap>.advantage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.reference-home .professionals-section .split-section-heading .eyebrow{color:var(--accent)}.reference-home .professionals-section .split-section-heading .lead{color:var(--ink-foreground)}.reference-home .professionals-layout .professional-links{margin-top:0}.reference-home .newsletter-section .newsletter-layout{max-width:680px;margin-left:auto;display:block}.reference-home .final-cta .wrap,.reference-home .fence-newsletter .wrap{display:block}.reference-home .final-cta .actions{flex-wrap:wrap;max-width:none}.reference-home .final-cta .actions .btn{width:auto}.reference-home .section-followup{margin-top:24px}.reference-home .fence-slatted-family>.split-section-heading{grid-column:1/-1;margin-bottom:0}.reference-home .fence-slatted-family{row-gap:44px}.reference-home .fence-slatted-copy .fence-design-specs{margin-top:0}.reference-home .fence-comparison .split-section-heading>h3{font-size:2.4rem}@media (width<=1000px){.reference-home .advantages>.wrap>.advantage-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=800px){.reference-home .section-head.split-section-heading{grid-template-columns:minmax(0,1fr);margin-bottom:32px}.reference-home .section-head.split-section-heading>.eyebrow{grid-column:1;margin-bottom:14px}.reference-home .section-head.split-section-heading>:is(h1,.reference-home h2,.reference-home h3){font-size:2.25rem}.reference-home .section-head.split-section-heading>p.lead{grid-area:3/1;max-width:56ch;margin-top:20px}.reference-home .newsletter-section .newsletter-layout{max-width:none;margin-left:0}.reference-home .fence-slatted-family{row-gap:32px}}@media (width<=520px){.reference-home .section-head.split-section-heading>:is(h1,.reference-home h2,.reference-home h3){font-size:2rem}.reference-home .section-head.split-section-heading>.eyebrow{font-size:.7rem}.reference-home .final-cta .actions{align-items:flex-start;max-width:100%}}.reference-home{background:var(--card)}.reference-home .section{padding:96px 0}.reference-home .btn{text-transform:none;letter-spacing:0;gap:16px;min-height:54px;padding:17px 24px;font-size:.9rem;font-weight:500}.reference-home svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:21px;height:21px;display:block}.reference-home .mega-trigger svg{width:14px;height:14px}.reference-home .header .btn{background:var(--accent);border-color:var(--accent);min-height:48px;padding:14px 20px;font-size:.82rem}.reference-home .home-utility{background:var(--foreground);color:var(--ink-foreground);letter-spacing:0;font-size:.65rem;font-weight:400}.reference-home .home-utility .utility-links{gap:30px}.reference-home .header-inner{height:104px}.reference-home .section-head.split-section-heading{column-gap:12%;margin-bottom:54px}.reference-home .section-head.split-section-heading .eyebrow{letter-spacing:0;margin-bottom:21px;font-size:.68rem}.reference-home .section-head.split-section-heading>h2{letter-spacing:0;font-size:3.8rem;font-weight:400;line-height:1.07}.reference-home .section-head.split-section-heading>.lead{max-width:49ch;padding-top:5px;line-height:1.75}.reference-home .home-hero{isolation:isolate;color:var(--card);background:var(--foreground);align-items:center;height:calc(100svh - 34px);min-height:760px;max-height:1000px;display:flex;position:relative;overflow:hidden}.reference-home .home-hero-image{object-fit:cover;object-position:62% 51%;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.reference-home .home-hero:after{content:"";z-index:-1;background:linear-gradient(90deg,var(--fencing-hero-overlay),var(--fencing-hero-overlay) 42%,var(--fencing-hero-overlay) 85%),linear-gradient(180deg,var(--fencing-hero-overlay),transparent 28%,transparent 65%,var(--fencing-hero-overlay));position:absolute;inset:0}.reference-home .home-hero-content{padding-top:145px;padding-bottom:100px}.reference-home .home-hero-content .eyebrow{color:var(--ink-foreground);letter-spacing:0;margin-bottom:28px;font-size:.7rem;font-weight:500}.reference-home .home-hero h1{letter-spacing:0;max-width:820px;font-size:8rem;font-weight:400;line-height:.96}.reference-home .home-hero h1 span{color:var(--accent)}.reference-home .home-hero-content>.lead{color:var(--ink-foreground);max-width:480px;margin:31px 0 29px;font-size:16px;line-height:1.75}.reference-home .home-hero .actions{align-items:center;gap:30px}.reference-home .home-hero-secondary{border-bottom:1px solid var(--fencing-overlay);align-items:center;gap:16px;padding:10px 0;font-size:.88rem;display:inline-flex}.reference-home .home-hero-secondary:hover{color:var(--accent);border-color:var(--accent)}.reference-home .home-hero-credit{text-align:right;max-width:230px;color:var(--ink-foreground);text-shadow:0 1px 8px var(--fencing-overlay);font-size:.75rem;font-weight:400;line-height:1.5;position:absolute;bottom:32px;right:6%}.reference-home .home-hero-credit span{color:var(--ink-foreground);margin-top:3px;font-size:.65rem;display:block}.reference-home .home-products-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:66px 34px;display:grid}.reference-home .home-product{min-width:0}.reference-home .home-product-wide{grid-column:span 7}.reference-home .home-product-narrow{grid-column:span 5}.reference-home .home-product-photo{background:var(--secondary);height:370px;display:block;position:relative;overflow:hidden}.reference-home .home-product-photo>img{object-fit:cover;width:100%;height:100%;transition:transform .7s}.reference-home .home-product-photo:hover>img{transform:scale(1.035)}.reference-home .home-product-photo[href="/fencing/"]>img{object-position:center 40%}.reference-home .home-product-photo[href="/siding/"]>img{object-position:50% center}.reference-home .home-product-photo[href="/gates/"]>img{object-position:60% 55%}.reference-home .home-product-index,.reference-home .home-project-badge{background:var(--fencing-overlay);color:var(--foreground);letter-spacing:0;text-transform:uppercase;padding:8px 11px;font-size:.62rem;font-weight:500;line-height:1.4;position:absolute;top:19px;left:20px}.reference-home .home-product-arrow{background:var(--fencing-overlay);width:44px;height:44px;color:var(--ink);border-radius:50%;justify-content:center;align-items:center;transition:background .2s,transform .2s;display:flex;position:absolute;bottom:20px;right:20px}.reference-home .home-product-photo:hover .home-product-arrow,.reference-home .home-project-image:hover .home-product-arrow{background:var(--accent);transform:rotate(-35deg)}.reference-home .home-image-note{color:var(--card);background:var(--fencing-overlay);padding:4px 8px;font-size:.62rem;position:absolute;bottom:19px;left:20px}.reference-home .home-product-title{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:18px;padding:24px 0 17px;display:flex}.reference-home .home-product-title h3{letter-spacing:0;font-size:2rem;font-weight:400}.reference-home .home-product-title h3 a:hover{color:var(--lime-ink)}.reference-home .home-product-title>span{color:var(--foreground);text-align:right;max-width:240px;font-size:.66rem;line-height:1.5}.reference-home .home-product h4{letter-spacing:0;margin:0 0 9px;font-size:1.03rem;font-weight:500;line-height:1.4}.reference-home .home-product>p{font-family:var(--font-sans);color:currentColor;max-width:55ch;font-size:15px;font-weight:300;line-height:1.7}.reference-home .home-difference{background:var(--secondary)}.reference-home .home-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;margin-top:18px;display:grid}.reference-home .home-benefits>article{border-top:1px solid var(--secondary);padding-top:26px}.reference-home .home-small-index{color:var(--lime-ink);letter-spacing:0;font-size:.65rem;font-weight:500;line-height:1.6;display:block}.reference-home .home-benefits h3{letter-spacing:0;margin:29px 0 19px;font-size:1.75rem;font-weight:400;line-height:1.16}.reference-home .home-benefits p{font-family:var(--font-sans);color:var(--foreground);max-width:36ch;font-size:15px;font-weight:300;line-height:1.7}.reference-home .home-project-grid{grid-template-columns:1.17fr 1fr;align-items:start;gap:48px;display:grid}.reference-home .home-project-image{aspect-ratio:1.18;background:var(--foreground);display:block;position:relative;overflow:hidden}.reference-home .home-project-image>img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .6s}.reference-home .home-project-image:hover>img{transform:scale(1.03)}.reference-home .home-video-frame{aspect-ratio:16/10;background:var(--foreground);position:relative}.reference-home .home-video-frame video{object-fit:cover;width:100%;height:100%;display:block}.reference-home .home-video-frame .home-project-badge{pointer-events:none;background:var(--fencing-overlay);color:var(--ink-foreground)}.reference-home .home-project-caption{justify-content:space-between;align-items:center;gap:20px;margin-top:23px;display:flex}.reference-home .home-project-caption h3{font-size:2rem;font-weight:400;line-height:1.2}.reference-home .home-project-caption p{color:var(--ink);margin-top:8px;font-size:.76rem;line-height:1.5}.reference-home .home-project-caption>a{border:1px solid var(--fencing-overlay);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.reference-home .home-project-caption>a:hover{color:var(--accent);border-color:var(--accent)}.reference-home .home-project-story{font-family:var(--font-sans);color:var(--ink);max-width:43ch;margin:28px 0 21px;font-size:16px;font-weight:300;line-height:1.75}.reference-home .home-inline-link{border-bottom:1px solid;justify-content:space-between;align-items:center;gap:18px;padding:9px 0;font-size:.88rem;font-weight:500;line-height:1.5;display:inline-flex}.reference-home .home-inline-link svg{width:18px;height:18px;transition:transform .2s}.reference-home .home-inline-link:hover svg{transform:translate(4px)}.reference-home .home-inline-link:hover{color:var(--lime-ink)}.reference-home .home-projects .home-inline-link{color:var(--ink);border-color:var(--border)}.reference-home .home-projects .home-inline-link:hover{color:var(--accent)}.reference-home .home-project-footer{border-top:1px solid var(--fencing-overlay);justify-content:space-between;align-items:center;gap:28px;margin-top:46px;padding-top:35px;display:flex}.reference-home .home-project-footer>span{font-family:var(--font-sans);color:var(--ink);font-size:16px;font-weight:300}.reference-home .home-colours{background:var(--card)}.reference-home .home-colour-grid{grid-template-columns:1.16fr 1fr;align-items:start;gap:60px;display:grid}.reference-home .home-colour-figure{min-width:0}.reference-home .home-colour-figure>img{aspect-ratio:1.1;object-fit:cover;object-position:center;background:var(--card);width:100%;height:auto;transition:opacity .2s}.reference-home .home-colour-figure[aria-busy=true]>img{opacity:.55}.reference-home .home-colour-figure figcaption{color:var(--foreground);justify-content:space-between;gap:12px;margin-top:14px;font-size:.71rem;line-height:1.5;display:flex}.reference-home .home-colour-figure figcaption>span:last-child{color:var(--foreground);text-align:right;font-size:.62rem}.reference-home .home-selected-finish h3{letter-spacing:0;margin:12px 0 10px;font-size:2.3rem;font-weight:400}.reference-home .home-selected-finish>p:last-child{font-family:var(--font-sans);color:currentColor;min-height:55px;font-size:16px;font-weight:300;line-height:1.7}.reference-home .home-finish-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 14px;margin:26px 0 30px;display:grid}.reference-home .home-finish{text-align:left;width:100%;color:var(--foreground);background:0 0;padding:0;font-size:.7rem;font-weight:400;line-height:1.5;display:block}.reference-home .home-finish>span{background:var(--card);border:1px solid var(--secondary);justify-content:center;align-items:center;width:100%;height:81px;margin-bottom:9px;display:flex;position:relative}.reference-home .home-finish>span>img{object-fit:contain;width:85%;height:75px}.reference-home .home-finish[aria-pressed=true]>span{outline:1px solid var(--border);outline-offset:3px}.reference-home .home-finish[aria-pressed=true]>span:after{content:"✓";background:var(--card);color:var(--foreground);text-align:center;border-radius:50%;width:16px;height:16px;font-size:10px;line-height:16px;position:absolute;bottom:4px;right:4px}.reference-home .home-finish:hover>span{border-color:var(--border)}.reference-home .home-colour-controls .actions{align-items:center;gap:20px}.reference-home .home-colour-controls .btn{padding:16px 18px;font-size:.82rem}.reference-home .home-colour-note{color:var(--foreground);max-width:49ch;margin-top:22px;font-size:.69rem;line-height:1.6}.reference-home .home-colour-more{border-top:1px solid var(--border);align-items:center;gap:35px;margin-top:42px;padding-top:32px;font-size:.88rem;display:flex}.reference-home .home-colour-more>span{color:currentColor;margin-right:auto;font-size:.79rem}.reference-home .home-colour-more>a{align-items:center;gap:22px;display:flex}.reference-home .home-colour-more>a svg{width:17px;height:17px}.reference-home .home-colour-more>a:hover{color:var(--lime-ink)}.reference-home .home-resources{background:var(--secondary)}.reference-home .home-resource-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:42px;display:grid}.reference-home .home-resource-grid article{border-top:1px solid var(--secondary);flex-direction:column;align-items:flex-start;padding-top:24px;display:flex}.reference-home .home-resource-grid h3{letter-spacing:0;margin:24px 0 16px;font-size:1.65rem;font-weight:400;line-height:1.2}.reference-home .home-resource-grid p{font-family:var(--font-sans);color:currentColor;max-width:35ch;margin-bottom:22px;font-size:15px;font-weight:300;line-height:1.7}.reference-home .home-resource-grid article>.home-inline-link{margin-top:auto}.reference-home .home-resource-links{flex-direction:column;align-items:flex-start;gap:13px;margin-top:auto;font-size:.79rem;line-height:1.4;display:flex}.reference-home .home-resource-links a{align-items:center;gap:14px;display:flex}.reference-home .home-resource-links a:hover{text-underline-offset:4px;color:var(--lime-ink);text-decoration:underline}.reference-home .home-resource-links svg{width:16px;height:16px}.reference-home .home-resource-links .home-inline-link{font-size:.86rem}.reference-home .home-faq-strip{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:25px;margin-top:47px;padding-top:29px;font-size:.8rem;display:flex}.reference-home .home-faq-strip>span{color:currentColor}.reference-home .home-faq-strip nav{flex-wrap:wrap;gap:28px;display:flex}.reference-home .home-faq-strip a:hover{color:var(--lime-ink);text-underline-offset:5px;text-decoration:underline}.reference-home .home-start{padding:76px 0 80px}.reference-home .home-start-inner{grid-template-columns:1fr 1fr;align-items:center;gap:12%;display:grid}.reference-home .home-start .eyebrow{letter-spacing:0;color:var(--foreground);margin-bottom:22px;font-size:.66rem;font-weight:500}.reference-home .home-start h2{letter-spacing:0;font-size:3.8rem;font-weight:400;line-height:1.07}.reference-home .home-start .lead{color:var(--foreground);max-width:34ch;margin-bottom:28px;line-height:1.75}.reference-home .home-start .actions{align-items:center;gap:24px}.reference-home .home-footer{padding:60px 0 22px}.reference-home .home-footer .footer-top{grid-template-columns:repeat(4,minmax(0,1fr));gap:44px}.reference-home .home-footer .footer-title{letter-spacing:0;font-size:.63rem;font-weight:500}.reference-home .home-footer .footer-links{gap:12px;font-size:.79rem}.reference-home .home-footer .footer-links a{overflow-wrap:anywhere}.reference-home .home-footer .footer-links a:hover{color:var(--accent)}.reference-home .home-footer .logo{width:220px}.reference-home .home-footer p{font-family:var(--font-sans);margin-top:15px;font-size:.86rem;font-weight:300;line-height:1.7}.reference-home .home-footer-newsletter p{margin-top:0;margin-bottom:15px}.reference-home .home-footer-newsletter .home-inline-link{color:var(--ink-foreground);font-size:.8rem}.reference-home .home-footer-newsletter .home-inline-link:hover{color:var(--accent)}.reference-home .home-footer-location{color:var(--foreground);margin-top:17px;font-size:.7rem;display:block}.reference-home .home-footer .footer-bottom{letter-spacing:0;margin-top:50px;font-size:.65rem}.reference-home #home-sample-dialog{background:var(--card);width:calc(100% - 30px);max-width:560px;padding:46px}.reference-home #home-sample-dialog h2{margin-bottom:20px;font-size:2.5rem;font-weight:400}.reference-home #home-sample-dialog .eyebrow{margin-bottom:19px;font-size:.68rem}.reference-home #home-sample-dialog .lead{font-size:16px}.reference-home .home-sample-fields{gap:19px;margin:26px 0;display:grid}.reference-home .home-sample-fields label{font-size:.8rem;font-weight:500;line-height:1.6}.reference-home .home-sample-fields input,.reference-home .home-sample-fields select{border:1px solid var(--secondary);background:var(--card);border-radius:0;width:100%;min-height:48px;margin-top:7px;padding:12px;font-size:16px;font-weight:300;display:block}.reference-home .home-sample-note{color:currentColor;margin-top:15px;font-size:.76rem;line-height:1.6}.reference-home #home-sample-status{background:var(--card);margin-top:20px;padding:16px;font-size:.8rem;line-height:1.6}.reference-home .home-finish-error{color:var(--foreground);margin-top:10px;font-size:.8rem}@media (width>=1550px){.reference-home .wrap{width:min(1400px,88%)}.reference-home .home-product-photo{height:420px}}@media (width<=1150px){.reference-home .home-products-grid{gap:55px 26px}.reference-home .home-product-photo{height:315px}.reference-home .home-product-title{align-items:flex-start}.reference-home .home-product-title>span{max-width:165px}.reference-home .home-product-title h3{font-size:1.85rem}.reference-home .home-project-grid{gap:32px}.reference-home .home-colour-grid{gap:35px}.reference-home .home-finish-grid{gap:17px 11px}.reference-home .home-selected-finish h3{font-size:2.05rem}.reference-home .home-colour-controls .btn{padding:13px 15px}.reference-home .home-benefits{gap:32px}.reference-home .home-resource-grid{gap:30px}.reference-home .home-start-inner{gap:9%}.reference-home .home-footer .footer-top{grid-template-columns:1fr .75fr 1fr;gap:30px}.reference-home .home-footer-newsletter{border-top:1px solid var(--fencing-overlay);grid-column:1/-1;align-items:center;gap:40px;padding-top:26px;display:flex}.reference-home .home-footer-newsletter .footer-title{margin-bottom:0}.reference-home .home-footer-newsletter p{max-width:360px;margin:0}.reference-home .home-footer-newsletter .home-inline-link{margin-left:auto}}@media (width<=1000px){.reference-home .mega-trigger svg{width:18px;height:18px}.reference-home .site-header .header-inner{height:82px}.reference-home .site-header .mega-navigation>.btn{background:var(--ink);border-color:var(--ink);color:var(--card)}.reference-home .home-hero{min-height:730px;max-height:900px}.reference-home .home-hero h1{font-size:6.2rem}.reference-home .home-hero-credit{bottom:32px}.reference-home .home-colour-grid{grid-template-columns:1fr 1fr;gap:28px}.reference-home .home-colour-figure>img{aspect-ratio:.86}.reference-home .home-selected-finish>p:last-child{font-size:15px}.reference-home .home-finish-grid{margin-top:19px;margin-bottom:22px}.reference-home .home-finish>span{height:65px}.reference-home .home-finish>span>img{height:59px}.reference-home .home-finish{font-size:.65rem}.reference-home .home-colour-controls .actions{gap:12px}.reference-home .home-colour-controls .home-inline-link{font-size:.8rem}.reference-home .home-product-title{display:block}.reference-home .home-product-title>span{text-align:left;max-width:none;margin-top:9px;display:block}}@media (width<=800px){.reference-home .section{padding:68px 0}.reference-home .section-head.split-section-heading{margin-bottom:35px}.reference-home .section-head.split-section-heading>h2{font-size:2.6rem}.reference-home .section-head.split-section-heading>.lead{max-width:56ch;margin-top:20px;padding-top:0}.reference-home .home-hero{height:auto;min-height:770px;max-height:none}.reference-home .home-hero-content{padding-top:180px;padding-bottom:162px}.reference-home .home-hero h1{font-size:6rem}.reference-home .home-hero-image{object-position:63% center}.reference-home .home-hero:after{background:linear-gradient(90deg,var(--fencing-hero-overlay),var(--fencing-hero-overlay)),linear-gradient(0deg,var(--fencing-hero-overlay),transparent 60%)}.reference-home .home-hero-credit{max-width:none;font-size:.65rem;bottom:32px}.reference-home .home-hero-credit span{margin-left:10px;font-size:.6rem;display:inline}.reference-home .home-products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:43px 23px}.reference-home .home-product-wide,.reference-home .home-product-narrow{grid-column:span 1}.reference-home .home-product-photo{height:265px}.reference-home .home-product-index{padding:6px 8px;font-size:.58rem;top:13px;left:13px}.reference-home .home-product-arrow{width:38px;height:38px;bottom:13px;right:13px}.reference-home .home-image-note{max-width:calc(100% - 70px);font-size:.53rem;bottom:14px;left:12px}.reference-home .home-product-title h3{font-size:1.75rem}.reference-home .home-product h4{font-size:.98rem;line-height:1.4}.reference-home .home-product>p{font-size:14px}.reference-home .home-benefits{grid-template-columns:1fr;gap:27px}.reference-home .home-benefits>article{grid-template-columns:1fr 1fr;column-gap:32px;padding-top:23px;display:grid}.reference-home .home-benefits .home-small-index{grid-column:1/-1}.reference-home .home-benefits h3{grid-column:1;margin:19px 0 0;font-size:1.6rem}.reference-home .home-benefits p{grid-column:2;align-self:start;max-width:none;margin-top:17px;font-size:15px}.reference-home .home-project-grid{grid-template-columns:1fr 1fr;gap:25px}.reference-home .home-project-image{aspect-ratio:.8}.reference-home .home-video-frame{aspect-ratio:1.1}.reference-home .home-project-caption{align-items:flex-start;margin-top:20px}.reference-home .home-project-caption h3{font-size:1.75rem}.reference-home .home-project-caption p{font-size:.7rem}.reference-home .home-project-caption>a{width:35px;height:35px}.reference-home .home-project-story{margin:22px 0 15px;font-size:15px}.reference-home .home-project-footer{align-items:flex-start;margin-top:35px;padding-top:27px}.reference-home .home-project-footer>span{max-width:230px;font-size:15px}.reference-home .home-project-footer .home-inline-link{font-size:.78rem}.reference-home .home-colour-grid{grid-template-columns:1fr;gap:33px}.reference-home .home-colour-figure>img{aspect-ratio:1.5}.reference-home .home-colour-figure figcaption{font-size:.73rem}.reference-home .home-finish-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;margin:22px 0 27px}.reference-home .home-finish>span{height:76px}.reference-home .home-finish>span>img{height:70px}.reference-home .home-selected-finish>p:last-child{min-height:0;font-size:16px}.reference-home .home-finish{font-size:.61rem}.reference-home .home-colour-controls .btn{padding:16px 22px}.reference-home .home-colour-controls .actions{gap:25px}.reference-home .home-colour-controls .home-inline-link{font-size:.85rem}.reference-home .home-colour-note{max-width:70ch;margin-top:18px}.reference-home .home-colour-more{flex-wrap:wrap;gap:20px;font-size:.82rem}.reference-home .home-colour-more>span{width:100%;margin-bottom:0}.reference-home .home-resource-grid{grid-template-columns:1fr;gap:34px}.reference-home .home-resource-grid article{grid-template-columns:1fr 1fr;gap:0 32px;display:grid}.reference-home .home-resource-grid .home-small-index{grid-column:1/-1}.reference-home .home-resource-grid h3{grid-column:1;margin:20px 0 14px;font-size:1.6rem}.reference-home .home-resource-grid p{grid-area:2/2/4;max-width:40ch;margin:18px 0 0;font-size:15px}.reference-home .home-resource-grid article>.home-inline-link,.reference-home .home-resource-links{grid-column:1;place-self:start;margin-top:0}.reference-home .home-faq-strip{flex-direction:column;align-items:flex-start;gap:17px;margin-top:35px}.reference-home .home-faq-strip nav{gap:20px}.reference-home .home-start{padding:60px 0}.reference-home .home-start-inner{grid-template-columns:1fr;gap:25px}.reference-home .home-start h2{font-size:2.65rem}.reference-home .home-start .lead{max-width:42ch;margin-bottom:22px}.reference-home .home-start .eyebrow{margin-bottom:18px}.reference-home .home-footer .footer-top{grid-template-columns:1.1fr 1fr;gap:38px}.reference-home .home-footer .footer-top>div:first-child{grid-column:1/-1}.reference-home .home-footer .footer-top>div:first-child>p{max-width:340px}.reference-home .home-footer-newsletter{grid-column:1/-1;display:block}.reference-home .home-footer-newsletter .footer-title{margin-bottom:17px}.reference-home .home-footer-newsletter p{margin-bottom:12px}.reference-home .home-footer .footer-bottom{gap:12px;margin-top:35px}}@media (width<=520px){.reference-home .wrap{width:88%}.reference-home .section{padding:56px 0}.reference-home .section-head.split-section-heading .eyebrow{letter-spacing:0;margin-bottom:17px;font-size:.62rem}.reference-home .section-head.split-section-heading>h2{font-size:2.35rem}.reference-home .section-head.split-section-heading>.lead{font-size:16px;line-height:1.7}.reference-home .home-utility{font-size:.58rem}.reference-home .home-utility .utility-links{gap:22px}.reference-home .home-hero{min-height:810px}.reference-home .home-hero-content{padding-top:163px;padding-bottom:211px}.reference-home .home-hero h1{font-size:4.8rem;line-height:.98}.reference-home .home-hero-content .eyebrow{letter-spacing:0;max-width:255px;margin-bottom:23px;font-size:.57rem;line-height:1.6}.reference-home .home-hero-content>.lead{max-width:300px;margin:25px 0 24px;font-size:16px}.reference-home .home-hero .actions{flex-direction:column;align-items:flex-start;gap:15px}.reference-home .home-hero .btn{gap:20px;min-height:52px;padding:16px 21px;font-size:.86rem}.reference-home .home-hero-secondary{padding:7px 0;font-size:.81rem}.reference-home .home-hero-credit{text-align:left;font-size:.6rem;bottom:32px;left:6%;right:6%}.reference-home .home-hero-credit span{margin-left:6px;font-size:.55rem}.reference-home .home-products-grid{grid-template-columns:1fr;gap:37px}.reference-home .home-product-photo{aspect-ratio:1.24;height:auto}.reference-home .home-product-title{align-items:center;margin-bottom:15px;padding:21px 0 15px;display:flex}.reference-home .home-product-title>span{text-align:right;max-width:160px;margin-top:0;font-size:.6rem}.reference-home .home-product-title h3{font-size:1.9rem}.reference-home .home-product h4{font-size:1rem}.reference-home .home-product>p{font-size:15px}.reference-home .home-product-index{font-size:.61rem}.reference-home .home-image-note{font-size:.59rem}.reference-home .home-benefits>article{display:block}.reference-home .home-benefits h3{margin:18px 0 15px;font-size:1.6rem}.reference-home .home-benefits p{max-width:42ch;margin:0;font-size:15px}.reference-home .home-project-grid{grid-template-columns:1fr;gap:40px}.reference-home .home-project-image{aspect-ratio:1.12}.reference-home .home-video-frame{aspect-ratio:16/10}.reference-home .home-project-caption h3{font-size:1.9rem}.reference-home .home-project-caption p{max-width:260px;font-size:.74rem}.reference-home .home-project-story{max-width:40ch;margin-top:23px;font-size:16px}.reference-home .home-project-footer{margin-top:32px;padding-top:25px;display:block}.reference-home .home-project-footer>span{max-width:none;margin-bottom:14px;display:block}.reference-home .home-project-footer .home-inline-link{font-size:.84rem}.reference-home .home-colour-figure>img{aspect-ratio:1.12}.reference-home .home-colour-figure figcaption{font-size:.66rem;display:block}.reference-home .home-colour-figure figcaption>span:last-child{text-align:left;margin-top:3px;display:block}.reference-home .home-finish-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:21px 13px;margin:23px 0 26px}.reference-home .home-finish>span{height:77px}.reference-home .home-finish>span>img{height:71px}.reference-home .home-finish{font-size:.68rem}.reference-home .home-selected-finish h3{font-size:2.1rem}.reference-home .home-colour-controls .actions{gap:17px}.reference-home .home-colour-controls .btn{padding:14px 17px;font-size:.8rem}.reference-home .home-colour-controls .home-inline-link{gap:12px;font-size:.79rem}.reference-home .home-colour-more{gap:16px 26px;margin-top:28px;padding-top:24px}.reference-home .home-colour-more>a{gap:14px}.reference-home .home-resource-grid article{display:block}.reference-home .home-resource-grid h3{margin:19px 0 15px;font-size:1.65rem}.reference-home .home-resource-grid p{max-width:45ch;margin:0 0 22px;font-size:16px}.reference-home .home-resource-links{gap:15px;font-size:.85rem}.reference-home .home-resource-grid article>.home-inline-link{font-size:.86rem}.reference-home .home-faq-strip{margin-top:32px;padding-top:24px}.reference-home .home-faq-strip nav{grid-template-columns:1fr 1fr;gap:12px 25px;display:grid}.reference-home .home-start{padding:56px 0}.reference-home .home-start h2{font-size:2.45rem}.reference-home .home-start .actions{flex-direction:column;align-items:flex-start;gap:15px}.reference-home .home-start .btn{font-size:.87rem}.reference-home .home-start .home-inline-link{font-size:.84rem}.reference-home .home-footer .footer-top{grid-template-columns:.82fr 1.18fr;gap:35px 26px}.reference-home .home-footer .footer-links{font-size:.75rem}.reference-home .home-footer .footer-title{font-size:.59rem}.reference-home .home-footer .footer-bottom{font-size:.58rem}.reference-home .home-footer{padding-top:46px}.reference-home .home-footer .logo{width:220px}.reference-home #home-sample-dialog{padding:38px 25px 30px}.reference-home #home-sample-dialog h2{font-size:2.15rem}}@media (prefers-reduced-motion:reduce){.reference-home{scroll-behavior:auto;scroll-behavior:auto}.reference-home *{scroll-behavior:auto;transition:none!important;animation:none!important}}.reference-home .home-project-grid--three{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.reference-home .home-project-grid--three>article{min-width:0}.reference-home .home-project-grid--three .home-project-image,.reference-home .home-project-grid--three .home-video-frame{aspect-ratio:16/9}.reference-home .home-project-grid--three .home-video-frame video{object-fit:contain}.reference-home .home-project-grid--three .home-project-caption h3{font-size:1.9rem}.reference-home .home-project-grid--three .home-project-badge{letter-spacing:0;padding:7px 9px;font-size:.56rem;top:13px;left:13px}.reference-home .home-video-frame .home-project-badge{transition:opacity .2s}.reference-home .home-video-frame.is-playing .home-project-badge{opacity:0}.reference-home .home-project-photos{margin:0 0 22px}.reference-home .home-project-photos summary{cursor:pointer;width:fit-content;color:var(--ink-foreground);text-underline-offset:4px;font-size:.8rem;line-height:1.5}.reference-home .home-project-photos summary:hover{color:var(--accent)}.reference-home .home-project-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;margin-top:18px;display:grid}.reference-home .home-project-photo-grid a{min-width:0;display:block}.reference-home .home-project-photo-grid img{aspect-ratio:16/10;object-fit:cover;width:100%;height:auto;display:block}.reference-home .home-project-photo-grid span{color:var(--ink-foreground);margin-top:7px;font-size:.67rem;line-height:1.5;display:block}.reference-home .home-project-photo-grid a:hover span{color:var(--accent)}@media (width<=1000px){.reference-home .home-project-grid--three{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 25px}}@media (width<=700px){.reference-home .home-project-grid--three{grid-template-columns:1fr;gap:40px}}.reference-siding-fluted-siding *{box-sizing:border-box}.reference-siding-fluted-siding{scroll-behavior:smooth;background:var(--background);color:var(--ink);font-family:var(--font-sans);margin:0;scroll-padding-top:90px;font-size:16px;line-height:1.6}.reference-siding-fluted-siding button,.reference-siding-fluted-siding input,.reference-siding-fluted-siding select,.reference-siding-fluted-siding textarea{font:inherit}.reference-siding-fluted-siding button,.reference-siding-fluted-siding a,.reference-siding-fluted-siding select{touch-action:manipulation}.reference-siding-fluted-siding button{cursor:pointer}.reference-siding-fluted-siding a{color:inherit;text-decoration:none}.reference-siding-fluted-siding button:focus-visible,.reference-siding-fluted-siding a:focus-visible,.reference-siding-fluted-siding select:focus-visible,.reference-siding-fluted-siding summary:focus-visible{outline:3px solid var(--border);outline-offset:5px}.reference-siding-fluted-siding img{max-width:100%;display:block}.reference-siding-fluted-siding h1,.reference-siding-fluted-siding h2,.reference-siding-fluted-siding h3,.reference-siding-fluted-siding p,.reference-siding-fluted-siding figure{margin:0}.reference-siding-fluted-siding h1,.reference-siding-fluted-siding h2,.reference-siding-fluted-siding h3{letter-spacing:0;font-weight:500;line-height:1.06}.reference-siding-fluted-siding h1{max-width:1000px;font-size:6rem}.reference-siding-fluted-siding h2{font-size:3.7rem}.reference-siding-fluted-siding h3{font-size:2rem}.reference-siding-fluted-siding p{max-width:68ch}.reference-siding-fluted-siding button{border:0}.reference-siding-fluted-siding button:disabled{cursor:not-allowed;opacity:.4}.reference-siding-fluted-siding .wrap{width:min(1280px,88%);margin:auto}.reference-siding-fluted-siding .section{padding:100px 0}.reference-siding-fluted-siding .eyebrow{letter-spacing:0;text-transform:uppercase;color:var(--lime-ink);margin-bottom:22px;font-size:.8rem;font-weight:700}.reference-siding-fluted-siding .lead{font-family:var(--font-sans);font-synthesis:none;color:currentColor;font-size:16px;font-weight:300;line-height:1.65}.reference-siding-fluted-siding .muted{color:currentColor}.reference-siding-fluted-siding .small{font-size:.85rem;line-height:1.55}.reference-siding-fluted-siding .btn{letter-spacing:0;background:var(--accent);min-height:48px;color:var(--foreground);border:1px solid var(--accent);text-transform:uppercase;justify-content:center;align-items:center;padding:14px 23px;font-size:.85rem;font-weight:700;line-height:1.2;transition:background .2s;display:inline-flex}.reference-siding-fluted-siding .btn:hover{background:var(--secondary);border-color:var(--secondary)}.reference-siding-fluted-siding .btn.outline{color:inherit;background:0 0;border-color:currentColor}.reference-siding-fluted-siding .btn.outline:hover{background:var(--fencing-overlay)}.reference-siding-fluted-siding .btn.dark{background:var(--ink);color:var(--card);border-color:var(--ink)}.reference-siding-fluted-siding .actions{flex-wrap:wrap;gap:12px;display:flex}.reference-siding-fluted-siding .text-link{border-bottom:1px solid;padding:7px 0;font-size:.88rem;font-weight:700;display:inline-block}.reference-siding-fluted-siding .skip{position:absolute;left:-999px}.reference-siding-fluted-siding .skip:focus{z-index:999;background:var(--card);padding:16px;top:20px;left:20px}.reference-siding-fluted-siding .utility{background:var(--accent);letter-spacing:0;height:34px;font-size:.73rem;font-weight:700}.reference-siding-fluted-siding .utility .wrap{justify-content:space-between;align-items:center;height:100%;display:flex}.reference-siding-fluted-siding .utility-links{gap:28px;display:flex}.reference-siding-fluted-siding .header{z-index:10;color:var(--card);border-bottom:0;position:absolute;left:0;right:0}.reference-siding-fluted-siding .header-inner{justify-content:space-between;align-items:center;gap:35px;height:96px;display:flex}.reference-siding-fluted-siding .logo{object-fit:contain;object-position:left;width:178px;height:auto;max-height:40px}.reference-siding-fluted-siding .wordmark{letter-spacing:0;color:var(--card);font-size:1.85rem;font-weight:700;display:none}.reference-siding-fluted-siding .wordmark span{color:var(--accent)}.reference-siding-fluted-siding .primary-nav{align-items:center;gap:36px;font-size:.82rem;font-weight:600;display:flex}.reference-siding-fluted-siding .primary-nav>a{padding:12px 0}.reference-siding-fluted-siding .primary-nav>a.active{border-bottom:2px solid var(--accent)}.reference-siding-fluted-siding .header .btn{background:var(--background);border-color:var(--background);color:var(--ink);font-size:.75rem}.reference-siding-fluted-siding .menu-toggle{color:var(--card);background:0 0;min-height:44px;padding:10px;font-size:1rem;display:none}.reference-siding-fluted-siding .hero{min-height:720px;color:var(--ink-foreground);background:var(--foreground);align-items:center;display:flex;position:relative;overflow:hidden}.reference-siding-fluted-siding .hero-img{object-fit:cover;object-position:center 52%;width:100%;height:100%;position:absolute;inset:0}.reference-siding-fluted-siding .hero:after{content:"";background:linear-gradient(90deg,var(--fencing-hero-overlay),var(--fencing-hero-overlay) 70%,var(--fencing-hero-overlay)),linear-gradient(0deg,var(--fencing-hero-overlay),transparent 65%);position:absolute;inset:0}.reference-siding-fluted-siding .hero-content{z-index:1;padding-top:150px;padding-bottom:80px;position:relative}.reference-siding-fluted-siding .hero .eyebrow{color:var(--accent)}.reference-siding-fluted-siding .hero p:not(.eyebrow){max-width:620px;color:var(--ink-foreground);margin:25px 0 32px;font-size:1.13rem}.reference-siding-fluted-siding .hero .hero-caption{z-index:1;letter-spacing:0;color:var(--ink-foreground);font-size:.75rem;position:absolute;bottom:28px;right:6%}.reference-siding-fluted-siding .hero .breadcrumb{align-items:center;gap:14px;display:flex}.reference-siding-fluted-siding .hero .breadcrumb span{color:var(--ink-foreground)}.reference-siding-fluted-siding .hero.product{min-height:675px}.reference-siding-fluted-siding .hero.product h1{max-width:750px}.reference-siding-fluted-siding .hero.product .hero-img{object-position:50% 55%}.reference-siding-fluted-siding .page-nav{z-index:20;background:var(--fencing-overlay);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0}.reference-siding-fluted-siding .page-nav .wrap{justify-content:space-between;align-items:center;gap:24px;min-height:64px;display:flex}.reference-siding-fluted-siding .page-tabs,.reference-siding-fluted-siding .jump-links{align-items:center;gap:28px;font-size:.88rem;display:flex}.reference-siding-fluted-siding .page-tabs a{white-space:nowrap;padding:20px 0}.reference-siding-fluted-siding .page-tabs a[aria-current=page]{border-bottom:2px solid var(--lime-ink);font-weight:700}.reference-siding-fluted-siding .jump-links{color:currentColor;gap:25px}.reference-siding-fluted-siding .jump-links a:hover{color:var(--ink)}.reference-siding-fluted-siding .intro-grid{grid-template-columns:1fr 1fr;align-items:start;gap:11%;display:grid}.reference-siding-fluted-siding .intro-grid h2{max-width:560px}.reference-siding-fluted-siding .intro-grid .lead{padding-top:37px}.reference-siding-fluted-siding .benefit-strip{border-top:1px solid var(--border);grid-template-columns:repeat(4,1fr);margin-top:62px;display:grid}.reference-siding-fluted-siding .benefit{padding:28px 32px 4px 0}.reference-siding-fluted-siding .benefit:not(:first-child){border-left:1px solid var(--border);padding-left:30px}.reference-siding-fluted-siding .benefit strong{margin:12px 0;font-size:1.15rem;font-weight:600;line-height:1.3;display:block}.reference-siding-fluted-siding .benefit .symbol{color:var(--lime-ink);font-size:1.7rem;line-height:1}.reference-siding-fluted-siding .benefit p{color:currentColor;font-size:.95rem}.reference-siding-fluted-siding .tone{background:var(--secondary)}.reference-siding-fluted-siding .section-head{justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:45px;display:flex}.reference-siding-fluted-siding .section-head p{max-width:440px}.reference-siding-fluted-siding .section-head .eyebrow{margin-bottom:18px}.reference-siding-fluted-siding .profiles{grid-template-columns:1fr 1fr;gap:28px;display:grid}.reference-siding-fluted-siding .profile-card{display:block}.reference-siding-fluted-siding .profile-image{height:380px;position:relative;overflow:hidden}.reference-siding-fluted-siding .profile-image img{object-fit:cover;width:100%;height:100%;transition:transform .7s}.reference-siding-fluted-siding .profile-card:hover img{transform:scale(1.035)}.reference-siding-fluted-siding .profile-image .number{background:var(--background);padding:5px 12px;font-size:.85rem;position:absolute;top:20px;left:20px}.reference-siding-fluted-siding .profile-info{padding:28px 0 5px}.reference-siding-fluted-siding .profile-info h3{margin-bottom:15px;font-size:2.4rem}.reference-siding-fluted-siding .profile-info p{color:currentColor;max-width:480px;margin-bottom:15px}.reference-siding-fluted-siding .tags{flex-wrap:wrap;gap:7px;margin:20px 0;display:flex}.reference-siding-fluted-siding .tag{border:1px solid var(--border);padding:5px 10px;font-size:.77rem;line-height:1.3}.reference-siding-fluted-siding .explorer-grid{grid-template-columns:minmax(0,1.4fr) minmax(350px,1fr);align-items:start;gap:56px;display:grid}.reference-siding-fluted-siding .explorer-photo{background:var(--secondary);aspect-ratio:1.25;position:relative;overflow:hidden}.reference-siding-fluted-siding .explorer-photo>img{object-fit:cover;width:100%;height:100%}.reference-siding-fluted-siding .image-note{color:#000;background:#fff;padding:5px 10px;font-size:.75rem;position:absolute;bottom:20px;left:20px}.reference-siding-fluted-siding .photo-expand{color:var(--ink);background:var(--card);min-height:42px;padding:8px 12px;font-size:.8rem;position:absolute;top:17px;right:17px}.reference-siding-fluted-siding .photo-caption{justify-content:space-between;align-items:start;gap:12px;margin-top:16px;font-size:.9rem;display:flex}.reference-siding-fluted-siding .photo-caption small{color:currentColor;font-size:.78rem}.reference-siding-fluted-siding .explorer-controls{padding-top:1px}.reference-siding-fluted-siding .segmented{border:1px solid var(--border);gap:0;width:fit-content;margin-bottom:28px;display:flex}.reference-siding-fluted-siding .segmented button{color:currentColor;background:0 0;min-height:42px;padding:10px 20px;font-size:.88rem}.reference-siding-fluted-siding .segmented button[aria-pressed=true]{background:var(--ink);color:var(--card)}.reference-siding-fluted-siding .explorer-controls h3{font-size:2.6rem}.reference-siding-fluted-siding .finish-story{color:currentColor;min-height:76px;margin-top:12px;font-size:1rem}.reference-siding-fluted-siding .swatches{grid-template-columns:repeat(5,1fr);gap:18px 13px;margin:28px 0;display:grid}.reference-siding-fluted-siding .swatch{text-align:left;color:var(--ink);background:0 0;padding:0}.reference-siding-fluted-siding .swatch-chip{border:1px solid var(--fencing-overlay);width:100%;height:46px;margin-bottom:7px;display:block;position:relative}.reference-siding-fluted-siding .swatch[aria-pressed=true] .swatch-chip{outline:2px solid var(--lime-ink);outline-offset:4px}.reference-siding-fluted-siding .swatch[aria-pressed=true] .swatch-chip:after{content:"✓";background:var(--background);color:var(--lime-ink);text-align:center;border-radius:50%;width:20px;height:20px;font-size:14px;font-weight:700;line-height:20px;position:absolute;bottom:4px;right:5px}.reference-siding-fluted-siding .swatch-label{min-height:28px;font-size:.77rem;line-height:1.15;display:block}.reference-siding-fluted-siding .orientation{margin-top:25px}.reference-siding-fluted-siding .orientation .small{margin-bottom:9px}.reference-siding-fluted-siding .orientation .segmented{margin-bottom:12px}.reference-siding-fluted-siding .sample-action{flex-wrap:wrap;align-items:center;gap:22px;margin-top:24px;display:flex}.reference-siding-fluted-siding .colour-note{color:currentColor;margin-top:22px;font-size:.77rem}.reference-siding-fluted-siding .no-preview{text-align:center;background:var(--secondary);flex-direction:column;justify-content:center;align-items:center;gap:15px;height:100%;padding:35px;display:flex}.reference-siding-fluted-siding .colour-block{border:1px solid var(--fencing-overlay);width:140px;height:100px;display:block}.reference-siding-fluted-siding .gallery-tools{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;margin:30px 0;display:flex}.reference-siding-fluted-siding .filter-buttons{gap:24px;display:flex}.reference-siding-fluted-siding .filter-buttons button{color:currentColor;background:0 0;border-bottom:2px solid #0000;padding:14px 0;font-size:.92rem}.reference-siding-fluted-siding .filter-buttons button[aria-pressed=true]{border-color:var(--ink);color:var(--ink);font-weight:600}.reference-siding-fluted-siding .gallery-tools select{color:var(--ink);background:0 0;border:0;max-width:180px;padding:9px 24px 9px 9px;font-size:.88rem}.reference-siding-fluted-siding .gallery-grid{grid-template-columns:repeat(3,1fr);gap:40px 24px;display:grid}.reference-siding-fluted-siding .gallery-card{text-align:left;color:inherit;background:0 0;padding:0}.reference-siding-fluted-siding .gallery-card .gallery-img{aspect-ratio:1.35;overflow:hidden}.reference-siding-fluted-siding .gallery-card img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.reference-siding-fluted-siding .gallery-card:hover img{transform:scale(1.035)}.reference-siding-fluted-siding .gallery-card h3{letter-spacing:0;margin:15px 0 6px;font-size:1.3rem;line-height:1.3}.reference-siding-fluted-siding .gallery-card p{color:currentColor;font-size:.86rem}.reference-siding-fluted-siding .gallery-bottom{justify-content:space-between;align-items:center;gap:30px;margin-top:38px;display:flex}.reference-siding-fluted-siding .empty-gallery{color:currentColor;grid-column:1/-1;padding:50px 0}.reference-siding-fluted-siding .construction{background:var(--foreground);color:var(--ink-foreground)}.reference-siding-fluted-siding .construction .eyebrow{color:var(--accent)}.reference-siding-fluted-siding .construction-grid{grid-template-columns:1fr 1fr;align-items:start;gap:85px;display:grid}.reference-siding-fluted-siding .construction h2{max-width:450px;margin-bottom:25px}.reference-siding-fluted-siding .construction .lead{color:var(--ink-foreground);max-width:455px}.reference-siding-fluted-siding .construction-steps{border-top:1px solid var(--fencing-overlay)}.reference-siding-fluted-siding .construction-step{border-bottom:1px solid var(--fencing-overlay);grid-template-columns:45px 1fr;gap:15px;padding:25px 0;display:grid}.reference-siding-fluted-siding .construction-step>span{color:var(--accent);font-size:.85rem}.reference-siding-fluted-siding .construction-step h3{letter-spacing:0;margin-bottom:10px;font-size:1.4rem}.reference-siding-fluted-siding .construction-step p{color:var(--ink-foreground);font-size:.96rem}.reference-siding-fluted-siding .construction .actions{margin-top:35px}.reference-siding-fluted-siding .product-design{grid-template-columns:1.05fr 1fr;align-items:center;gap:75px;display:grid}.reference-siding-fluted-siding .product-design img{aspect-ratio:1.12;object-fit:cover;width:100%}.reference-siding-fluted-siding .product-design h2{margin-bottom:23px}.reference-siding-fluted-siding .product-design p{margin-bottom:22px}.reference-siding-fluted-siding .feature-list{border-top:1px solid var(--border);margin:30px 0 0;padding:0;list-style:none}.reference-siding-fluted-siding .feature-list li{border-bottom:1px solid var(--border);gap:18px;padding:15px 0;font-size:.97rem;display:flex}.reference-siding-fluted-siding .feature-list li>span{color:var(--lime-ink);padding-top:3px;font-size:.78rem}.reference-siding-fluted-siding .spec-grid{grid-template-columns:.9fr 1.1fr;gap:100px;display:grid}.reference-siding-fluted-siding .spec-grid h2{margin-bottom:24px}.reference-siding-fluted-siding .spec-table{margin:0}.reference-siding-fluted-siding .spec-table>div{border-top:1px solid var(--border);grid-template-columns:1fr 1.2fr;gap:25px;padding:18px 0;font-size:.97rem;display:grid}.reference-siding-fluted-siding .spec-table dt{font-weight:600}.reference-siding-fluted-siding .spec-table dd{color:currentColor;margin:0}.reference-siding-fluted-siding .spec-table>div:last-child{border-bottom:1px solid var(--border)}.reference-siding-fluted-siding .faq-grid{grid-template-columns:.85fr 1.15fr;gap:90px;display:grid}.reference-siding-fluted-siding .faq-grid h2{max-width:380px;margin-bottom:25px}.reference-siding-fluted-siding .faq-grid .lead{max-width:335px}.reference-siding-fluted-siding .faqs details{border-top:1px solid var(--border)}.reference-siding-fluted-siding .faqs details:last-child{border-bottom:1px solid var(--border)}.reference-siding-fluted-siding .faqs summary{cursor:pointer;padding:23px 45px 23px 0;font-size:1.08rem;line-height:1.4;list-style:none;position:relative}.reference-siding-fluted-siding .faqs summary::-webkit-details-marker{display:none}.reference-siding-fluted-siding .faqs summary:after{content:"+";color:var(--lime-ink);font-size:1.6rem;font-weight:400;position:absolute;top:19px;right:4px}.reference-siding-fluted-siding .faqs details[open] summary:after{content:"−"}.reference-siding-fluted-siding .faqs details p{color:currentColor;padding:0 30px 25px 0;font-size:1rem;line-height:1.7}.reference-siding-fluted-siding .crosslink{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:40px;margin-top:70px;padding:35px 0;display:flex}.reference-siding-fluted-siding .crosslink h3{font-size:1.9rem}.reference-siding-fluted-siding .final-cta{background:var(--accent);padding:75px 0}.reference-siding-fluted-siding .final-cta .wrap{justify-content:space-between;align-items:center;gap:60px;display:flex}.reference-siding-fluted-siding .final-cta h2{max-width:640px;font-size:3.6rem}.reference-siding-fluted-siding .final-cta .eyebrow{color:var(--foreground)}.reference-siding-fluted-siding .final-cta p{max-width:580px;color:var(--foreground);margin-top:20px}.reference-siding-fluted-siding .final-cta .actions{flex-shrink:0;max-width:220px}.reference-siding-fluted-siding .final-cta .btn{width:100%}.reference-siding-fluted-siding .footer{background:var(--foreground);color:var(--ink-foreground);padding:65px 0 25px}.reference-siding-fluted-siding .footer-top{grid-template-columns:repeat(4,minmax(0,1fr));gap:65px;display:grid}.reference-siding-fluted-siding .footer .logo{width:175px}.reference-siding-fluted-siding .footer p{color:var(--ink-foreground);max-width:330px;margin-top:22px;font-size:.9rem}.reference-siding-fluted-siding .footer-title{letter-spacing:0;color:var(--accent);margin-bottom:20px;font-size:.76rem}.reference-siding-fluted-siding .footer-links{flex-direction:column;gap:11px;font-size:.9rem;display:flex}.reference-siding-fluted-siding .footer-bottom{border-top:1px solid var(--fencing-overlay);color:var(--foreground);justify-content:space-between;gap:20px;margin-top:50px;padding-top:25px;font-size:.76rem;display:flex}.reference-siding-fluted-siding dialog{background:var(--background);color:var(--ink);width:100%;max-width:min(1050px,94vw);max-height:92dvh;box-shadow:0 20px 100px var(--fencing-overlay);border:0;padding:0;overflow:auto}.reference-siding-fluted-siding dialog::backdrop{background:var(--fencing-overlay)}.reference-siding-fluted-siding .dialog-close{z-index:2;background:var(--background);width:44px;height:44px;color:var(--ink);justify-content:center;align-items:center;font-size:1.6rem;display:flex;position:absolute;top:15px;right:15px}.reference-siding-fluted-siding .lightbox-image{object-fit:contain;background:var(--foreground);width:100%;max-height:65dvh}.reference-siding-fluted-siding .lightbox-.reference-siding-fluted-siding{justify-content:space-between;align-items:center;gap:30px;padding:28px 35px;display:flex}.reference-siding-fluted-siding .lightbox-.reference-siding-fluted-siding h3{margin-bottom:8px;font-size:1.8rem}.reference-siding-fluted-siding #sample-dialog{max-width:580px;padding:45px}.reference-siding-fluted-siding #sample-dialog h2{margin-bottom:18px;font-size:2.7rem}.reference-siding-fluted-siding #sample-dialog p{color:currentColor}.reference-siding-fluted-siding .sample-fields{gap:20px;margin:26px 0;display:grid}.reference-siding-fluted-siding .sample-fields label{font-size:.87rem;font-weight:600}.reference-siding-fluted-siding .sample-fields select{border:1px solid var(--border);background:var(--card);border-radius:0;width:100%;margin-top:8px;padding:12px;display:block}.reference-siding-fluted-siding .sample-summary{background:var(--secondary);margin:20px 0;padding:18px}.reference-siding-fluted-siding .sample-summary strong{display:block}.reference-siding-fluted-siding .sample-note{margin-top:18px;font-size:.83rem}.reference-siding-fluted-siding .sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.reference-siding-fluted-siding [hidden]{display:none!important}@media (width>=1700px){.reference-siding-fluted-siding .hero{min-height:800px}}@media (width<=1100px){.reference-siding-fluted-siding .wrap{width:90%}.reference-siding-fluted-siding .primary-nav{gap:24px}.reference-siding-fluted-siding .explorer-grid{grid-template-columns:1.15fr 1fr;gap:35px}.reference-siding-fluted-siding .section{padding:80px 0}.reference-siding-fluted-siding .construction-grid,.reference-siding-fluted-siding .faq-grid,.reference-siding-fluted-siding .spec-grid{gap:55px}.reference-siding-fluted-siding .footer-top{gap:30px}.reference-siding-fluted-siding .profile-image{height:320px}.reference-siding-fluted-siding .jump-links{gap:17px}.reference-siding-fluted-siding .swatches{gap:16px 12px}.reference-siding-fluted-siding .product-design{gap:45px}}@media (width<=800px){.reference-siding-fluted-siding .utility .wrap>span{display:none}.reference-siding-fluted-siding .utility .wrap{justify-content:flex-end}.reference-siding-fluted-siding .utility-links{gap:20px}.reference-siding-fluted-siding .header-inner{height:82px}.reference-siding-fluted-siding .logo{width:160px}.reference-siding-fluted-siding .menu-toggle{display:block}.reference-siding-fluted-siding .primary-nav{background:var(--foreground);flex-direction:column;align-items:stretch;gap:7px;padding:25px 5%;display:none;position:absolute;top:82px;left:0;right:0}.reference-siding-fluted-siding .primary-nav.open{display:flex}.reference-siding-fluted-siding .hero{min-height:650px}.reference-siding-fluted-siding .hero-content{padding-top:160px;padding-bottom:80px}.reference-siding-fluted-siding .hero h1{max-width:630px;font-size:4.7rem}.reference-siding-fluted-siding .hero:after{background:linear-gradient(90deg,var(--fencing-hero-overlay),var(--fencing-hero-overlay)),linear-gradient(0deg,var(--fencing-hero-overlay),transparent)}.reference-siding-fluted-siding .hero p:not(.eyebrow){font-size:1.05rem}.reference-siding-fluted-siding .hero-caption{display:none}.reference-siding-fluted-siding .page-nav .wrap{min-height:0;display:block}.reference-siding-fluted-siding .page-tabs{justify-content:space-between;gap:15px}.reference-siding-fluted-siding .page-tabs a{padding:17px 0;font-size:.85rem}.reference-siding-fluted-siding .jump-links{display:none}.reference-siding-fluted-siding .intro-grid{grid-template-columns:1fr;gap:15px}.reference-siding-fluted-siding .intro-grid .lead{padding-top:0}.reference-siding-fluted-siding .benefit-strip{grid-template-columns:1fr 1fr;gap:0;margin-top:40px}.reference-siding-fluted-siding .benefit{padding:25px 15px 20px 0}.reference-siding-fluted-siding .benefit:not(:first-child){padding-left:20px}.reference-siding-fluted-siding .benefit:nth-child(3){border-left:0;border-top:1px solid var(--border);padding-left:0}.reference-siding-fluted-siding .benefit:nth-child(4){border-top:1px solid var(--border)}.reference-siding-fluted-siding .section-head{flex-direction:column;align-items:start;gap:22px;margin-bottom:32px}.reference-siding-fluted-siding .section-head p{max-width:620px}.reference-siding-fluted-siding .profile-image{height:300px}.reference-siding-fluted-siding .profile-info h3{font-size:2rem}.reference-siding-fluted-siding .explorer-grid{grid-template-columns:1fr;gap:30px}.reference-siding-fluted-siding .explorer-photo{aspect-ratio:1.5}.reference-siding-fluted-siding .explorer-controls h3{font-size:2.5rem}.reference-siding-fluted-siding .finish-story{min-height:0}.reference-siding-fluted-siding .swatches{grid-template-columns:repeat(5,1fr);gap:22px}.reference-siding-fluted-siding .swatch-chip{height:60px}.reference-siding-fluted-siding .swatch-label{min-height:0;font-size:.82rem}.reference-siding-fluted-siding .gallery-grid{grid-template-columns:1fr 1fr}.reference-siding-fluted-siding .construction-grid,.reference-siding-fluted-siding .faq-grid,.reference-siding-fluted-siding .spec-grid,.reference-siding-fluted-siding .product-design{grid-template-columns:1fr;gap:40px}.reference-siding-fluted-siding .construction h2{max-width:600px}.reference-siding-fluted-siding .product-design img{aspect-ratio:1.5}.reference-siding-fluted-siding .faq-grid h2{max-width:580px}.reference-siding-fluted-siding .faq-grid .lead{max-width:500px}.reference-siding-fluted-siding .final-cta .wrap{flex-direction:column;align-items:flex-start;gap:32px}.reference-siding-fluted-siding .final-cta .actions{max-width:none}.reference-siding-fluted-siding .final-cta .btn{width:auto}.reference-siding-fluted-siding .footer-top{grid-template-columns:1.5fr 1fr;gap:42px}.reference-siding-fluted-siding .footer-bottom{flex-direction:column}.reference-siding-fluted-siding .lightbox-.reference-siding-fluted-siding{flex-direction:column;align-items:start;gap:18px}}@media (width<=520px){.reference-siding-fluted-siding{font-size:16px}.reference-siding-fluted-siding .wrap{width:89%}.reference-siding-fluted-siding .utility{height:30px}.reference-siding-fluted-siding .utility-links{gap:22px;font-size:.65rem}.reference-siding-fluted-siding .hero{min-height:690px}.reference-siding-fluted-siding .hero.product{min-height:650px}.reference-siding-fluted-siding .hero-content{padding-top:140px;padding-bottom:64px}.reference-siding-fluted-siding .hero h1{letter-spacing:0;font-size:3.25rem}.reference-siding-fluted-siding .hero .eyebrow{font-size:.72rem}.reference-siding-fluted-siding .hero .actions{flex-direction:column;align-items:stretch;max-width:270px}.reference-siding-fluted-siding .section{padding:62px 0}.reference-siding-fluted-siding .eyebrow{margin-bottom:16px}.reference-siding-fluted-siding h2{font-size:2.55rem}.reference-siding-fluted-siding .benefit strong{font-size:1.05rem}.reference-siding-fluted-siding .benefit p{font-size:.88rem}.reference-siding-fluted-siding .benefit:not(:first-child){padding-left:16px}.reference-siding-fluted-siding .benefit:nth-child(3){padding-left:0}.reference-siding-fluted-siding .profiles{grid-template-columns:1fr;gap:38px}.reference-siding-fluted-siding .profile-image{height:285px}.reference-siding-fluted-siding .profile-info{padding-top:22px}.reference-siding-fluted-siding .profile-info p{font-size:.98rem}.reference-siding-fluted-siding .explorer-photo{aspect-ratio:1.15}.reference-siding-fluted-siding .image-note{font-size:.7rem;bottom:12px;left:12px}.reference-siding-fluted-siding .photo-caption{flex-direction:column;gap:2px}.reference-siding-fluted-siding .swatches{grid-template-columns:repeat(3,1fr);gap:20px 12px}.reference-siding-fluted-siding .swatch-chip{height:49px}.reference-siding-fluted-siding .swatch-label{font-size:.82rem}.reference-siding-fluted-siding .sample-action{gap:17px}.reference-siding-fluted-siding .gallery-tools{align-items:flex-start}.reference-siding-fluted-siding .filter-buttons{gap:19px}.reference-siding-fluted-siding .filter-buttons button{font-size:.86rem}.reference-siding-fluted-siding .gallery-tools select{max-width:115px;padding-top:15px;font-size:.8rem}.reference-siding-fluted-siding .gallery-grid{grid-template-columns:1fr;gap:30px}.reference-siding-fluted-siding .gallery-card .gallery-img{aspect-ratio:1.4}.reference-siding-fluted-siding .gallery-bottom{flex-direction:column;align-items:start;gap:20px}.reference-siding-fluted-siding .spec-table>div{grid-template-columns:1fr 1.2fr;gap:20px;font-size:.9rem}.reference-siding-fluted-siding .construction-step{grid-template-columns:27px 1fr;gap:12px}.reference-siding-fluted-siding .faqs summary{font-size:1rem}.reference-siding-fluted-siding .crosslink{flex-direction:column;align-items:start;margin-top:45px}.reference-siding-fluted-siding .final-cta{padding:60px 0}.reference-siding-fluted-siding .final-cta .actions{flex-direction:column;width:100%;max-width:270px}.reference-siding-fluted-siding .footer-top{grid-template-columns:1fr 1fr;gap:35px 24px}.reference-siding-fluted-siding .footer-top>div:first-child,.reference-siding-fluted-siding .footer-top>div:last-child{grid-column:1/-1}.reference-siding-fluted-siding .footer-title{margin-bottom:16px}.reference-siding-fluted-siding #sample-dialog{padding:35px 25px}.reference-siding-fluted-siding .lightbox-.reference-siding-fluted-siding{padding:23px}.reference-siding-fluted-siding .page-tabs{gap:10px}.reference-siding-fluted-siding .page-tabs a{font-size:.79rem}.reference-siding-fluted-siding .segmented button{padding:10px 16px}}@media (prefers-reduced-motion:reduce){.reference-siding-fluted-siding{scroll-behavior:auto}.reference-siding-fluted-siding *{transition:none!important}}.reference-siding-fluted-siding .preview-switch{width:100%;margin-bottom:18px}.reference-siding-fluted-siding .preview-switch button{flex:1;min-height:46px}.reference-siding-fluted-siding .explorer-photo.board-preview{background:var(--card);border:1px solid var(--border)}.reference-siding-fluted-siding .explorer-photo.board-preview>img{object-fit:contain;width:100%;height:100%;padding:18px 20px 35px}.reference-siding-fluted-siding .board-colour-label{margin:25px 0 13px;font-size:.85rem;font-weight:600}.reference-siding-fluted-siding .swatches.board-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:21px 15px;margin:0 0 22px}.reference-siding-fluted-siding .board-options .swatch-chip{aspect-ratio:.84;background:var(--card);border:1px solid var(--border);height:auto;margin-bottom:10px;overflow:visible}.reference-siding-fluted-siding .board-options .swatch-chip img{object-fit:contain;width:100%;height:100%;transition:transform .25s}.reference-siding-fluted-siding .board-options .swatch:hover img{transform:scale(1.06)}.reference-siding-fluted-siding .board-options .swatch-label{min-height:1.25em;font-size:.85rem;line-height:1.25}.reference-siding-fluted-siding .board-options .swatch[aria-pressed=true] .swatch-chip{outline-offset:3px}.reference-siding-fluted-siding .additional-finish{color:currentColor;flex-wrap:wrap;align-items:center;gap:5px 10px;margin-top:8px;font-size:.8rem;display:flex}.reference-siding-fluted-siding .additional-finish button{color:var(--ink);background:0 0;padding:5px 0;font-size:.8rem}.reference-siding-fluted-siding .additional-finish button[aria-pressed=true]{color:var(--lime-ink);border-bottom-width:2px}.reference-siding-fluted-siding .board-unavailable{background:var(--card)}.reference-siding-fluted-siding .board-unavailable p{max-width:35ch}.reference-siding-fluted-siding .board-unavailable .eyebrow{margin-bottom:0}.reference-siding-fluted-siding .board-unavailable .btn{margin-top:12px}.reference-siding-fluted-siding .board-dialog-image{background:var(--card);justify-content:center;align-items:center;padding:35px 30px 15px;display:flex}.reference-siding-fluted-siding .board-dialog-image img{object-fit:contain;max-width:100%;height:62dvh;max-height:760px}.reference-siding-fluted-siding #board-dialog{max-width:min(900px,94vw)}.reference-siding-fluted-siding #board-dialog .lightbox-.reference-siding-fluted-siding{border-top:1px solid var(--border)}@media (width<=1100px){.reference-siding-fluted-siding .swatches.board-options{gap:20px 12px}.reference-siding-fluted-siding .board-options .swatch-label{font-size:.8rem}.reference-siding-fluted-siding .board-options .swatch-chip{aspect-ratio:.75}}@media (width<=800px){.reference-siding-fluted-siding .explorer-photo.board-preview{aspect-ratio:1.3}.reference-siding-fluted-siding .swatches.board-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px}.reference-siding-fluted-siding .board-options .swatch-chip{aspect-ratio:1}.reference-siding-fluted-siding .board-options .swatch-label{font-size:.88rem}.reference-siding-fluted-siding .preview-switch{margin-bottom:15px}}@media (width<=520px){.reference-siding-fluted-siding .explorer-photo.board-preview{aspect-ratio:1.04}.reference-siding-fluted-siding .explorer-photo.board-preview>img{padding:10px 14px 30px}.reference-siding-fluted-siding .swatches.board-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:21px 12px}.reference-siding-fluted-siding .board-options .swatch-chip{aspect-ratio:.65}.reference-siding-fluted-siding .board-options .swatch-label{min-height:2.5em;font-size:.82rem}.reference-siding-fluted-siding .preview-switch button{padding:12px 10px;font-size:.85rem}.reference-siding-fluted-siding .board-dialog-image{padding:45px 15px 15px}.reference-siding-fluted-siding .board-dialog-image img{height:52dvh}.reference-siding-fluted-siding .additional-finish{font-size:.8rem}}.reference-siding-fluted-siding .header .logo,.reference-siding-fluted-siding .footer .logo{mix-blend-mode:normal;object-fit:contain;width:240px;height:auto;max-height:none;display:block}.reference-siding-fluted-siding .header-inner>a:first-child{flex-shrink:0;display:block}@media (width<=1000px){.reference-siding-fluted-siding .header .logo{width:210px}}@media (width<=480px){.reference-siding-fluted-siding .header .logo{width:188px}.reference-siding-fluted-siding .footer .logo{width:220px}}.reference-siding-fluted-siding .advantages{position:relative}.reference-siding-fluted-siding .advantages .section-anchor{position:absolute;top:0;left:0}.reference-siding-fluted-siding .advantage-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:70px;display:grid}.reference-siding-fluted-siding .advantages .advantage-intro .eyebrow{letter-spacing:0;max-width:390px;font-size:.8rem;line-height:1.6}.reference-siding-fluted-siding .advantages h2{letter-spacing:0;max-width:530px;margin-bottom:25px;font-size:4.2rem;line-height:1.08}.reference-siding-fluted-siding .advantages h2 span{color:var(--accent)}.reference-siding-fluted-siding .advantages .lead{max-width:390px;margin-bottom:32px;line-height:1.65}.reference-siding-fluted-siding .advantage-intro>.btn{border-color:var(--secondary);color:var(--ink-foreground);min-height:48px}.reference-siding-fluted-siding .advantage-grid{gap:22px;display:grid}.reference-siding-fluted-siding .advantage-card{background:var(--background);color:var(--ink);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);min-width:0;min-height:235px;display:grid;overflow:hidden}.reference-siding-fluted-siding .advantage-image{background:var(--card);justify-content:center;align-items:center;min-width:0;padding:34px 14px 25px;display:flex;position:relative}.reference-siding-fluted-siding .advantage-number{color:var(--lime-ink);letter-spacing:0;font-size:.8rem;font-weight:600;position:absolute;top:18px;left:20px}.reference-siding-fluted-siding .advantage-drawing{width:100%;max-width:240px;height:auto;display:block;overflow:hidden}.reference-siding-fluted-siding .advantage-copy{flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;padding:31px 30px 29px 24px;display:flex}.reference-siding-fluted-siding .advantage-copy h3{letter-spacing:0;margin-bottom:13px;font-size:1.55rem;line-height:1.2}.reference-siding-fluted-siding .advantage-copy p{color:currentColor;margin-bottom:21px;font-size:1rem;line-height:1.65}.reference-siding-fluted-siding .advantage-result{border-top:2px solid var(--secondary);max-width:100%;color:var(--lime-ink);padding-top:13px;font-size:.875rem;font-weight:600;line-height:1.45;display:block}.reference-siding-fluted-siding .jump-links a{white-space:nowrap}@media (width<=1180px){.reference-siding-fluted-siding .page-nav .jump-links{display:none}.reference-siding-fluted-siding .advantage-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:42px}.reference-siding-fluted-siding .advantage-copy{padding:28px 24px 26px 20px}.reference-siding-fluted-siding .advantages h2{font-size:3.25rem}}@media (width<=1000px){.reference-siding-fluted-siding .advantage-layout{grid-template-columns:1fr;gap:38px}.reference-siding-fluted-siding .advantage-intro,.reference-siding-fluted-siding .advantages h2{max-width:600px}.reference-siding-fluted-siding .advantages .lead{max-width:570px}.reference-siding-fluted-siding .advantage-card{grid-template-columns:minmax(180px,.65fr) minmax(0,1.35fr);min-height:220px}.reference-siding-fluted-siding .advantage-copy{padding:30px}.reference-siding-fluted-siding .advantage-image{padding:35px 20px 25px}.reference-siding-fluted-siding .advantage-drawing{max-width:235px}}@media (width<=520px){.reference-siding-fluted-siding .advantages h2{font-size:2.75rem}.reference-siding-fluted-siding .advantages .advantage-intro .eyebrow{max-width:290px;font-size:.8rem}.reference-siding-fluted-siding .advantage-layout{gap:32px}.reference-siding-fluted-siding .advantage-grid{gap:22px}.reference-siding-fluted-siding .advantage-card{grid-template-columns:1fr}.reference-siding-fluted-siding .advantage-image{height:175px;padding:30px 45px 18px}.reference-siding-fluted-siding .advantage-drawing{width:auto;max-width:100%;height:100%}.reference-siding-fluted-siding .advantage-number{top:17px;left:24px}.reference-siding-fluted-siding .advantage-copy{padding:25px}.reference-siding-fluted-siding .advantage-copy h3{font-size:1.55rem}.reference-siding-fluted-siding .advantage-copy p{margin-bottom:19px}.reference-siding-fluted-siding .advantage-result{font-size:.875rem}.reference-siding-fluted-siding .advantage-intro>.btn{font-size:.8rem}}.reference-siding-fluted-siding .trims-section{border-top:1px solid var(--border);background:var(--background)}.reference-siding-fluted-siding .trim-section-meta{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.reference-siding-fluted-siding .trim-finish{color:currentColor;align-items:center;gap:10px;font-size:.88rem;display:inline-flex}.reference-siding-fluted-siding .trim-finish>span{background:var(--border);border:1px solid var(--fencing-overlay);width:24px;height:24px;display:block}.reference-siding-fluted-siding .trim-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.reference-siding-fluted-siding .trim-card{text-align:left;color:inherit;border:1px solid var(--border);background:0 0;flex-direction:column;padding:0;transition:border-color .2s;display:flex}.reference-siding-fluted-siding .trim-card:hover{border-color:var(--lime-ink)}.reference-siding-fluted-siding .trim-card-image{background:var(--card);aspect-ratio:1.35;width:100%;position:relative;overflow:hidden}.reference-siding-fluted-siding .trim-card-image img{object-fit:contain;width:100%;height:100%;transition:transform .4s}.reference-siding-fluted-siding .trim-card:hover img{transform:scale(1.035)}.reference-siding-fluted-siding .trim-card-number{color:currentColor;font-size:.75rem;position:absolute;top:14px;left:16px}.reference-siding-fluted-siding .trim-card-.reference-siding-fluted-siding{flex-direction:column;flex:1;align-items:flex-start;padding:22px 20px;display:flex}.reference-siding-fluted-siding .trim-card h3{letter-spacing:0;margin-bottom:8px;font-size:1.2rem;line-height:1.25}.reference-siding-fluted-siding .trim-card p{color:currentColor;margin-bottom:22px;font-size:.85rem}.reference-siding-fluted-siding .trim-view{border-bottom:1px solid;margin-top:auto;padding-bottom:3px;font-size:.82rem;font-weight:600;display:inline-block}.reference-siding-fluted-siding .trim-section-bottom{justify-content:space-between;align-items:center;gap:50px;margin-top:35px;display:flex}.reference-siding-fluted-siding .trim-section-bottom p{max-width:650px}.reference-siding-fluted-siding .trim-section-bottom .btn{flex-shrink:0}.reference-siding-fluted-siding #trim-dialog{max-width:min(1100px,94vw)}.reference-siding-fluted-siding .trim-dialog-grid{grid-template-columns:1.2fr 1fr;min-height:480px;display:grid}.reference-siding-fluted-siding .trim-dialog-image{background:var(--card);justify-content:center;align-items:center;min-width:0;padding:25px;display:flex}.reference-siding-fluted-siding .trim-dialog-image img{object-fit:contain;width:100%;max-height:65dvh}.reference-siding-fluted-siding .trim-dialog-.reference-siding-fluted-siding{flex-direction:column;align-items:flex-start;padding:62px 40px 45px;display:flex}.reference-siding-fluted-siding .trim-dialog-.reference-siding-fluted-siding h2{margin-bottom:24px;font-size:2.5rem}.reference-siding-fluted-siding .trim-dialog-.reference-siding-fluted-siding>.trim-finish{margin-bottom:25px}.reference-siding-fluted-siding .trim-dialog-.reference-siding-fluted-siding #trim-dialog-description{margin-bottom:22px;font-size:1.02rem}.reference-siding-fluted-siding .trim-dialog-.reference-siding-fluted-siding>.btn{margin-top:30px}.reference-siding-fluted-siding .trim-dialog-.reference-siding-fluted-siding>.eyebrow{margin-bottom:17px}@media (width<=1100px){.reference-siding-fluted-siding .trim-grid{gap:18px}.reference-siding-fluted-siding .trim-card-.reference-siding-fluted-siding{padding:20px 15px}.reference-siding-fluted-siding .trim-card h3{font-size:1.08rem}}@media (width<=950px){.reference-siding-fluted-siding .page-nav .jump-links{display:none}.reference-siding-fluted-siding .trim-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-siding-fluted-siding .trim-dialog-grid{grid-template-columns:1fr}.reference-siding-fluted-siding .trim-dialog-image{padding:10px 35px}.reference-siding-fluted-siding .trim-dialog-image img{height:38dvh}.reference-siding-fluted-siding .trim-dialog-.reference-siding-fluted-siding{padding:30px 35px 40px}.reference-siding-fluted-siding .trim-dialog-.reference-siding-fluted-siding h2{margin-bottom:20px}.reference-siding-fluted-siding .trim-section-bottom{gap:25px}}@media (width<=520px){.reference-siding-fluted-siding .trim-grid{gap:18px 12px}.reference-siding-fluted-siding .trim-card-.reference-siding-fluted-siding{padding:16px 13px}.reference-siding-fluted-siding .trim-card h3{font-size:1rem;line-height:1.3}.reference-siding-fluted-siding .trim-card p{margin-bottom:18px;font-size:.8rem}.reference-siding-fluted-siding .trim-card-image{aspect-ratio:1.05}.reference-siding-fluted-siding .trim-card-number{top:10px;left:10px}.reference-siding-fluted-siding .trim-card-image img{transform:scale(1.12)}.reference-siding-fluted-siding .trim-card:hover img{transform:scale(1.16)}.reference-siding-fluted-siding .trim-section-meta{align-items:flex-start;gap:20px}.reference-siding-fluted-siding .trim-section-meta>p{text-align:right;max-width:150px;font-size:.8rem}.reference-siding-fluted-siding .trim-section-bottom{flex-direction:column;align-items:flex-start;gap:23px}.reference-siding-fluted-siding .trim-dialog-.reference-siding-fluted-siding{padding:25px}.reference-siding-fluted-siding .trim-dialog-.reference-siding-fluted-siding h2{font-size:2.15rem}.reference-siding-fluted-siding .trim-dialog-image{padding:20px}.reference-siding-fluted-siding .trim-dialog-image img{height:31dvh}.reference-siding-fluted-siding .trim-dialog-.reference-siding-fluted-siding>.btn{width:100%}}.reference-siding-fluted-siding .material-story .intro-grid{grid-template-columns:1.25fr 1fr;align-items:center;gap:70px}.reference-siding-fluted-siding .material-story .intro-grid h2{max-width:690px;font-size:3.7rem;line-height:1.1}.reference-siding-fluted-siding .material-story .intro-grid h2 span{color:var(--lime-ink)}.reference-siding-fluted-siding .material-story .intro-grid .lead{max-width:440px;padding-top:22px}.reference-siding-fluted-siding .material-story .lead strong{font-weight:inherit;color:var(--ink)}.reference-siding-fluted-siding .material-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);align-items:stretch;gap:60px;margin-top:48px;display:grid}.reference-siding-fluted-siding .core-card{background:var(--secondary);border-top:3px solid var(--lime-ink);padding:34px 36px 30px}.reference-siding-fluted-siding .core-card .eyebrow{letter-spacing:0;margin-bottom:18px;font-size:.8rem}.reference-siding-fluted-siding .core-card h3{letter-spacing:0;font-size:1.95rem;line-height:1.15}.reference-siding-fluted-siding .core-composition{margin:25px 0 23px}.reference-siding-fluted-siding .core-composition>div{border-bottom:1px solid var(--secondary);grid-template-columns:96px minmax(0,1fr);align-items:center;gap:15px;padding:14px 0;display:grid}.reference-siding-fluted-siding .core-composition>div:first-child{border-top:1px solid var(--secondary)}.reference-siding-fluted-siding .core-composition dt{color:var(--foreground);grid-area:1/2;font-size:.95rem;line-height:1.45}.reference-siding-fluted-siding .core-composition dd{letter-spacing:0;color:var(--foreground);font-variant-numeric:tabular-nums;grid-area:1/1;margin:0;font-size:2.55rem;font-weight:500;line-height:1}.reference-siding-fluted-siding .core-composition dd span{letter-spacing:0;margin-left:3px;font-size:1.2rem}.reference-siding-fluted-siding .core-note{color:var(--foreground);font-size:1rem;line-height:1.6}.reference-siding-fluted-siding .material-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 42px;display:grid}.reference-siding-fluted-siding .material-benefit{border-bottom:1px solid var(--border);padding:12px 0 30px}.reference-siding-fluted-siding .material-benefit:nth-child(n+3){border-bottom:0;padding-top:28px;padding-bottom:4px}.reference-siding-fluted-siding .material-icon{width:42px;height:42px;color:var(--lime-ink);justify-content:center;align-items:center;margin-bottom:20px;display:flex}.reference-siding-fluted-siding .material-icon svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:34px;height:34px}.reference-siding-fluted-siding .material-benefit h3{letter-spacing:0;margin-bottom:13px;font-size:1.45rem;line-height:1.2}.reference-siding-fluted-siding .material-benefit p{color:currentColor;font-size:1rem;line-height:1.65}@media (width<=1100px){.reference-siding-fluted-siding .material-story .intro-grid{gap:40px}.reference-siding-fluted-siding .material-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:35px}.reference-siding-fluted-siding .core-card{padding:30px 26px}.reference-siding-fluted-siding .core-composition>div{grid-template-columns:80px minmax(0,1fr);gap:10px}.reference-siding-fluted-siding .material-benefits{gap:0 28px}.reference-siding-fluted-siding .material-benefit h3{font-size:1.3rem}}@media (width<=800px){.reference-siding-fluted-siding .material-story .intro-grid{grid-template-columns:1fr;gap:22px}.reference-siding-fluted-siding .material-story .intro-grid .lead{max-width:600px;padding-top:0}.reference-siding-fluted-siding .material-layout{grid-template-columns:1fr;gap:30px;margin-top:35px}.reference-siding-fluted-siding .core-card{padding:30px}.reference-siding-fluted-siding .core-composition{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:25px 0 20px;display:grid}.reference-siding-fluted-siding .core-composition>div{border-top:1px solid var(--secondary);flex-direction:column;align-items:flex-start;gap:12px;padding:18px 0;display:flex}.reference-siding-fluted-siding .core-composition dd{order:-1}.reference-siding-fluted-siding .core-composition dt{font-size:.95rem}.reference-siding-fluted-siding .core-note{max-width:550px}.reference-siding-fluted-siding .material-benefits{gap:0 35px}.reference-siding-fluted-siding .material-benefit{padding-top:15px}.reference-siding-fluted-siding .material-benefit h3{font-size:1.45rem}}@media (width<=520px){.reference-siding-fluted-siding .material-story .intro-grid h2{font-size:2.55rem}.reference-siding-fluted-siding .core-card{padding:27px 25px}.reference-siding-fluted-siding .core-card h3{font-size:1.85rem}.reference-siding-fluted-siding .core-composition{margin:23px 0 20px;display:block}.reference-siding-fluted-siding .core-composition>div{border-top:0;grid-template-columns:82px minmax(0,1fr);gap:14px;padding:15px 0;display:grid}.reference-siding-fluted-siding .core-composition dd{font-size:2.4rem}.reference-siding-fluted-siding .core-composition dt{font-size:1rem}.reference-siding-fluted-siding .material-benefits{grid-template-columns:1fr;gap:0}.reference-siding-fluted-siding .material-benefit,.reference-siding-fluted-siding .material-benefit:nth-child(n+3){border-bottom:1px solid var(--border);grid-template-columns:36px minmax(0,1fr);column-gap:18px;padding:25px 0;display:grid}.reference-siding-fluted-siding .material-benefit:last-child{border-bottom:0;padding-bottom:0}.reference-siding-fluted-siding .material-icon{grid-area:1/1;width:36px;height:32px;margin:0}.reference-siding-fluted-siding .material-icon svg{width:30px;height:30px}.reference-siding-fluted-siding .material-benefit h3{grid-area:1/2;margin:2px 0 12px;font-size:1.4rem}.reference-siding-fluted-siding .material-benefit p{grid-column:2;font-size:1rem}}.reference-siding-fluted-siding .buying-section{background:var(--secondary);border-top:1px solid var(--border)}.reference-siding-fluted-siding .buying-section .section-head{align-items:center}.reference-siding-fluted-siding .buying-section .section-head .lead{max-width:430px}.reference-siding-fluted-siding .buying-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.reference-siding-fluted-siding .buying-option{background:var(--background);border:1px solid var(--border);grid-template-columns:54px minmax(0,1fr);gap:24px;padding:36px;transition:border-color .2s,background .2s;display:grid}.reference-siding-fluted-siding .buying-option:hover{border-color:var(--lime-ink);background:var(--card)}.reference-siding-fluted-siding .buying-icon{color:var(--lime-ink);background:var(--secondary);justify-content:center;align-items:center;width:54px;height:54px;display:flex}.reference-siding-fluted-siding .buying-icon svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:38px;height:38px}.reference-siding-fluted-siding .buying-option h3{letter-spacing:0;margin:2px 0 14px;font-size:1.7rem;line-height:1.2}.reference-siding-fluted-siding .buying-option p{color:currentColor;max-width:370px;font-size:1rem;line-height:1.65}.reference-siding-fluted-siding .buying-link{border-top:1px solid var(--border);color:var(--lime-ink);justify-content:space-between;align-items:center;gap:20px;margin-top:27px;padding-top:18px;font-size:.95rem;font-weight:600;display:flex}.reference-siding-fluted-siding .buying-link>span{font-size:1.3rem;line-height:1}.reference-siding-fluted-siding .buying-help{justify-content:space-between;align-items:center;gap:35px;margin-top:32px;display:flex}.reference-siding-fluted-siding .buying-help h3{letter-spacing:0;margin-bottom:5px;font-size:1.15rem;line-height:1.35}.reference-siding-fluted-siding .buying-help p{color:currentColor;font-size:1rem}.reference-siding-fluted-siding .buying-help .btn{flex-shrink:0}.reference-siding-fluted-siding .professionals-section{background:var(--foreground);color:var(--background)}.reference-siding-fluted-siding .professionals-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:80px;display:grid}.reference-siding-fluted-siding .professionals-copy .eyebrow{color:var(--accent)}.reference-siding-fluted-siding .professionals-copy h2{max-width:530px;margin-bottom:24px}.reference-siding-fluted-siding .professionals-copy .lead{color:var(--ink-foreground);max-width:460px}.reference-siding-fluted-siding .professional-links{border-top:1px solid var(--fencing-overlay);margin-top:31px}.reference-siding-fluted-siding .professional-links>a{border-bottom:1px solid var(--fencing-overlay);justify-content:space-between;align-items:center;gap:20px;padding:23px 0;display:flex}.reference-siding-fluted-siding .professional-links h3{letter-spacing:0;margin-bottom:8px;font-size:1.35rem;line-height:1.25}.reference-siding-fluted-siding .professional-links p{color:var(--ink-foreground);max-width:380px;font-size:1rem;line-height:1.55}.reference-siding-fluted-siding .professional-links>a>span{color:var(--accent);flex-shrink:0;font-size:1.6rem;line-height:1}.reference-siding-fluted-siding .professional-links>a:hover h3{color:var(--accent)}.reference-siding-fluted-siding .professional-inspiration{border-bottom:1px solid var(--secondary);align-items:center;gap:20px;margin-top:25px;padding:7px 0;font-size:.95rem;font-weight:600;display:inline-flex}.reference-siding-fluted-siding .professional-inspiration>span{color:var(--accent)}.reference-siding-fluted-siding .professionals-image{min-width:0;position:relative}.reference-siding-fluted-siding .professionals-image>img{object-fit:cover;object-position:center;width:100%;height:510px}.reference-siding-fluted-siding .professionals-image figcaption{color:var(--ink-foreground);flex-wrap:wrap;justify-content:space-between;gap:5px 15px;margin-top:14px;font-size:.875rem;line-height:1.45;display:flex}.reference-siding-fluted-siding .professionals-image small{color:var(--ink-foreground);font-size:.8rem}@media (width<=1100px){.reference-siding-fluted-siding .buying-option{grid-template-columns:46px minmax(0,1fr);gap:20px;padding:30px}.reference-siding-fluted-siding .buying-icon{width:46px;height:46px}.reference-siding-fluted-siding .buying-icon svg{width:32px;height:32px}.reference-siding-fluted-siding .buying-option h3{font-size:1.5rem}.reference-siding-fluted-siding .professionals-layout{gap:45px}.reference-siding-fluted-siding .professionals-image>img{height:520px}}@media (width<=800px){.reference-siding-fluted-siding .buying-section .section-head{align-items:flex-start}.reference-siding-fluted-siding .buying-section .section-head .lead{max-width:600px}.reference-siding-fluted-siding .buying-options{grid-template-columns:1fr;gap:20px}.reference-siding-fluted-siding .buying-option{grid-template-columns:54px minmax(0,1fr);gap:25px}.reference-siding-fluted-siding .buying-option p{max-width:550px}.reference-siding-fluted-siding .buying-icon{width:54px;height:54px}.reference-siding-fluted-siding .buying-icon svg{width:38px;height:38px}.reference-siding-fluted-siding .buying-option h3{font-size:1.7rem}.reference-siding-fluted-siding .professionals-layout{grid-template-columns:1fr;gap:38px}.reference-siding-fluted-siding .professionals-copy h2{max-width:620px}.reference-siding-fluted-siding .professionals-copy .lead,.reference-siding-fluted-siding .professional-links p{max-width:600px}.reference-siding-fluted-siding .professionals-image>img{aspect-ratio:1.5;height:auto}.reference-siding-fluted-siding .professionals-image figcaption{margin-top:12px}}@media (width<=520px){.reference-siding-fluted-siding .buying-option{grid-template-columns:1fr;gap:21px;padding:26px}.reference-siding-fluted-siding .buying-option h3{font-size:1.55rem}.reference-siding-fluted-siding .buying-option p{font-size:1rem}.reference-siding-fluted-siding .buying-link{margin-top:23px;padding-top:17px}.reference-siding-fluted-siding .buying-help{flex-direction:column;align-items:flex-start;gap:22px;margin-top:28px}.reference-siding-fluted-siding .buying-help h3{font-size:1.1rem}.reference-siding-fluted-siding .buying-help p{font-size:1rem}.reference-siding-fluted-siding .professionals-copy h2{font-size:2.65rem}.reference-siding-fluted-siding .professional-links{margin-top:26px}.reference-siding-fluted-siding .professional-links>a{padding:22px 0}.reference-siding-fluted-siding .professional-links h3{font-size:1.3rem}.reference-siding-fluted-siding .professional-links p{font-size:1rem}.reference-siding-fluted-siding .professional-inspiration{font-size:.9rem}.reference-siding-fluted-siding .professionals-image>img{aspect-ratio:1.15}.reference-siding-fluted-siding .professionals-image figcaption{flex-direction:column;font-size:.875rem}}.reference-siding-fluted-siding .journal-section{background:var(--background)}.reference-siding-fluted-siding .journal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;display:grid}.reference-siding-fluted-siding .journal-card{color:var(--ink);text-align:left;background:0 0;flex-direction:column;min-width:0;padding:0;display:flex}.reference-siding-fluted-siding .journal-card-image{aspect-ratio:1.4;background:var(--secondary);width:100%;position:relative;overflow:hidden}.reference-siding-fluted-siding .journal-card-image>img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.reference-siding-fluted-siding .journal-card:hover .journal-card-image>img{transform:scale(1.035)}.reference-siding-fluted-siding .journal-image-note{background:var(--fencing-overlay);color:var(--foreground);padding:4px 8px;font-size:.75rem;line-height:1.35;position:absolute;bottom:12px;left:14px}.reference-siding-fluted-siding .journal-card-copy{flex-direction:column;flex:1;align-items:flex-start;width:100%;padding:25px 0 0;display:flex}.reference-siding-fluted-siding .journal-category{text-transform:uppercase;letter-spacing:0;color:var(--lime-ink);font-size:.8rem;font-weight:600;line-height:1.5}.reference-siding-fluted-siding .journal-card h3{letter-spacing:0;margin:12px 0 14px;font-size:1.65rem;line-height:1.18}.reference-siding-fluted-siding .journal-card p{color:currentColor;margin-bottom:24px;font-size:1rem;line-height:1.6}.reference-siding-fluted-siding .journal-read{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;width:100%;margin-top:auto;padding-top:17px;font-size:.9rem;font-weight:600;display:flex}.reference-siding-fluted-siding .journal-read>span{color:var(--lime-ink);font-size:1.35rem}.reference-siding-fluted-siding .journal-card:hover .journal-read{color:var(--lime-ink)}.reference-siding-fluted-siding #article-dialog{max-width:min(900px,94vw)}.reference-siding-fluted-siding .article-image{object-fit:cover;width:100%;height:310px;max-height:40dvh}.reference-siding-fluted-siding .article-.reference-siding-fluted-siding{padding:38px 55px 45px}.reference-siding-fluted-siding .article-.reference-siding-fluted-siding h2{max-width:680px;margin:12px 0 15px;font-size:3rem;line-height:1.13}.reference-siding-fluted-siding .article-image-caption{color:currentColor;margin-bottom:30px;font-size:.8rem}.reference-siding-fluted-siding .article-content{max-width:680px}.reference-siding-fluted-siding .article-content p{color:var(--foreground);margin-bottom:20px;font-size:1.05rem;line-height:1.8}.reference-siding-fluted-siding .article-content h3{letter-spacing:0;margin:27px 0 12px;font-size:1.4rem;line-height:1.3}.reference-siding-fluted-siding .article-.reference-siding-fluted-siding>.btn{margin-top:14px}.reference-siding-fluted-siding .newsletter-section{background:var(--foreground);color:var(--background);border-bottom:1px solid var(--fencing-overlay);padding:76px 0}.reference-siding-fluted-siding .newsletter-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:85px;display:grid}.reference-siding-fluted-siding .newsletter-section .eyebrow{color:var(--accent)}.reference-siding-fluted-siding .newsletter-section h2{margin-bottom:22px;font-size:3.4rem;line-height:1.1}.reference-siding-fluted-siding .newsletter-section .lead{color:var(--ink-foreground);max-width:430px}.reference-siding-fluted-siding .newsletter-email-label{margin-bottom:12px;font-size:1rem;font-weight:500;display:block}.reference-siding-fluted-siding .newsletter-entry{align-items:stretch;gap:0;display:flex}.reference-siding-fluted-siding .newsletter-entry input{border:1px solid var(--secondary);background:var(--card);width:100%;min-width:0;color:var(--ink);border-radius:0;min-height:56px;padding:16px 18px;font-size:1rem}.reference-siding-fluted-siding .newsletter-entry input::placeholder{color:var(--foreground)}.reference-siding-fluted-siding .newsletter-entry .btn{white-space:nowrap;flex-shrink:0;gap:14px;padding:16px 20px}.reference-siding-fluted-siding .newsletter-entry .btn>span{font-size:1.2rem;line-height:1}.reference-siding-fluted-siding .newsletter-consent{color:var(--ink-foreground);cursor:pointer;align-items:flex-start;gap:12px;margin-top:20px;font-size:.9rem;line-height:1.6;display:flex}.reference-siding-fluted-siding .newsletter-consent input{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0;margin:3px 0 0}.reference-siding-fluted-siding .newsletter-form input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.reference-siding-fluted-siding .newsletter-note{color:var(--ink-foreground);max-width:520px;margin-top:15px;font-size:.875rem;line-height:1.6}.reference-siding-fluted-siding .newsletter-status{color:var(--ink-foreground);border-left:3px solid var(--accent);background:var(--fencing-overlay);margin-top:20px;padding:16px 18px;font-size:.95rem;line-height:1.6}.reference-siding-fluted-siding .newsletter-status a{color:var(--accent);text-underline-offset:3px;margin-top:5px;text-decoration:underline;display:inline-block}@media (width<=1100px){.reference-siding-fluted-siding .journal-grid{gap:24px}.reference-siding-fluted-siding .journal-card h3{font-size:1.5rem}.reference-siding-fluted-siding .newsletter-layout{gap:48px}.reference-siding-fluted-siding .newsletter-entry .btn{gap:10px;padding:16px 15px;font-size:.8rem}}@media (width<=800px){.reference-siding-fluted-siding .journal-grid{grid-template-columns:1fr;gap:32px}.reference-siding-fluted-siding .journal-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;display:grid}.reference-siding-fluted-siding .journal-card-image{aspect-ratio:1.2;height:100%;min-height:245px}.reference-siding-fluted-siding .journal-card-copy{padding:0}.reference-siding-fluted-siding .journal-card h3{font-size:1.6rem}.reference-siding-fluted-siding .newsletter-layout{grid-template-columns:1fr;gap:32px}.reference-siding-fluted-siding .newsletter-section .lead{max-width:550px}.reference-siding-fluted-siding .newsletter-entry .btn{padding:16px 23px;font-size:.85rem}.reference-siding-fluted-siding .article-.reference-siding-fluted-siding{padding:32px 35px 40px}}@media (width<=520px){.reference-siding-fluted-siding .journal-grid{gap:36px}.reference-siding-fluted-siding .journal-card{gap:0;display:flex}.reference-siding-fluted-siding .journal-card-image{aspect-ratio:1.4;height:auto;min-height:0}.reference-siding-fluted-siding .journal-card-copy{padding-top:22px}.reference-siding-fluted-siding .journal-card h3{font-size:1.6rem}.reference-siding-fluted-siding .journal-card p{margin-bottom:20px}.reference-siding-fluted-siding .article-image{height:210px;max-height:30dvh}.reference-siding-fluted-siding .article-.reference-siding-fluted-siding{padding:28px 25px 32px}.reference-siding-fluted-siding .article-.reference-siding-fluted-siding h2{font-size:2rem}.reference-siding-fluted-siding .article-content p{font-size:1rem;line-height:1.75}.reference-siding-fluted-siding .article-content h3{font-size:1.3rem}.reference-siding-fluted-siding .newsletter-section{padding:60px 0}.reference-siding-fluted-siding .newsletter-section h2{font-size:2.6rem}.reference-siding-fluted-siding .newsletter-entry{flex-direction:column;gap:12px}.reference-siding-fluted-siding .newsletter-entry .btn{width:100%;min-height:52px}.reference-siding-fluted-siding .newsletter-consent{font-size:.9rem}.reference-siding-fluted-siding .newsletter-note{font-size:.875rem}}.reference-siding-fluted-siding .siding-download-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.reference-siding-fluted-siding .siding-download-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-siding-fluted-siding .siding-download-card{background:var(--secondary);border:1px solid var(--border);flex-direction:column;align-items:flex-start;min-width:0;padding:32px;display:flex}.reference-siding-fluted-siding .siding-download-type{letter-spacing:0;color:var(--lime-ink);margin-bottom:24px;font-size:.72rem;font-weight:700}.reference-siding-fluted-siding .siding-download-card h3{margin-bottom:18px;font-size:1.8rem;line-height:1.15}.reference-siding-fluted-siding .siding-download-card p{color:currentColor;margin-bottom:26px;font-size:.95rem}.reference-siding-fluted-siding .siding-download-meta{color:currentColor;margin-top:auto;margin-bottom:16px;font-size:.8rem}.reference-siding-fluted-siding .siding-download-card .btn{gap:18px}.reference-siding-fluted-siding .siding-spec-downloads{flex-direction:column;align-items:flex-start;gap:14px;margin-top:25px;display:flex}@media (width<=1100px) and (width>=801px){.reference-siding-fluted-siding .siding-page-nav .wrap{flex-wrap:wrap;gap:0}.reference-siding-fluted-siding .siding-page-nav .page-tabs,.reference-siding-fluted-siding .siding-page-nav .jump-links{justify-content:center;width:100%}.reference-siding-fluted-siding .siding-page-nav .jump-links{flex-wrap:wrap;padding:0 0 14px}.reference-siding-fluted-siding .siding-download-card{padding:25px}}@media (width<=800px){.reference-siding-fluted-siding .siding-download-grid,.reference-siding-fluted-siding .siding-download-grid-four{grid-template-columns:1fr}.reference-siding-fluted-siding .siding-download-card{padding:28px}.reference-siding-fluted-siding .siding-download-card h3{font-size:1.7rem}}.reference-siding-fluted-siding .section-head.split-section-heading{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:0 clamp(40px,6vw,88px);margin:0 0 44px;display:grid}.reference-siding-fluted-siding .section-head.split-section-heading>.eyebrow{letter-spacing:0;grid-area:1/1/auto/-1;max-width:none;margin:0 0 18px;padding:0;font-size:.75rem;font-weight:600;line-height:1.5}.reference-siding-fluted-siding .section-head.split-section-heading>:is(h1,.reference-siding-fluted-siding h2,.reference-siding-fluted-siding h3){letter-spacing:0;overflow-wrap:break-word;grid-area:2/1;max-width:100%;margin:0;font-size:3rem;font-weight:500;line-height:1.08}.reference-siding-fluted-siding .section-head.split-section-heading>p.lead{width:100%;max-width:52ch;font-family:var(--font-sans);font-synthesis:none;grid-area:2/2;align-self:start;margin:0;padding:0;font-size:16px;font-weight:300;line-height:1.65}.reference-siding-fluted-siding .split-section-heading+.material-layout,.reference-siding-fluted-siding .split-section-heading+.fence-intro-stats,.reference-siding-fluted-siding .split-section-heading+.fence-system-grid,.reference-siding-fluted-siding .split-section-heading+.product-design .feature-list{margin-top:0}.reference-siding-fluted-siding .advantages>.wrap>.advantage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.reference-siding-fluted-siding .professionals-section .split-section-heading .eyebrow{color:var(--accent)}.reference-siding-fluted-siding .professionals-section .split-section-heading .lead{color:var(--ink-foreground)}.reference-siding-fluted-siding .professionals-layout .professional-links{margin-top:0}.reference-siding-fluted-siding .newsletter-section .newsletter-layout{max-width:680px;margin-left:auto;display:block}.reference-siding-fluted-siding .final-cta .wrap,.reference-siding-fluted-siding .fence-newsletter .wrap{display:block}.reference-siding-fluted-siding .final-cta .actions{flex-wrap:wrap;max-width:none}.reference-siding-fluted-siding .final-cta .actions .btn{width:auto}.reference-siding-fluted-siding .section-followup{margin-top:24px}.reference-siding-fluted-siding .fence-slatted-family>.split-section-heading{grid-column:1/-1;margin-bottom:0}.reference-siding-fluted-siding .fence-slatted-family{row-gap:44px}.reference-siding-fluted-siding .fence-slatted-copy .fence-design-specs{margin-top:0}.reference-siding-fluted-siding .fence-comparison .split-section-heading>h3{font-size:2.4rem}@media (width<=1000px){.reference-siding-fluted-siding .advantages>.wrap>.advantage-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=800px){.reference-siding-fluted-siding .section-head.split-section-heading{grid-template-columns:minmax(0,1fr);margin-bottom:32px}.reference-siding-fluted-siding .section-head.split-section-heading>.eyebrow{grid-column:1;margin-bottom:14px}.reference-siding-fluted-siding .section-head.split-section-heading>:is(h1,.reference-siding-fluted-siding h2,.reference-siding-fluted-siding h3){font-size:2.25rem}.reference-siding-fluted-siding .section-head.split-section-heading>p.lead{grid-area:3/1;max-width:56ch;margin-top:20px}.reference-siding-fluted-siding .newsletter-section .newsletter-layout{max-width:none;margin-left:0}.reference-siding-fluted-siding .fence-slatted-family{row-gap:32px}}@media (width<=520px){.reference-siding-fluted-siding .section-head.split-section-heading>:is(h1,.reference-siding-fluted-siding h2,.reference-siding-fluted-siding h3){font-size:2rem}.reference-siding-fluted-siding .section-head.split-section-heading>.eyebrow{font-size:.7rem}.reference-siding-fluted-siding .final-cta .actions{align-items:flex-start;max-width:100%}}.reference-siding *{box-sizing:border-box}.reference-siding{scroll-behavior:smooth;background:var(--background);color:var(--ink);font-family:var(--font-sans);margin:0;scroll-padding-top:90px;font-size:16px;line-height:1.6}.reference-siding button,.reference-siding input,.reference-siding select,.reference-siding textarea{font:inherit}.reference-siding button,.reference-siding a,.reference-siding select{touch-action:manipulation}.reference-siding button{cursor:pointer}.reference-siding a{color:inherit;text-decoration:none}.reference-siding button:focus-visible,.reference-siding a:focus-visible,.reference-siding select:focus-visible,.reference-siding summary:focus-visible{outline:3px solid var(--border);outline-offset:5px}.reference-siding img{max-width:100%;display:block}.reference-siding h1,.reference-siding h2,.reference-siding h3,.reference-siding p,.reference-siding figure{margin:0}.reference-siding h1,.reference-siding h2,.reference-siding h3{letter-spacing:0;font-weight:500;line-height:1.06}.reference-siding h1{max-width:1000px;font-size:6rem}.reference-siding h2{font-size:3.7rem}.reference-siding h3{font-size:2rem}.reference-siding p{max-width:68ch}.reference-siding button{border:0}.reference-siding button:disabled{cursor:not-allowed;opacity:.4}.reference-siding .wrap{width:min(1280px,88%);margin:auto}.reference-siding .section{padding:100px 0}.reference-siding .eyebrow{letter-spacing:0;text-transform:uppercase;color:var(--lime-ink);margin-bottom:22px;font-size:.8rem;font-weight:700}.reference-siding .lead{font-family:var(--font-sans);font-synthesis:none;color:currentColor;font-size:16px;font-weight:300;line-height:1.65}.reference-siding .muted{color:currentColor}.reference-siding .small{font-size:.85rem;line-height:1.55}.reference-siding .btn{letter-spacing:0;background:var(--accent);min-height:48px;color:var(--foreground);border:1px solid var(--accent);text-transform:uppercase;justify-content:center;align-items:center;padding:14px 23px;font-size:.85rem;font-weight:700;line-height:1.2;transition:background .2s;display:inline-flex}.reference-siding .btn:hover{background:var(--secondary);border-color:var(--secondary)}.reference-siding .btn.outline{color:inherit;background:0 0;border-color:currentColor}.reference-siding .btn.outline:hover{background:var(--fencing-overlay)}.reference-siding .btn.dark{background:var(--ink);color:var(--card);border-color:var(--ink)}.reference-siding .actions{flex-wrap:wrap;gap:12px;display:flex}.reference-siding .text-link{border-bottom:1px solid;padding:7px 0;font-size:.88rem;font-weight:700;display:inline-block}.reference-siding .skip{position:absolute;left:-999px}.reference-siding .skip:focus{z-index:999;background:var(--card);padding:16px;top:20px;left:20px}.reference-siding .utility{background:var(--accent);letter-spacing:0;height:34px;font-size:.73rem;font-weight:700}.reference-siding .utility .wrap{justify-content:space-between;align-items:center;height:100%;display:flex}.reference-siding .utility-links{gap:28px;display:flex}.reference-siding .header{z-index:10;color:var(--card);border-bottom:0;position:absolute;left:0;right:0}.reference-siding .header-inner{justify-content:space-between;align-items:center;gap:35px;height:96px;display:flex}.reference-siding .logo{object-fit:contain;object-position:left;width:178px;height:auto;max-height:40px}.reference-siding .wordmark{letter-spacing:0;color:var(--card);font-size:1.85rem;font-weight:700;display:none}.reference-siding .wordmark span{color:var(--accent)}.reference-siding .primary-nav{align-items:center;gap:36px;font-size:.82rem;font-weight:600;display:flex}.reference-siding .primary-nav>a{padding:12px 0}.reference-siding .primary-nav>a.active{border-bottom:2px solid var(--accent)}.reference-siding .header .btn{background:var(--background);border-color:var(--background);color:var(--ink);font-size:.75rem}.reference-siding .menu-toggle{color:var(--card);background:0 0;min-height:44px;padding:10px;font-size:1rem;display:none}.reference-siding .hero{min-height:720px;color:var(--ink-foreground);background:var(--foreground);align-items:center;display:flex;position:relative;overflow:hidden}.reference-siding .hero-img{object-fit:cover;object-position:center 52%;width:100%;height:100%;position:absolute;inset:0}.reference-siding .hero:after{content:"";background:linear-gradient(90deg,var(--fencing-hero-overlay),var(--fencing-hero-overlay) 70%,var(--fencing-hero-overlay)),linear-gradient(0deg,var(--fencing-hero-overlay),transparent 65%);position:absolute;inset:0}.reference-siding .hero-content{z-index:1;padding-top:150px;padding-bottom:80px;position:relative}.reference-siding .hero .eyebrow{color:var(--accent)}.reference-siding .hero p:not(.eyebrow){max-width:620px;color:var(--ink-foreground);margin:25px 0 32px;font-size:1.13rem}.reference-siding .hero .hero-caption{z-index:1;letter-spacing:0;color:var(--ink-foreground);font-size:.75rem;position:absolute;bottom:28px;right:6%}.reference-siding .hero .breadcrumb{align-items:center;gap:14px;display:flex}.reference-siding .hero .breadcrumb span{color:var(--ink-foreground)}.reference-siding .hero.product{min-height:675px}.reference-siding .hero.product h1{max-width:750px}.reference-siding .hero.product .hero-img{object-position:50% 55%}.reference-siding .page-nav{z-index:20;background:var(--fencing-overlay);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0}.reference-siding .page-nav .wrap{justify-content:space-between;align-items:center;gap:24px;min-height:64px;display:flex}.reference-siding .page-tabs,.reference-siding .jump-links{align-items:center;gap:28px;font-size:.88rem;display:flex}.reference-siding .page-tabs a{white-space:nowrap;padding:20px 0}.reference-siding .page-tabs a[aria-current=page]{border-bottom:2px solid var(--lime-ink);font-weight:700}.reference-siding .jump-links{color:currentColor;gap:25px}.reference-siding .jump-links a:hover{color:var(--ink)}.reference-siding .intro-grid{grid-template-columns:1fr 1fr;align-items:start;gap:11%;display:grid}.reference-siding .intro-grid h2{max-width:560px}.reference-siding .intro-grid .lead{padding-top:37px}.reference-siding .benefit-strip{border-top:1px solid var(--border);grid-template-columns:repeat(4,1fr);margin-top:62px;display:grid}.reference-siding .benefit{padding:28px 32px 4px 0}.reference-siding .benefit:not(:first-child){border-left:1px solid var(--border);padding-left:30px}.reference-siding .benefit strong{margin:12px 0;font-size:1.15rem;font-weight:600;line-height:1.3;display:block}.reference-siding .benefit .symbol{color:var(--lime-ink);font-size:1.7rem;line-height:1}.reference-siding .benefit p{color:currentColor;font-size:.95rem}.reference-siding .tone{background:var(--secondary)}.reference-siding .section-head{justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:45px;display:flex}.reference-siding .section-head p{max-width:440px}.reference-siding .section-head .eyebrow{margin-bottom:18px}.reference-siding .profiles{grid-template-columns:1fr 1fr;gap:28px;display:grid}.reference-siding .profile-card{display:block}.reference-siding .profile-image{height:380px;position:relative;overflow:hidden}.reference-siding .profile-image img{object-fit:cover;width:100%;height:100%;transition:transform .7s}.reference-siding .profile-card:hover img{transform:scale(1.035)}.reference-siding .profile-image .number{background:var(--background);padding:5px 12px;font-size:.85rem;position:absolute;top:20px;left:20px}.reference-siding .profile-info{padding:28px 0 5px}.reference-siding .profile-info h3{margin-bottom:15px;font-size:2.4rem}.reference-siding .profile-info p{color:currentColor;max-width:480px;margin-bottom:15px}.reference-siding .tags{flex-wrap:wrap;gap:7px;margin:20px 0;display:flex}.reference-siding .tag{border:1px solid var(--border);padding:5px 10px;font-size:.77rem;line-height:1.3}.reference-siding .explorer-grid{grid-template-columns:minmax(0,1.4fr) minmax(350px,1fr);align-items:start;gap:56px;display:grid}.reference-siding .explorer-photo{background:var(--secondary);aspect-ratio:1.25;position:relative;overflow:hidden}.reference-siding .explorer-photo>img{object-fit:cover;width:100%;height:100%}.reference-siding .image-note{color:#000;background:#fff;padding:5px 10px;font-size:.75rem;position:absolute;bottom:20px;left:20px}.reference-siding .photo-expand{color:var(--ink);background:var(--card);min-height:42px;padding:8px 12px;font-size:.8rem;position:absolute;top:17px;right:17px}.reference-siding .photo-caption{justify-content:space-between;align-items:start;gap:12px;margin-top:16px;font-size:.9rem;display:flex}.reference-siding .photo-caption small{color:currentColor;font-size:.78rem}.reference-siding .explorer-controls{padding-top:1px}.reference-siding .segmented{border:1px solid var(--border);gap:0;width:fit-content;margin-bottom:28px;display:flex}.reference-siding .segmented button{color:currentColor;background:0 0;min-height:42px;padding:10px 20px;font-size:.88rem}.reference-siding .segmented button[aria-pressed=true]{background:var(--ink);color:var(--card)}.reference-siding .explorer-controls h3{font-size:2.6rem}.reference-siding .finish-story{color:currentColor;min-height:76px;margin-top:12px;font-size:1rem}.reference-siding .swatches{grid-template-columns:repeat(5,1fr);gap:18px 13px;margin:28px 0;display:grid}.reference-siding .swatch{text-align:left;color:var(--ink);background:0 0;padding:0}.reference-siding .swatch-chip{border:1px solid var(--fencing-overlay);width:100%;height:46px;margin-bottom:7px;display:block;position:relative}.reference-siding .swatch[aria-pressed=true] .swatch-chip{outline:2px solid var(--lime-ink);outline-offset:4px}.reference-siding .swatch[aria-pressed=true] .swatch-chip:after{content:"✓";background:var(--background);color:var(--lime-ink);text-align:center;border-radius:50%;width:20px;height:20px;font-size:14px;font-weight:700;line-height:20px;position:absolute;bottom:4px;right:5px}.reference-siding .swatch-label{min-height:28px;font-size:.77rem;line-height:1.15;display:block}.reference-siding .orientation{margin-top:25px}.reference-siding .orientation .small{margin-bottom:9px}.reference-siding .orientation .segmented{margin-bottom:12px}.reference-siding .sample-action{flex-wrap:wrap;align-items:center;gap:22px;margin-top:24px;display:flex}.reference-siding .colour-note{color:currentColor;margin-top:22px;font-size:.77rem}.reference-siding .no-preview{text-align:center;background:var(--secondary);flex-direction:column;justify-content:center;align-items:center;gap:15px;height:100%;padding:35px;display:flex}.reference-siding .colour-block{border:1px solid var(--fencing-overlay);width:140px;height:100px;display:block}.reference-siding .gallery-tools{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;margin:30px 0;display:flex}.reference-siding .filter-buttons{gap:24px;display:flex}.reference-siding .filter-buttons button{color:currentColor;background:0 0;border-bottom:2px solid #0000;padding:14px 0;font-size:.92rem}.reference-siding .filter-buttons button[aria-pressed=true]{border-color:var(--ink);color:var(--ink);font-weight:600}.reference-siding .gallery-tools select{color:var(--ink);background:0 0;border:0;max-width:180px;padding:9px 24px 9px 9px;font-size:.88rem}.reference-siding .gallery-grid{grid-template-columns:repeat(3,1fr);gap:40px 24px;display:grid}.reference-siding .gallery-card{text-align:left;color:inherit;background:0 0;padding:0}.reference-siding .gallery-card .gallery-img{aspect-ratio:1.35;overflow:hidden}.reference-siding .gallery-card img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.reference-siding .gallery-card:hover img{transform:scale(1.035)}.reference-siding .gallery-card h3{letter-spacing:0;margin:15px 0 6px;font-size:1.3rem;line-height:1.3}.reference-siding .gallery-card p{color:currentColor;font-size:.86rem}.reference-siding .gallery-bottom{justify-content:space-between;align-items:center;gap:30px;margin-top:38px;display:flex}.reference-siding .empty-gallery{color:currentColor;grid-column:1/-1;padding:50px 0}.reference-siding .construction{background:var(--foreground);color:var(--ink-foreground)}.reference-siding .construction .eyebrow{color:var(--accent)}.reference-siding .construction-grid{grid-template-columns:1fr 1fr;align-items:start;gap:85px;display:grid}.reference-siding .construction h2{max-width:450px;margin-bottom:25px}.reference-siding .construction .lead{color:var(--ink-foreground);max-width:455px}.reference-siding .construction-steps{border-top:1px solid var(--fencing-overlay)}.reference-siding .construction-step{border-bottom:1px solid var(--fencing-overlay);grid-template-columns:45px 1fr;gap:15px;padding:25px 0;display:grid}.reference-siding .construction-step>span{color:var(--accent);font-size:.85rem}.reference-siding .construction-step h3{letter-spacing:0;margin-bottom:10px;font-size:1.4rem}.reference-siding .construction-step p{color:var(--ink-foreground);font-size:.96rem}.reference-siding .construction .actions{margin-top:35px}.reference-siding .product-design{grid-template-columns:1.05fr 1fr;align-items:center;gap:75px;display:grid}.reference-siding .product-design img{aspect-ratio:1.12;object-fit:cover;width:100%}.reference-siding .product-design h2{margin-bottom:23px}.reference-siding .product-design p{margin-bottom:22px}.reference-siding .feature-list{border-top:1px solid var(--border);margin:30px 0 0;padding:0;list-style:none}.reference-siding .feature-list li{border-bottom:1px solid var(--border);gap:18px;padding:15px 0;font-size:.97rem;display:flex}.reference-siding .feature-list li>span{color:var(--lime-ink);padding-top:3px;font-size:.78rem}.reference-siding .spec-grid{grid-template-columns:.9fr 1.1fr;gap:100px;display:grid}.reference-siding .spec-grid h2{margin-bottom:24px}.reference-siding .spec-table{margin:0}.reference-siding .spec-table>div{border-top:1px solid var(--border);grid-template-columns:1fr 1.2fr;gap:25px;padding:18px 0;font-size:.97rem;display:grid}.reference-siding .spec-table dt{font-weight:600}.reference-siding .spec-table dd{color:currentColor;margin:0}.reference-siding .spec-table>div:last-child{border-bottom:1px solid var(--border)}.reference-siding .faq-grid{grid-template-columns:.85fr 1.15fr;gap:90px;display:grid}.reference-siding .faq-grid h2{max-width:380px;margin-bottom:25px}.reference-siding .faq-grid .lead{max-width:335px}.reference-siding .faqs details{border-top:1px solid var(--border)}.reference-siding .faqs details:last-child{border-bottom:1px solid var(--border)}.reference-siding .faqs summary{cursor:pointer;padding:23px 45px 23px 0;font-size:1.08rem;line-height:1.4;list-style:none;position:relative}.reference-siding .faqs summary::-webkit-details-marker{display:none}.reference-siding .faqs summary:after{content:"+";color:var(--lime-ink);font-size:1.6rem;font-weight:400;position:absolute;top:19px;right:4px}.reference-siding .faqs details[open] summary:after{content:"−"}.reference-siding .faqs details p{color:currentColor;padding:0 30px 25px 0;font-size:1rem;line-height:1.7}.reference-siding .crosslink{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:40px;margin-top:70px;padding:35px 0;display:flex}.reference-siding .crosslink h3{font-size:1.9rem}.reference-siding .final-cta{background:var(--accent);padding:75px 0}.reference-siding .final-cta .wrap{justify-content:space-between;align-items:center;gap:60px;display:flex}.reference-siding .final-cta h2{max-width:640px;font-size:3.6rem}.reference-siding .final-cta .eyebrow{color:var(--foreground)}.reference-siding .final-cta p{max-width:580px;color:var(--foreground);margin-top:20px}.reference-siding .final-cta .actions{flex-shrink:0;max-width:220px}.reference-siding .final-cta .btn{width:100%}.reference-siding .footer{background:var(--foreground);color:var(--ink-foreground);padding:65px 0 25px}.reference-siding .footer-top{grid-template-columns:repeat(4,minmax(0,1fr));gap:65px;display:grid}.reference-siding .footer .logo{width:175px}.reference-siding .footer p{color:var(--ink-foreground);max-width:330px;margin-top:22px;font-size:.9rem}.reference-siding .footer-title{letter-spacing:0;color:var(--accent);margin-bottom:20px;font-size:.76rem}.reference-siding .footer-links{flex-direction:column;gap:11px;font-size:.9rem;display:flex}.reference-siding .footer-bottom{border-top:1px solid var(--fencing-overlay);color:var(--foreground);justify-content:space-between;gap:20px;margin-top:50px;padding-top:25px;font-size:.76rem;display:flex}.reference-siding dialog{background:var(--background);color:var(--ink);width:100%;max-width:min(1050px,94vw);max-height:92dvh;box-shadow:0 20px 100px var(--fencing-overlay);border:0;padding:0;overflow:auto}.reference-siding dialog::backdrop{background:var(--fencing-overlay)}.reference-siding .dialog-close{z-index:2;background:var(--background);width:44px;height:44px;color:var(--ink);justify-content:center;align-items:center;font-size:1.6rem;display:flex;position:absolute;top:15px;right:15px}.reference-siding .lightbox-image{object-fit:contain;background:var(--foreground);width:100%;max-height:65dvh}.reference-siding .lightbox-.reference-siding{justify-content:space-between;align-items:center;gap:30px;padding:28px 35px;display:flex}.reference-siding .lightbox-.reference-siding h3{margin-bottom:8px;font-size:1.8rem}.reference-siding #sample-dialog{max-width:580px;padding:45px}.reference-siding #sample-dialog h2{margin-bottom:18px;font-size:2.7rem}.reference-siding #sample-dialog p{color:currentColor}.reference-siding .sample-fields{gap:20px;margin:26px 0;display:grid}.reference-siding .sample-fields label{font-size:.87rem;font-weight:600}.reference-siding .sample-fields select{border:1px solid var(--border);background:var(--card);border-radius:0;width:100%;margin-top:8px;padding:12px;display:block}.reference-siding .sample-summary{background:var(--secondary);margin:20px 0;padding:18px}.reference-siding .sample-summary strong{display:block}.reference-siding .sample-note{margin-top:18px;font-size:.83rem}.reference-siding .sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.reference-siding [hidden]{display:none!important}@media (width>=1700px){.reference-siding .hero{min-height:800px}}@media (width<=1100px){.reference-siding .wrap{width:90%}.reference-siding .primary-nav{gap:24px}.reference-siding .explorer-grid{grid-template-columns:1.15fr 1fr;gap:35px}.reference-siding .section{padding:80px 0}.reference-siding .construction-grid,.reference-siding .faq-grid,.reference-siding .spec-grid{gap:55px}.reference-siding .footer-top{gap:30px}.reference-siding .profile-image{height:320px}.reference-siding .jump-links{gap:17px}.reference-siding .swatches{gap:16px 12px}.reference-siding .product-design{gap:45px}}@media (width<=800px){.reference-siding .utility .wrap>span{display:none}.reference-siding .utility .wrap{justify-content:flex-end}.reference-siding .utility-links{gap:20px}.reference-siding .header-inner{height:82px}.reference-siding .logo{width:160px}.reference-siding .menu-toggle{display:block}.reference-siding .primary-nav{background:var(--foreground);flex-direction:column;align-items:stretch;gap:7px;padding:25px 5%;display:none;position:absolute;top:82px;left:0;right:0}.reference-siding .primary-nav.open{display:flex}.reference-siding .hero{min-height:650px}.reference-siding .hero-content{padding-top:160px;padding-bottom:80px}.reference-siding .hero h1{max-width:630px;font-size:4.7rem}.reference-siding .hero:after{background:linear-gradient(90deg,var(--fencing-hero-overlay),var(--fencing-hero-overlay)),linear-gradient(0deg,var(--fencing-hero-overlay),transparent)}.reference-siding .hero p:not(.eyebrow){font-size:1.05rem}.reference-siding .hero-caption{display:none}.reference-siding .page-nav .wrap{min-height:0;display:block}.reference-siding .page-tabs{justify-content:space-between;gap:15px}.reference-siding .page-tabs a{padding:17px 0;font-size:.85rem}.reference-siding .jump-links{display:none}.reference-siding .intro-grid{grid-template-columns:1fr;gap:15px}.reference-siding .intro-grid .lead{padding-top:0}.reference-siding .benefit-strip{grid-template-columns:1fr 1fr;gap:0;margin-top:40px}.reference-siding .benefit{padding:25px 15px 20px 0}.reference-siding .benefit:not(:first-child){padding-left:20px}.reference-siding .benefit:nth-child(3){border-left:0;border-top:1px solid var(--border);padding-left:0}.reference-siding .benefit:nth-child(4){border-top:1px solid var(--border)}.reference-siding .section-head{flex-direction:column;align-items:start;gap:22px;margin-bottom:32px}.reference-siding .section-head p{max-width:620px}.reference-siding .profile-image{height:300px}.reference-siding .profile-info h3{font-size:2rem}.reference-siding .explorer-grid{grid-template-columns:1fr;gap:30px}.reference-siding .explorer-photo{aspect-ratio:1.5}.reference-siding .explorer-controls h3{font-size:2.5rem}.reference-siding .finish-story{min-height:0}.reference-siding .swatches{grid-template-columns:repeat(5,1fr);gap:22px}.reference-siding .swatch-chip{height:60px}.reference-siding .swatch-label{min-height:0;font-size:.82rem}.reference-siding .gallery-grid{grid-template-columns:1fr 1fr}.reference-siding .construction-grid,.reference-siding .faq-grid,.reference-siding .spec-grid,.reference-siding .product-design{grid-template-columns:1fr;gap:40px}.reference-siding .construction h2{max-width:600px}.reference-siding .product-design img{aspect-ratio:1.5}.reference-siding .faq-grid h2{max-width:580px}.reference-siding .faq-grid .lead{max-width:500px}.reference-siding .final-cta .wrap{flex-direction:column;align-items:flex-start;gap:32px}.reference-siding .final-cta .actions{max-width:none}.reference-siding .final-cta .btn{width:auto}.reference-siding .footer-top{grid-template-columns:1.5fr 1fr;gap:42px}.reference-siding .footer-bottom{flex-direction:column}.reference-siding .lightbox-.reference-siding{flex-direction:column;align-items:start;gap:18px}}@media (width<=520px){.reference-siding{font-size:16px}.reference-siding .wrap{width:89%}.reference-siding .utility{height:30px}.reference-siding .utility-links{gap:22px;font-size:.65rem}.reference-siding .hero{min-height:690px}.reference-siding .hero.product{min-height:650px}.reference-siding .hero-content{padding-top:140px;padding-bottom:64px}.reference-siding .hero h1{letter-spacing:0;font-size:3.25rem}.reference-siding .hero .eyebrow{font-size:.72rem}.reference-siding .hero .actions{flex-direction:column;align-items:stretch;max-width:270px}.reference-siding .section{padding:62px 0}.reference-siding .eyebrow{margin-bottom:16px}.reference-siding h2{font-size:2.55rem}.reference-siding .benefit strong{font-size:1.05rem}.reference-siding .benefit p{font-size:.88rem}.reference-siding .benefit:not(:first-child){padding-left:16px}.reference-siding .benefit:nth-child(3){padding-left:0}.reference-siding .profiles{grid-template-columns:1fr;gap:38px}.reference-siding .profile-image{height:285px}.reference-siding .profile-info{padding-top:22px}.reference-siding .profile-info p{font-size:.98rem}.reference-siding .explorer-photo{aspect-ratio:1.15}.reference-siding .image-note{font-size:.7rem;bottom:12px;left:12px}.reference-siding .photo-caption{flex-direction:column;gap:2px}.reference-siding .swatches{grid-template-columns:repeat(3,1fr);gap:20px 12px}.reference-siding .swatch-chip{height:49px}.reference-siding .swatch-label{font-size:.82rem}.reference-siding .sample-action{gap:17px}.reference-siding .gallery-tools{align-items:flex-start}.reference-siding .filter-buttons{gap:19px}.reference-siding .filter-buttons button{font-size:.86rem}.reference-siding .gallery-tools select{max-width:115px;padding-top:15px;font-size:.8rem}.reference-siding .gallery-grid{grid-template-columns:1fr;gap:30px}.reference-siding .gallery-card .gallery-img{aspect-ratio:1.4}.reference-siding .gallery-bottom{flex-direction:column;align-items:start;gap:20px}.reference-siding .spec-table>div{grid-template-columns:1fr 1.2fr;gap:20px;font-size:.9rem}.reference-siding .construction-step{grid-template-columns:27px 1fr;gap:12px}.reference-siding .faqs summary{font-size:1rem}.reference-siding .crosslink{flex-direction:column;align-items:start;margin-top:45px}.reference-siding .final-cta{padding:60px 0}.reference-siding .final-cta .actions{flex-direction:column;width:100%;max-width:270px}.reference-siding .footer-top{grid-template-columns:1fr 1fr;gap:35px 24px}.reference-siding .footer-top>div:first-child,.reference-siding .footer-top>div:last-child{grid-column:1/-1}.reference-siding .footer-title{margin-bottom:16px}.reference-siding #sample-dialog{padding:35px 25px}.reference-siding .lightbox-.reference-siding{padding:23px}.reference-siding .page-tabs{gap:10px}.reference-siding .page-tabs a{font-size:.79rem}.reference-siding .segmented button{padding:10px 16px}}@media (prefers-reduced-motion:reduce){.reference-siding{scroll-behavior:auto}.reference-siding *{transition:none!important}}.reference-siding .preview-switch{width:100%;margin-bottom:18px}.reference-siding .preview-switch button{flex:1;min-height:46px}.reference-siding .explorer-photo.board-preview{background:var(--card);border:1px solid var(--border)}.reference-siding .explorer-photo.board-preview>img{object-fit:contain;width:100%;height:100%;padding:18px 20px 35px}.reference-siding .board-colour-label{margin:25px 0 13px;font-size:.85rem;font-weight:600}.reference-siding .swatches.board-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:21px 15px;margin:0 0 22px}.reference-siding .board-options .swatch-chip{aspect-ratio:.84;background:var(--card);border:1px solid var(--border);height:auto;margin-bottom:10px;overflow:visible}.reference-siding .board-options .swatch-chip img{object-fit:contain;width:100%;height:100%;transition:transform .25s}.reference-siding .board-options .swatch:hover img{transform:scale(1.06)}.reference-siding .board-options .swatch-label{min-height:1.25em;font-size:.85rem;line-height:1.25}.reference-siding .board-options .swatch[aria-pressed=true] .swatch-chip{outline-offset:3px}.reference-siding .additional-finish{color:currentColor;flex-wrap:wrap;align-items:center;gap:5px 10px;margin-top:8px;font-size:.8rem;display:flex}.reference-siding .additional-finish button{color:var(--ink);background:0 0;padding:5px 0;font-size:.8rem}.reference-siding .additional-finish button[aria-pressed=true]{color:var(--lime-ink);border-bottom-width:2px}.reference-siding .board-unavailable{background:var(--card)}.reference-siding .board-unavailable p{max-width:35ch}.reference-siding .board-unavailable .eyebrow{margin-bottom:0}.reference-siding .board-unavailable .btn{margin-top:12px}.reference-siding .board-dialog-image{background:var(--card);justify-content:center;align-items:center;padding:35px 30px 15px;display:flex}.reference-siding .board-dialog-image img{object-fit:contain;max-width:100%;height:62dvh;max-height:760px}.reference-siding #board-dialog{max-width:min(900px,94vw)}.reference-siding #board-dialog .lightbox-.reference-siding{border-top:1px solid var(--border)}@media (width<=1100px){.reference-siding .swatches.board-options{gap:20px 12px}.reference-siding .board-options .swatch-label{font-size:.8rem}.reference-siding .board-options .swatch-chip{aspect-ratio:.75}}@media (width<=800px){.reference-siding .explorer-photo.board-preview{aspect-ratio:1.3}.reference-siding .swatches.board-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px}.reference-siding .board-options .swatch-chip{aspect-ratio:1}.reference-siding .board-options .swatch-label{font-size:.88rem}.reference-siding .preview-switch{margin-bottom:15px}}@media (width<=520px){.reference-siding .explorer-photo.board-preview{aspect-ratio:1.04}.reference-siding .explorer-photo.board-preview>img{padding:10px 14px 30px}.reference-siding .swatches.board-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:21px 12px}.reference-siding .board-options .swatch-chip{aspect-ratio:.65}.reference-siding .board-options .swatch-label{min-height:2.5em;font-size:.82rem}.reference-siding .preview-switch button{padding:12px 10px;font-size:.85rem}.reference-siding .board-dialog-image{padding:45px 15px 15px}.reference-siding .board-dialog-image img{height:52dvh}.reference-siding .additional-finish{font-size:.8rem}}.reference-siding .header .logo,.reference-siding .footer .logo{mix-blend-mode:normal;object-fit:contain;width:240px;height:auto;max-height:none;display:block}.reference-siding .header-inner>a:first-child{flex-shrink:0;display:block}@media (width<=1000px){.reference-siding .header .logo{width:210px}}@media (width<=480px){.reference-siding .header .logo{width:188px}.reference-siding .footer .logo{width:220px}}.reference-siding .advantages{position:relative}.reference-siding .advantages .section-anchor{position:absolute;top:0;left:0}.reference-siding .advantage-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:70px;display:grid}.reference-siding .advantages .advantage-intro .eyebrow{letter-spacing:0;max-width:390px;font-size:.8rem;line-height:1.6}.reference-siding .advantages h2{letter-spacing:0;max-width:530px;margin-bottom:25px;font-size:4.2rem;line-height:1.08}.reference-siding .advantages h2 span{color:var(--accent)}.reference-siding .advantages .lead{max-width:390px;margin-bottom:32px;line-height:1.65}.reference-siding .advantage-intro>.btn{border-color:var(--secondary);color:var(--ink-foreground);min-height:48px}.reference-siding .advantage-grid{gap:22px;display:grid}.reference-siding .advantage-card{background:var(--background);color:var(--ink);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);min-width:0;min-height:235px;display:grid;overflow:hidden}.reference-siding .advantage-image{background:var(--card);justify-content:center;align-items:center;min-width:0;padding:34px 14px 25px;display:flex;position:relative}.reference-siding .advantage-number{color:var(--lime-ink);letter-spacing:0;font-size:.8rem;font-weight:600;position:absolute;top:18px;left:20px}.reference-siding .advantage-drawing{width:100%;max-width:240px;height:auto;display:block;overflow:hidden}.reference-siding .advantage-copy{flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;padding:31px 30px 29px 24px;display:flex}.reference-siding .advantage-copy h3{letter-spacing:0;margin-bottom:13px;font-size:1.55rem;line-height:1.2}.reference-siding .advantage-copy p{color:currentColor;margin-bottom:21px;font-size:1rem;line-height:1.65}.reference-siding .advantage-result{border-top:2px solid var(--secondary);max-width:100%;color:var(--lime-ink);padding-top:13px;font-size:.875rem;font-weight:600;line-height:1.45;display:block}.reference-siding .jump-links a{white-space:nowrap}@media (width<=1180px){.reference-siding .page-nav .jump-links{display:none}.reference-siding .advantage-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:42px}.reference-siding .advantage-copy{padding:28px 24px 26px 20px}.reference-siding .advantages h2{font-size:3.25rem}}@media (width<=1000px){.reference-siding .advantage-layout{grid-template-columns:1fr;gap:38px}.reference-siding .advantage-intro,.reference-siding .advantages h2{max-width:600px}.reference-siding .advantages .lead{max-width:570px}.reference-siding .advantage-card{grid-template-columns:minmax(180px,.65fr) minmax(0,1.35fr);min-height:220px}.reference-siding .advantage-copy{padding:30px}.reference-siding .advantage-image{padding:35px 20px 25px}.reference-siding .advantage-drawing{max-width:235px}}@media (width<=520px){.reference-siding .advantages h2{font-size:2.75rem}.reference-siding .advantages .advantage-intro .eyebrow{max-width:290px;font-size:.8rem}.reference-siding .advantage-layout{gap:32px}.reference-siding .advantage-grid{gap:22px}.reference-siding .advantage-card{grid-template-columns:1fr}.reference-siding .advantage-image{height:175px;padding:30px 45px 18px}.reference-siding .advantage-drawing{width:auto;max-width:100%;height:100%}.reference-siding .advantage-number{top:17px;left:24px}.reference-siding .advantage-copy{padding:25px}.reference-siding .advantage-copy h3{font-size:1.55rem}.reference-siding .advantage-copy p{margin-bottom:19px}.reference-siding .advantage-result{font-size:.875rem}.reference-siding .advantage-intro>.btn{font-size:.8rem}}.reference-siding .trims-section{border-top:1px solid var(--border);background:var(--background)}.reference-siding .trim-section-meta{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.reference-siding .trim-finish{color:currentColor;align-items:center;gap:10px;font-size:.88rem;display:inline-flex}.reference-siding .trim-finish>span{background:var(--border);border:1px solid var(--fencing-overlay);width:24px;height:24px;display:block}.reference-siding .trim-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.reference-siding .trim-card{text-align:left;color:inherit;border:1px solid var(--border);background:0 0;flex-direction:column;padding:0;transition:border-color .2s;display:flex}.reference-siding .trim-card:hover{border-color:var(--lime-ink)}.reference-siding .trim-card-image{background:var(--card);aspect-ratio:1.35;width:100%;position:relative;overflow:hidden}.reference-siding .trim-card-image img{object-fit:contain;width:100%;height:100%;transition:transform .4s}.reference-siding .trim-card:hover img{transform:scale(1.035)}.reference-siding .trim-card-number{color:currentColor;font-size:.75rem;position:absolute;top:14px;left:16px}.reference-siding .trim-card-.reference-siding{flex-direction:column;flex:1;align-items:flex-start;padding:22px 20px;display:flex}.reference-siding .trim-card h3{letter-spacing:0;margin-bottom:8px;font-size:1.2rem;line-height:1.25}.reference-siding .trim-card p{color:currentColor;margin-bottom:22px;font-size:.85rem}.reference-siding .trim-view{border-bottom:1px solid;margin-top:auto;padding-bottom:3px;font-size:.82rem;font-weight:600;display:inline-block}.reference-siding .trim-section-bottom{justify-content:space-between;align-items:center;gap:50px;margin-top:35px;display:flex}.reference-siding .trim-section-bottom p{max-width:650px}.reference-siding .trim-section-bottom .btn{flex-shrink:0}.reference-siding #trim-dialog{max-width:min(1100px,94vw)}.reference-siding .trim-dialog-grid{grid-template-columns:1.2fr 1fr;min-height:480px;display:grid}.reference-siding .trim-dialog-image{background:var(--card);justify-content:center;align-items:center;min-width:0;padding:25px;display:flex}.reference-siding .trim-dialog-image img{object-fit:contain;width:100%;max-height:65dvh}.reference-siding .trim-dialog-.reference-siding{flex-direction:column;align-items:flex-start;padding:62px 40px 45px;display:flex}.reference-siding .trim-dialog-.reference-siding h2{margin-bottom:24px;font-size:2.5rem}.reference-siding .trim-dialog-.reference-siding>.trim-finish{margin-bottom:25px}.reference-siding .trim-dialog-.reference-siding #trim-dialog-description{margin-bottom:22px;font-size:1.02rem}.reference-siding .trim-dialog-.reference-siding>.btn{margin-top:30px}.reference-siding .trim-dialog-.reference-siding>.eyebrow{margin-bottom:17px}@media (width<=1100px){.reference-siding .trim-grid{gap:18px}.reference-siding .trim-card-.reference-siding{padding:20px 15px}.reference-siding .trim-card h3{font-size:1.08rem}}@media (width<=950px){.reference-siding .page-nav .jump-links{display:none}.reference-siding .trim-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-siding .trim-dialog-grid{grid-template-columns:1fr}.reference-siding .trim-dialog-image{padding:10px 35px}.reference-siding .trim-dialog-image img{height:38dvh}.reference-siding .trim-dialog-.reference-siding{padding:30px 35px 40px}.reference-siding .trim-dialog-.reference-siding h2{margin-bottom:20px}.reference-siding .trim-section-bottom{gap:25px}}@media (width<=520px){.reference-siding .trim-grid{gap:18px 12px}.reference-siding .trim-card-.reference-siding{padding:16px 13px}.reference-siding .trim-card h3{font-size:1rem;line-height:1.3}.reference-siding .trim-card p{margin-bottom:18px;font-size:.8rem}.reference-siding .trim-card-image{aspect-ratio:1.05}.reference-siding .trim-card-number{top:10px;left:10px}.reference-siding .trim-card-image img{transform:scale(1.12)}.reference-siding .trim-card:hover img{transform:scale(1.16)}.reference-siding .trim-section-meta{align-items:flex-start;gap:20px}.reference-siding .trim-section-meta>p{text-align:right;max-width:150px;font-size:.8rem}.reference-siding .trim-section-bottom{flex-direction:column;align-items:flex-start;gap:23px}.reference-siding .trim-dialog-.reference-siding{padding:25px}.reference-siding .trim-dialog-.reference-siding h2{font-size:2.15rem}.reference-siding .trim-dialog-image{padding:20px}.reference-siding .trim-dialog-image img{height:31dvh}.reference-siding .trim-dialog-.reference-siding>.btn{width:100%}}.reference-siding .material-story .intro-grid{grid-template-columns:1.25fr 1fr;align-items:center;gap:70px}.reference-siding .material-story .intro-grid h2{max-width:690px;font-size:3.7rem;line-height:1.1}.reference-siding .material-story .intro-grid h2 span{color:var(--lime-ink)}.reference-siding .material-story .intro-grid .lead{max-width:440px;padding-top:22px}.reference-siding .material-story .lead strong{font-weight:inherit;color:var(--ink)}.reference-siding .material-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);align-items:stretch;gap:60px;margin-top:48px;display:grid}.reference-siding .core-card{background:var(--secondary);border-top:3px solid var(--lime-ink);padding:34px 36px 30px}.reference-siding .core-card .eyebrow{letter-spacing:0;margin-bottom:18px;font-size:.8rem}.reference-siding .core-card h3{letter-spacing:0;font-size:1.95rem;line-height:1.15}.reference-siding .core-composition{margin:25px 0 23px}.reference-siding .core-composition>div{border-bottom:1px solid var(--secondary);grid-template-columns:96px minmax(0,1fr);align-items:center;gap:15px;padding:14px 0;display:grid}.reference-siding .core-composition>div:first-child{border-top:1px solid var(--secondary)}.reference-siding .core-composition dt{color:var(--foreground);grid-area:1/2;font-size:.95rem;line-height:1.45}.reference-siding .core-composition dd{letter-spacing:0;color:var(--foreground);font-variant-numeric:tabular-nums;grid-area:1/1;margin:0;font-size:2.55rem;font-weight:500;line-height:1}.reference-siding .core-composition dd span{letter-spacing:0;margin-left:3px;font-size:1.2rem}.reference-siding .core-note{color:var(--foreground);font-size:1rem;line-height:1.6}.reference-siding .material-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 42px;display:grid}.reference-siding .material-benefit{border-bottom:1px solid var(--border);padding:12px 0 30px}.reference-siding .material-benefit:nth-child(n+3){border-bottom:0;padding-top:28px;padding-bottom:4px}.reference-siding .material-icon{width:42px;height:42px;color:var(--lime-ink);justify-content:center;align-items:center;margin-bottom:20px;display:flex}.reference-siding .material-icon svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:34px;height:34px}.reference-siding .material-benefit h3{letter-spacing:0;margin-bottom:13px;font-size:1.45rem;line-height:1.2}.reference-siding .material-benefit p{color:currentColor;font-size:1rem;line-height:1.65}@media (width<=1100px){.reference-siding .material-story .intro-grid{gap:40px}.reference-siding .material-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:35px}.reference-siding .core-card{padding:30px 26px}.reference-siding .core-composition>div{grid-template-columns:80px minmax(0,1fr);gap:10px}.reference-siding .material-benefits{gap:0 28px}.reference-siding .material-benefit h3{font-size:1.3rem}}@media (width<=800px){.reference-siding .material-story .intro-grid{grid-template-columns:1fr;gap:22px}.reference-siding .material-story .intro-grid .lead{max-width:600px;padding-top:0}.reference-siding .material-layout{grid-template-columns:1fr;gap:30px;margin-top:35px}.reference-siding .core-card{padding:30px}.reference-siding .core-composition{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:25px 0 20px;display:grid}.reference-siding .core-composition>div{border-top:1px solid var(--secondary);flex-direction:column;align-items:flex-start;gap:12px;padding:18px 0;display:flex}.reference-siding .core-composition dd{order:-1}.reference-siding .core-composition dt{font-size:.95rem}.reference-siding .core-note{max-width:550px}.reference-siding .material-benefits{gap:0 35px}.reference-siding .material-benefit{padding-top:15px}.reference-siding .material-benefit h3{font-size:1.45rem}}@media (width<=520px){.reference-siding .material-story .intro-grid h2{font-size:2.55rem}.reference-siding .core-card{padding:27px 25px}.reference-siding .core-card h3{font-size:1.85rem}.reference-siding .core-composition{margin:23px 0 20px;display:block}.reference-siding .core-composition>div{border-top:0;grid-template-columns:82px minmax(0,1fr);gap:14px;padding:15px 0;display:grid}.reference-siding .core-composition dd{font-size:2.4rem}.reference-siding .core-composition dt{font-size:1rem}.reference-siding .material-benefits{grid-template-columns:1fr;gap:0}.reference-siding .material-benefit,.reference-siding .material-benefit:nth-child(n+3){border-bottom:1px solid var(--border);grid-template-columns:36px minmax(0,1fr);column-gap:18px;padding:25px 0;display:grid}.reference-siding .material-benefit:last-child{border-bottom:0;padding-bottom:0}.reference-siding .material-icon{grid-area:1/1;width:36px;height:32px;margin:0}.reference-siding .material-icon svg{width:30px;height:30px}.reference-siding .material-benefit h3{grid-area:1/2;margin:2px 0 12px;font-size:1.4rem}.reference-siding .material-benefit p{grid-column:2;font-size:1rem}}.reference-siding .buying-section{background:var(--secondary);border-top:1px solid var(--border)}.reference-siding .buying-section .section-head{align-items:center}.reference-siding .buying-section .section-head .lead{max-width:430px}.reference-siding .buying-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.reference-siding .buying-option{background:var(--background);border:1px solid var(--border);grid-template-columns:54px minmax(0,1fr);gap:24px;padding:36px;transition:border-color .2s,background .2s;display:grid}.reference-siding .buying-option:hover{border-color:var(--lime-ink);background:var(--card)}.reference-siding .buying-icon{color:var(--lime-ink);background:var(--secondary);justify-content:center;align-items:center;width:54px;height:54px;display:flex}.reference-siding .buying-icon svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:38px;height:38px}.reference-siding .buying-option h3{letter-spacing:0;margin:2px 0 14px;font-size:1.7rem;line-height:1.2}.reference-siding .buying-option p{color:currentColor;max-width:370px;font-size:1rem;line-height:1.65}.reference-siding .buying-link{border-top:1px solid var(--border);color:var(--lime-ink);justify-content:space-between;align-items:center;gap:20px;margin-top:27px;padding-top:18px;font-size:.95rem;font-weight:600;display:flex}.reference-siding .buying-link>span{font-size:1.3rem;line-height:1}.reference-siding .buying-help{justify-content:space-between;align-items:center;gap:35px;margin-top:32px;display:flex}.reference-siding .buying-help h3{letter-spacing:0;margin-bottom:5px;font-size:1.15rem;line-height:1.35}.reference-siding .buying-help p{color:currentColor;font-size:1rem}.reference-siding .buying-help .btn{flex-shrink:0}.reference-siding .professionals-section{background:var(--deep-green);color:var(--background)}.reference-siding .professionals-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:80px;display:grid}.reference-siding .professionals-copy .eyebrow{color:var(--accent)}.reference-siding .professionals-copy h2{max-width:530px;margin-bottom:24px}.reference-siding .professionals-copy .lead{color:var(--ink-foreground);max-width:460px}.reference-siding .professional-links{border-top:1px solid var(--fencing-overlay);margin-top:31px}.reference-siding .professional-links>a{border-bottom:1px solid var(--fencing-overlay);justify-content:space-between;align-items:center;gap:20px;padding:23px 0;display:flex}.reference-siding .professional-links h3{letter-spacing:0;margin-bottom:8px;font-size:1.35rem;line-height:1.25}.reference-siding .professional-links p{color:var(--ink-foreground);max-width:380px;font-size:1rem;line-height:1.55}.reference-siding .professional-links>a>span{color:var(--accent);flex-shrink:0;font-size:1.6rem;line-height:1}.reference-siding .professional-links>a:hover h3{color:var(--accent)}.reference-siding .professional-inspiration{border-bottom:1px solid var(--secondary);align-items:center;gap:20px;margin-top:25px;padding:7px 0;font-size:.95rem;font-weight:600;display:inline-flex}.reference-siding .professional-inspiration>span{color:var(--accent)}.reference-siding .professionals-image{min-width:0;position:relative}.reference-siding .professionals-image>img{object-fit:cover;object-position:center;width:100%;height:510px}.reference-siding .professionals-image figcaption{color:var(--ink-foreground);flex-wrap:wrap;justify-content:space-between;gap:5px 15px;margin-top:14px;font-size:.875rem;line-height:1.45;display:flex}.reference-siding .professionals-image small{color:var(--ink-foreground);font-size:.8rem}@media (width<=1100px){.reference-siding .buying-option{grid-template-columns:46px minmax(0,1fr);gap:20px;padding:30px}.reference-siding .buying-icon{width:46px;height:46px}.reference-siding .buying-icon svg{width:32px;height:32px}.reference-siding .buying-option h3{font-size:1.5rem}.reference-siding .professionals-layout{gap:45px}.reference-siding .professionals-image>img{height:520px}}@media (width<=800px){.reference-siding .buying-section .section-head{align-items:flex-start}.reference-siding .buying-section .section-head .lead{max-width:600px}.reference-siding .buying-options{grid-template-columns:1fr;gap:20px}.reference-siding .buying-option{grid-template-columns:54px minmax(0,1fr);gap:25px}.reference-siding .buying-option p{max-width:550px}.reference-siding .buying-icon{width:54px;height:54px}.reference-siding .buying-icon svg{width:38px;height:38px}.reference-siding .buying-option h3{font-size:1.7rem}.reference-siding .professionals-layout{grid-template-columns:1fr;gap:38px}.reference-siding .professionals-copy h2{max-width:620px}.reference-siding .professionals-copy .lead,.reference-siding .professional-links p{max-width:600px}.reference-siding .professionals-image>img{aspect-ratio:1.5;height:auto}.reference-siding .professionals-image figcaption{margin-top:12px}}@media (width<=520px){.reference-siding .buying-option{grid-template-columns:1fr;gap:21px;padding:26px}.reference-siding .buying-option h3{font-size:1.55rem}.reference-siding .buying-option p{font-size:1rem}.reference-siding .buying-link{margin-top:23px;padding-top:17px}.reference-siding .buying-help{flex-direction:column;align-items:flex-start;gap:22px;margin-top:28px}.reference-siding .buying-help h3{font-size:1.1rem}.reference-siding .buying-help p{font-size:1rem}.reference-siding .professionals-copy h2{font-size:2.65rem}.reference-siding .professional-links{margin-top:26px}.reference-siding .professional-links>a{padding:22px 0}.reference-siding .professional-links h3{font-size:1.3rem}.reference-siding .professional-links p{font-size:1rem}.reference-siding .professional-inspiration{font-size:.9rem}.reference-siding .professionals-image>img{aspect-ratio:1.15}.reference-siding .professionals-image figcaption{flex-direction:column;font-size:.875rem}}.reference-siding .journal-section{background:var(--background)}.reference-siding .journal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;display:grid}.reference-siding .journal-card{color:var(--ink);text-align:left;background:0 0;flex-direction:column;min-width:0;padding:0;display:flex}.reference-siding .journal-card-image{aspect-ratio:1.4;background:var(--secondary);width:100%;position:relative;overflow:hidden}.reference-siding .journal-card-image>img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.reference-siding .journal-card:hover .journal-card-image>img{transform:scale(1.035)}.reference-siding .journal-image-note{background:var(--fencing-overlay);color:var(--foreground);padding:4px 8px;font-size:.75rem;line-height:1.35;position:absolute;bottom:12px;left:14px}.reference-siding .journal-card-copy{flex-direction:column;flex:1;align-items:flex-start;width:100%;padding:25px 0 0;display:flex}.reference-siding .journal-category{text-transform:uppercase;letter-spacing:0;color:var(--lime-ink);font-size:.8rem;font-weight:600;line-height:1.5}.reference-siding .journal-card h3{letter-spacing:0;margin:12px 0 14px;font-size:1.65rem;line-height:1.18}.reference-siding .journal-card p{color:currentColor;margin-bottom:24px;font-size:1rem;line-height:1.6}.reference-siding .journal-read{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;width:100%;margin-top:auto;padding-top:17px;font-size:.9rem;font-weight:600;display:flex}.reference-siding .journal-read>span{color:var(--lime-ink);font-size:1.35rem}.reference-siding .journal-card:hover .journal-read{color:var(--lime-ink)}.reference-siding #article-dialog{max-width:min(900px,94vw)}.reference-siding .article-image{object-fit:cover;width:100%;height:310px;max-height:40dvh}.reference-siding .article-.reference-siding{padding:38px 55px 45px}.reference-siding .article-.reference-siding h2{max-width:680px;margin:12px 0 15px;font-size:3rem;line-height:1.13}.reference-siding .article-image-caption{color:currentColor;margin-bottom:30px;font-size:.8rem}.reference-siding .article-content{max-width:680px}.reference-siding .article-content p{color:var(--foreground);margin-bottom:20px;font-size:1.05rem;line-height:1.8}.reference-siding .article-content h3{letter-spacing:0;margin:27px 0 12px;font-size:1.4rem;line-height:1.3}.reference-siding .article-.reference-siding>.btn{margin-top:14px}.reference-siding .newsletter-section{background:var(--foreground);color:var(--background);border-bottom:1px solid var(--fencing-overlay);padding:76px 0}.reference-siding .newsletter-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:85px;display:grid}.reference-siding .newsletter-section .eyebrow{color:var(--accent)}.reference-siding .newsletter-section h2{margin-bottom:22px;font-size:3.4rem;line-height:1.1}.reference-siding .newsletter-section .lead{color:var(--ink-foreground);max-width:430px}.reference-siding .newsletter-email-label{margin-bottom:12px;font-size:1rem;font-weight:500;display:block}.reference-siding .newsletter-entry{align-items:stretch;gap:0;display:flex}.reference-siding .newsletter-entry input{border:1px solid var(--secondary);background:var(--card);width:100%;min-width:0;color:var(--ink);border-radius:0;min-height:56px;padding:16px 18px;font-size:1rem}.reference-siding .newsletter-entry input::placeholder{color:var(--foreground)}.reference-siding .newsletter-entry .btn{white-space:nowrap;flex-shrink:0;gap:14px;padding:16px 20px}.reference-siding .newsletter-entry .btn>span{font-size:1.2rem;line-height:1}.reference-siding .newsletter-consent{color:var(--ink-foreground);cursor:pointer;align-items:flex-start;gap:12px;margin-top:20px;font-size:.9rem;line-height:1.6;display:flex}.reference-siding .newsletter-consent input{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0;margin:3px 0 0}.reference-siding .newsletter-form input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.reference-siding .newsletter-note{color:var(--ink-foreground);max-width:520px;margin-top:15px;font-size:.875rem;line-height:1.6}.reference-siding .newsletter-status{color:var(--ink-foreground);border-left:3px solid var(--accent);background:var(--fencing-overlay);margin-top:20px;padding:16px 18px;font-size:.95rem;line-height:1.6}.reference-siding .newsletter-status a{color:var(--accent);text-underline-offset:3px;margin-top:5px;text-decoration:underline;display:inline-block}@media (width<=1100px){.reference-siding .journal-grid{gap:24px}.reference-siding .journal-card h3{font-size:1.5rem}.reference-siding .newsletter-layout{gap:48px}.reference-siding .newsletter-entry .btn{gap:10px;padding:16px 15px;font-size:.8rem}}@media (width<=800px){.reference-siding .journal-grid{grid-template-columns:1fr;gap:32px}.reference-siding .journal-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;display:grid}.reference-siding .journal-card-image{aspect-ratio:1.2;height:100%;min-height:245px}.reference-siding .journal-card-copy{padding:0}.reference-siding .journal-card h3{font-size:1.6rem}.reference-siding .newsletter-layout{grid-template-columns:1fr;gap:32px}.reference-siding .newsletter-section .lead{max-width:550px}.reference-siding .newsletter-entry .btn{padding:16px 23px;font-size:.85rem}.reference-siding .article-.reference-siding{padding:32px 35px 40px}}@media (width<=520px){.reference-siding .journal-grid{gap:36px}.reference-siding .journal-card{gap:0;display:flex}.reference-siding .journal-card-image{aspect-ratio:1.4;height:auto;min-height:0}.reference-siding .journal-card-copy{padding-top:22px}.reference-siding .journal-card h3{font-size:1.6rem}.reference-siding .journal-card p{margin-bottom:20px}.reference-siding .article-image{height:210px;max-height:30dvh}.reference-siding .article-.reference-siding{padding:28px 25px 32px}.reference-siding .article-.reference-siding h2{font-size:2rem}.reference-siding .article-content p{font-size:1rem;line-height:1.75}.reference-siding .article-content h3{font-size:1.3rem}.reference-siding .newsletter-section{padding:60px 0}.reference-siding .newsletter-section h2{font-size:2.6rem}.reference-siding .newsletter-entry{flex-direction:column;gap:12px}.reference-siding .newsletter-entry .btn{width:100%;min-height:52px}.reference-siding .newsletter-consent{font-size:.9rem}.reference-siding .newsletter-note{font-size:.875rem}}.reference-siding .siding-download-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.reference-siding .siding-download-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-siding .siding-download-card{background:var(--secondary);border:1px solid var(--border);flex-direction:column;align-items:flex-start;min-width:0;padding:32px;display:flex}.reference-siding .siding-download-type{letter-spacing:0;color:var(--lime-ink);margin-bottom:24px;font-size:.72rem;font-weight:700}.reference-siding .siding-download-card h3{margin-bottom:18px;font-size:1.8rem;line-height:1.15}.reference-siding .siding-download-card p{color:currentColor;margin-bottom:26px;font-size:.95rem}.reference-siding .siding-download-meta{color:currentColor;margin-top:auto;margin-bottom:16px;font-size:.8rem}.reference-siding .siding-download-card .btn{gap:18px}.reference-siding .siding-spec-downloads{flex-direction:column;align-items:flex-start;gap:14px;margin-top:25px;display:flex}@media (width<=1100px) and (width>=801px){.reference-siding .siding-page-nav .wrap{flex-wrap:wrap;gap:0}.reference-siding .siding-page-nav .page-tabs,.reference-siding .siding-page-nav .jump-links{justify-content:center;width:100%}.reference-siding .siding-page-nav .jump-links{flex-wrap:wrap;padding:0 0 14px}.reference-siding .siding-download-card{padding:25px}}@media (width<=800px){.reference-siding .siding-download-grid,.reference-siding .siding-download-grid-four{grid-template-columns:1fr}.reference-siding .siding-download-card{padding:28px}.reference-siding .siding-download-card h3{font-size:1.7rem}}.reference-siding .section-head.split-section-heading{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:0 clamp(40px,6vw,88px);margin:0 0 44px;display:grid}.reference-siding .section-head.split-section-heading>.eyebrow{letter-spacing:0;grid-area:1/1/auto/-1;max-width:none;margin:0 0 18px;padding:0;font-size:.75rem;font-weight:600;line-height:1.5}.reference-siding .section-head.split-section-heading>:is(h1,.reference-siding h2,.reference-siding h3){letter-spacing:0;overflow-wrap:break-word;grid-area:2/1;max-width:100%;margin:0;font-size:3rem;font-weight:500;line-height:1.08}.reference-siding .section-head.split-section-heading>p.lead{width:100%;max-width:52ch;font-family:var(--font-sans);font-synthesis:none;grid-area:2/2;align-self:start;margin:0;padding:0;font-size:16px;font-weight:300;line-height:1.65}.reference-siding .split-section-heading+.material-layout,.reference-siding .split-section-heading+.fence-intro-stats,.reference-siding .split-section-heading+.fence-system-grid,.reference-siding .split-section-heading+.product-design .feature-list{margin-top:0}.reference-siding .advantages>.wrap>.advantage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.reference-siding .professionals-section .split-section-heading .eyebrow{color:var(--accent)}.reference-siding .professionals-section .split-section-heading .lead{color:var(--ink-foreground)}.reference-siding .professionals-layout .professional-links{margin-top:0}.reference-siding .newsletter-section .newsletter-layout{max-width:680px;margin-left:auto;display:block}.reference-siding .final-cta .wrap,.reference-siding .fence-newsletter .wrap{display:block}.reference-siding .final-cta .actions{flex-wrap:wrap;max-width:none}.reference-siding .final-cta .actions .btn{width:auto}.reference-siding .section-followup{margin-top:24px}.reference-siding .fence-slatted-family>.split-section-heading{grid-column:1/-1;margin-bottom:0}.reference-siding .fence-slatted-family{row-gap:44px}.reference-siding .fence-slatted-copy .fence-design-specs{margin-top:0}.reference-siding .fence-comparison .split-section-heading>h3{font-size:2.4rem}@media (width<=1000px){.reference-siding .advantages>.wrap>.advantage-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=800px){.reference-siding .section-head.split-section-heading{grid-template-columns:minmax(0,1fr);margin-bottom:32px}.reference-siding .section-head.split-section-heading>.eyebrow{grid-column:1;margin-bottom:14px}.reference-siding .section-head.split-section-heading>:is(h1,.reference-siding h2,.reference-siding h3){font-size:2.25rem}.reference-siding .section-head.split-section-heading>p.lead{grid-area:3/1;max-width:56ch;margin-top:20px}.reference-siding .newsletter-section .newsletter-layout{max-width:none;margin-left:0}.reference-siding .fence-slatted-family{row-gap:32px}}@media (width<=520px){.reference-siding .section-head.split-section-heading>:is(h1,.reference-siding h2,.reference-siding h3){font-size:2rem}.reference-siding .section-head.split-section-heading>.eyebrow{font-size:.7rem}.reference-siding .final-cta .actions{align-items:flex-start;max-width:100%}}.reference-siding-panel-siding *{box-sizing:border-box}.reference-siding-panel-siding{scroll-behavior:smooth;background:var(--background);color:var(--ink);font-family:var(--font-sans);margin:0;scroll-padding-top:90px;font-size:16px;line-height:1.6}.reference-siding-panel-siding button,.reference-siding-panel-siding input,.reference-siding-panel-siding select,.reference-siding-panel-siding textarea{font:inherit}.reference-siding-panel-siding button,.reference-siding-panel-siding a,.reference-siding-panel-siding select{touch-action:manipulation}.reference-siding-panel-siding button{cursor:pointer}.reference-siding-panel-siding a{color:inherit;text-decoration:none}.reference-siding-panel-siding button:focus-visible,.reference-siding-panel-siding a:focus-visible,.reference-siding-panel-siding select:focus-visible,.reference-siding-panel-siding summary:focus-visible{outline:3px solid var(--border);outline-offset:5px}.reference-siding-panel-siding img{max-width:100%;display:block}.reference-siding-panel-siding h1,.reference-siding-panel-siding h2,.reference-siding-panel-siding h3,.reference-siding-panel-siding p,.reference-siding-panel-siding figure{margin:0}.reference-siding-panel-siding h1,.reference-siding-panel-siding h2,.reference-siding-panel-siding h3{letter-spacing:0;font-weight:500;line-height:1.06}.reference-siding-panel-siding h1{max-width:1000px;font-size:6rem}.reference-siding-panel-siding h2{font-size:3.7rem}.reference-siding-panel-siding h3{font-size:2rem}.reference-siding-panel-siding p{max-width:68ch}.reference-siding-panel-siding button{border:0}.reference-siding-panel-siding button:disabled{cursor:not-allowed;opacity:.4}.reference-siding-panel-siding .wrap{width:min(1280px,88%);margin:auto}.reference-siding-panel-siding .section{padding:100px 0}.reference-siding-panel-siding .eyebrow{letter-spacing:0;text-transform:uppercase;color:var(--lime-ink);margin-bottom:22px;font-size:.8rem;font-weight:700}.reference-siding-panel-siding .lead{font-family:var(--font-sans);font-synthesis:none;color:currentColor;font-size:16px;font-weight:300;line-height:1.65}.reference-siding-panel-siding .muted{color:currentColor}.reference-siding-panel-siding .small{font-size:.85rem;line-height:1.55}.reference-siding-panel-siding .btn{letter-spacing:0;background:var(--accent);min-height:48px;color:var(--foreground);border:1px solid var(--accent);text-transform:uppercase;justify-content:center;align-items:center;padding:14px 23px;font-size:.85rem;font-weight:700;line-height:1.2;transition:background .2s;display:inline-flex}.reference-siding-panel-siding .btn:hover{background:var(--secondary);border-color:var(--secondary)}.reference-siding-panel-siding .btn.outline{color:inherit;background:0 0;border-color:currentColor}.reference-siding-panel-siding .btn.outline:hover{background:var(--fencing-overlay)}.reference-siding-panel-siding .btn.dark{background:var(--ink);color:var(--card);border-color:var(--ink)}.reference-siding-panel-siding .actions{flex-wrap:wrap;gap:12px;display:flex}.reference-siding-panel-siding .text-link{border-bottom:1px solid;padding:7px 0;font-size:.88rem;font-weight:700;display:inline-block}.reference-siding-panel-siding .skip{position:absolute;left:-999px}.reference-siding-panel-siding .skip:focus{z-index:999;background:var(--card);padding:16px;top:20px;left:20px}.reference-siding-panel-siding .utility{background:var(--accent);letter-spacing:0;height:34px;font-size:.73rem;font-weight:700}.reference-siding-panel-siding .utility .wrap{justify-content:space-between;align-items:center;height:100%;display:flex}.reference-siding-panel-siding .utility-links{gap:28px;display:flex}.reference-siding-panel-siding .header{z-index:10;color:var(--card);border-bottom:0;position:absolute;left:0;right:0}.reference-siding-panel-siding .header-inner{justify-content:space-between;align-items:center;gap:35px;height:96px;display:flex}.reference-siding-panel-siding .logo{object-fit:contain;object-position:left;width:178px;height:auto;max-height:40px}.reference-siding-panel-siding .wordmark{letter-spacing:0;color:var(--card);font-size:1.85rem;font-weight:700;display:none}.reference-siding-panel-siding .wordmark span{color:var(--accent)}.reference-siding-panel-siding .primary-nav{align-items:center;gap:36px;font-size:.82rem;font-weight:600;display:flex}.reference-siding-panel-siding .primary-nav>a{padding:12px 0}.reference-siding-panel-siding .primary-nav>a.active{border-bottom:2px solid var(--accent)}.reference-siding-panel-siding .header .btn{background:var(--background);border-color:var(--background);color:var(--ink);font-size:.75rem}.reference-siding-panel-siding .menu-toggle{color:var(--card);background:0 0;min-height:44px;padding:10px;font-size:1rem;display:none}.reference-siding-panel-siding .hero{min-height:720px;color:var(--ink-foreground);background:var(--foreground);align-items:center;display:flex;position:relative;overflow:hidden}.reference-siding-panel-siding .hero-img{object-fit:cover;object-position:center 52%;width:100%;height:100%;position:absolute;inset:0}.reference-siding-panel-siding .hero:after{content:"";background:linear-gradient(90deg,var(--fencing-hero-overlay),var(--fencing-hero-overlay) 70%,var(--fencing-hero-overlay)),linear-gradient(0deg,var(--fencing-hero-overlay),transparent 65%);position:absolute;inset:0}.reference-siding-panel-siding .hero-content{z-index:1;padding-top:150px;padding-bottom:80px;position:relative}.reference-siding-panel-siding .hero .eyebrow{color:var(--accent)}.reference-siding-panel-siding .hero p:not(.eyebrow){max-width:620px;color:var(--ink-foreground);margin:25px 0 32px;font-size:1.13rem}.reference-siding-panel-siding .hero .hero-caption{z-index:1;letter-spacing:0;color:var(--ink-foreground);font-size:.75rem;position:absolute;bottom:28px;right:6%}.reference-siding-panel-siding .hero .breadcrumb{align-items:center;gap:14px;display:flex}.reference-siding-panel-siding .hero .breadcrumb span{color:var(--ink-foreground)}.reference-siding-panel-siding .hero.product{min-height:675px}.reference-siding-panel-siding .hero.product h1{max-width:750px}.reference-siding-panel-siding .hero.product .hero-img{object-position:50% 55%}.reference-siding-panel-siding .page-nav{z-index:20;background:var(--fencing-overlay);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0}.reference-siding-panel-siding .page-nav .wrap{justify-content:space-between;align-items:center;gap:24px;min-height:64px;display:flex}.reference-siding-panel-siding .page-tabs,.reference-siding-panel-siding .jump-links{align-items:center;gap:28px;font-size:.88rem;display:flex}.reference-siding-panel-siding .page-tabs a{white-space:nowrap;padding:20px 0}.reference-siding-panel-siding .page-tabs a[aria-current=page]{border-bottom:2px solid var(--lime-ink);font-weight:700}.reference-siding-panel-siding .jump-links{color:currentColor;gap:25px}.reference-siding-panel-siding .jump-links a:hover{color:var(--ink)}.reference-siding-panel-siding .intro-grid{grid-template-columns:1fr 1fr;align-items:start;gap:11%;display:grid}.reference-siding-panel-siding .intro-grid h2{max-width:560px}.reference-siding-panel-siding .intro-grid .lead{padding-top:37px}.reference-siding-panel-siding .benefit-strip{border-top:1px solid var(--border);grid-template-columns:repeat(4,1fr);margin-top:62px;display:grid}.reference-siding-panel-siding .benefit{padding:28px 32px 4px 0}.reference-siding-panel-siding .benefit:not(:first-child){border-left:1px solid var(--border);padding-left:30px}.reference-siding-panel-siding .benefit strong{margin:12px 0;font-size:1.15rem;font-weight:600;line-height:1.3;display:block}.reference-siding-panel-siding .benefit .symbol{color:var(--lime-ink);font-size:1.7rem;line-height:1}.reference-siding-panel-siding .benefit p{color:currentColor;font-size:.95rem}.reference-siding-panel-siding .tone{background:var(--secondary)}.reference-siding-panel-siding .section-head{justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:45px;display:flex}.reference-siding-panel-siding .section-head p{max-width:440px}.reference-siding-panel-siding .section-head .eyebrow{margin-bottom:18px}.reference-siding-panel-siding .profiles{grid-template-columns:1fr 1fr;gap:28px;display:grid}.reference-siding-panel-siding .profile-card{display:block}.reference-siding-panel-siding .profile-image{height:380px;position:relative;overflow:hidden}.reference-siding-panel-siding .profile-image img{object-fit:cover;width:100%;height:100%;transition:transform .7s}.reference-siding-panel-siding .profile-card:hover img{transform:scale(1.035)}.reference-siding-panel-siding .profile-image .number{background:var(--background);padding:5px 12px;font-size:.85rem;position:absolute;top:20px;left:20px}.reference-siding-panel-siding .profile-info{padding:28px 0 5px}.reference-siding-panel-siding .profile-info h3{margin-bottom:15px;font-size:2.4rem}.reference-siding-panel-siding .profile-info p{color:currentColor;max-width:480px;margin-bottom:15px}.reference-siding-panel-siding .tags{flex-wrap:wrap;gap:7px;margin:20px 0;display:flex}.reference-siding-panel-siding .tag{border:1px solid var(--border);padding:5px 10px;font-size:.77rem;line-height:1.3}.reference-siding-panel-siding .explorer-grid{grid-template-columns:minmax(0,1.4fr) minmax(350px,1fr);align-items:start;gap:56px;display:grid}.reference-siding-panel-siding .explorer-photo{background:var(--secondary);aspect-ratio:1.25;position:relative;overflow:hidden}.reference-siding-panel-siding .explorer-photo>img{object-fit:cover;width:100%;height:100%}.reference-siding-panel-siding .image-note{color:#000;background:#fff;padding:5px 10px;font-size:.75rem;position:absolute;bottom:20px;left:20px}.reference-siding-panel-siding .photo-expand{color:var(--ink);background:var(--card);min-height:42px;padding:8px 12px;font-size:.8rem;position:absolute;top:17px;right:17px}.reference-siding-panel-siding .photo-caption{justify-content:space-between;align-items:start;gap:12px;margin-top:16px;font-size:.9rem;display:flex}.reference-siding-panel-siding .photo-caption small{color:currentColor;font-size:.78rem}.reference-siding-panel-siding .explorer-controls{padding-top:1px}.reference-siding-panel-siding .segmented{border:1px solid var(--border);gap:0;width:fit-content;margin-bottom:28px;display:flex}.reference-siding-panel-siding .segmented button{color:currentColor;background:0 0;min-height:42px;padding:10px 20px;font-size:.88rem}.reference-siding-panel-siding .segmented button[aria-pressed=true]{background:var(--ink);color:var(--card)}.reference-siding-panel-siding .explorer-controls h3{font-size:2.6rem}.reference-siding-panel-siding .finish-story{color:currentColor;min-height:76px;margin-top:12px;font-size:1rem}.reference-siding-panel-siding .swatches{grid-template-columns:repeat(5,1fr);gap:18px 13px;margin:28px 0;display:grid}.reference-siding-panel-siding .swatch{text-align:left;color:var(--ink);background:0 0;padding:0}.reference-siding-panel-siding .swatch-chip{border:1px solid var(--fencing-overlay);width:100%;height:46px;margin-bottom:7px;display:block;position:relative}.reference-siding-panel-siding .swatch[aria-pressed=true] .swatch-chip{outline:2px solid var(--lime-ink);outline-offset:4px}.reference-siding-panel-siding .swatch[aria-pressed=true] .swatch-chip:after{content:"✓";background:var(--background);color:var(--lime-ink);text-align:center;border-radius:50%;width:20px;height:20px;font-size:14px;font-weight:700;line-height:20px;position:absolute;bottom:4px;right:5px}.reference-siding-panel-siding .swatch-label{min-height:28px;font-size:.77rem;line-height:1.15;display:block}.reference-siding-panel-siding .orientation{margin-top:25px}.reference-siding-panel-siding .orientation .small{margin-bottom:9px}.reference-siding-panel-siding .orientation .segmented{margin-bottom:12px}.reference-siding-panel-siding .sample-action{flex-wrap:wrap;align-items:center;gap:22px;margin-top:24px;display:flex}.reference-siding-panel-siding .colour-note{color:currentColor;margin-top:22px;font-size:.77rem}.reference-siding-panel-siding .no-preview{text-align:center;background:var(--secondary);flex-direction:column;justify-content:center;align-items:center;gap:15px;height:100%;padding:35px;display:flex}.reference-siding-panel-siding .colour-block{border:1px solid var(--fencing-overlay);width:140px;height:100px;display:block}.reference-siding-panel-siding .gallery-tools{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;margin:30px 0;display:flex}.reference-siding-panel-siding .filter-buttons{gap:24px;display:flex}.reference-siding-panel-siding .filter-buttons button{color:currentColor;background:0 0;border-bottom:2px solid #0000;padding:14px 0;font-size:.92rem}.reference-siding-panel-siding .filter-buttons button[aria-pressed=true]{border-color:var(--ink);color:var(--ink);font-weight:600}.reference-siding-panel-siding .gallery-tools select{color:var(--ink);background:0 0;border:0;max-width:180px;padding:9px 24px 9px 9px;font-size:.88rem}.reference-siding-panel-siding .gallery-grid{grid-template-columns:repeat(3,1fr);gap:40px 24px;display:grid}.reference-siding-panel-siding .gallery-card{text-align:left;color:inherit;background:0 0;padding:0}.reference-siding-panel-siding .gallery-card .gallery-img{aspect-ratio:1.35;overflow:hidden}.reference-siding-panel-siding .gallery-card img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.reference-siding-panel-siding .gallery-card:hover img{transform:scale(1.035)}.reference-siding-panel-siding .gallery-card h3{letter-spacing:0;margin:15px 0 6px;font-size:1.3rem;line-height:1.3}.reference-siding-panel-siding .gallery-card p{color:currentColor;font-size:.86rem}.reference-siding-panel-siding .gallery-bottom{justify-content:space-between;align-items:center;gap:30px;margin-top:38px;display:flex}.reference-siding-panel-siding .empty-gallery{color:currentColor;grid-column:1/-1;padding:50px 0}.reference-siding-panel-siding .construction{background:var(--foreground);color:var(--ink-foreground)}.reference-siding-panel-siding .construction .eyebrow{color:var(--accent)}.reference-siding-panel-siding .construction-grid{grid-template-columns:1fr 1fr;align-items:start;gap:85px;display:grid}.reference-siding-panel-siding .construction h2{max-width:450px;margin-bottom:25px}.reference-siding-panel-siding .construction .lead{color:var(--ink-foreground);max-width:455px}.reference-siding-panel-siding .construction-steps{border-top:1px solid var(--fencing-overlay)}.reference-siding-panel-siding .construction-step{border-bottom:1px solid var(--fencing-overlay);grid-template-columns:45px 1fr;gap:15px;padding:25px 0;display:grid}.reference-siding-panel-siding .construction-step>span{color:var(--accent);font-size:.85rem}.reference-siding-panel-siding .construction-step h3{letter-spacing:0;margin-bottom:10px;font-size:1.4rem}.reference-siding-panel-siding .construction-step p{color:var(--ink-foreground);font-size:.96rem}.reference-siding-panel-siding .construction .actions{margin-top:35px}.reference-siding-panel-siding .product-design{grid-template-columns:1.05fr 1fr;align-items:center;gap:75px;display:grid}.reference-siding-panel-siding .product-design img{aspect-ratio:1.12;object-fit:cover;width:100%}.reference-siding-panel-siding .product-design h2{margin-bottom:23px}.reference-siding-panel-siding .product-design p{margin-bottom:22px}.reference-siding-panel-siding .feature-list{border-top:1px solid var(--border);margin:30px 0 0;padding:0;list-style:none}.reference-siding-panel-siding .feature-list li{border-bottom:1px solid var(--border);gap:18px;padding:15px 0;font-size:.97rem;display:flex}.reference-siding-panel-siding .feature-list li>span{color:var(--lime-ink);padding-top:3px;font-size:.78rem}.reference-siding-panel-siding .spec-grid{grid-template-columns:.9fr 1.1fr;gap:100px;display:grid}.reference-siding-panel-siding .spec-grid h2{margin-bottom:24px}.reference-siding-panel-siding .spec-table{margin:0}.reference-siding-panel-siding .spec-table>div{border-top:1px solid var(--border);grid-template-columns:1fr 1.2fr;gap:25px;padding:18px 0;font-size:.97rem;display:grid}.reference-siding-panel-siding .spec-table dt{font-weight:600}.reference-siding-panel-siding .spec-table dd{color:currentColor;margin:0}.reference-siding-panel-siding .spec-table>div:last-child{border-bottom:1px solid var(--border)}.reference-siding-panel-siding .faq-grid{grid-template-columns:.85fr 1.15fr;gap:90px;display:grid}.reference-siding-panel-siding .faq-grid h2{max-width:380px;margin-bottom:25px}.reference-siding-panel-siding .faq-grid .lead{max-width:335px}.reference-siding-panel-siding .faqs details{border-top:1px solid var(--border)}.reference-siding-panel-siding .faqs details:last-child{border-bottom:1px solid var(--border)}.reference-siding-panel-siding .faqs summary{cursor:pointer;padding:23px 45px 23px 0;font-size:1.08rem;line-height:1.4;list-style:none;position:relative}.reference-siding-panel-siding .faqs summary::-webkit-details-marker{display:none}.reference-siding-panel-siding .faqs summary:after{content:"+";color:var(--lime-ink);font-size:1.6rem;font-weight:400;position:absolute;top:19px;right:4px}.reference-siding-panel-siding .faqs details[open] summary:after{content:"−"}.reference-siding-panel-siding .faqs details p{color:currentColor;padding:0 30px 25px 0;font-size:1rem;line-height:1.7}.reference-siding-panel-siding .crosslink{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:40px;margin-top:70px;padding:35px 0;display:flex}.reference-siding-panel-siding .crosslink h3{font-size:1.9rem}.reference-siding-panel-siding .final-cta{background:var(--accent);padding:75px 0}.reference-siding-panel-siding .final-cta .wrap{justify-content:space-between;align-items:center;gap:60px;display:flex}.reference-siding-panel-siding .final-cta h2{max-width:640px;font-size:3.6rem}.reference-siding-panel-siding .final-cta .eyebrow{color:var(--foreground)}.reference-siding-panel-siding .final-cta p{max-width:580px;color:var(--foreground);margin-top:20px}.reference-siding-panel-siding .final-cta .actions{flex-shrink:0;max-width:220px}.reference-siding-panel-siding .final-cta .btn{width:100%}.reference-siding-panel-siding .footer{background:var(--foreground);color:var(--ink-foreground);padding:65px 0 25px}.reference-siding-panel-siding .footer-top{grid-template-columns:repeat(4,minmax(0,1fr));gap:65px;display:grid}.reference-siding-panel-siding .footer .logo{width:175px}.reference-siding-panel-siding .footer p{color:var(--ink-foreground);max-width:330px;margin-top:22px;font-size:.9rem}.reference-siding-panel-siding .footer-title{letter-spacing:0;color:var(--accent);margin-bottom:20px;font-size:.76rem}.reference-siding-panel-siding .footer-links{flex-direction:column;gap:11px;font-size:.9rem;display:flex}.reference-siding-panel-siding .footer-bottom{border-top:1px solid var(--fencing-overlay);color:var(--foreground);justify-content:space-between;gap:20px;margin-top:50px;padding-top:25px;font-size:.76rem;display:flex}.reference-siding-panel-siding dialog{background:var(--background);color:var(--ink);width:100%;max-width:min(1050px,94vw);max-height:92dvh;box-shadow:0 20px 100px var(--fencing-overlay);border:0;padding:0;overflow:auto}.reference-siding-panel-siding dialog::backdrop{background:var(--fencing-overlay)}.reference-siding-panel-siding .dialog-close{z-index:2;background:var(--background);width:44px;height:44px;color:var(--ink);justify-content:center;align-items:center;font-size:1.6rem;display:flex;position:absolute;top:15px;right:15px}.reference-siding-panel-siding .lightbox-image{object-fit:contain;background:var(--foreground);width:100%;max-height:65dvh}.reference-siding-panel-siding .lightbox-.reference-siding-panel-siding{justify-content:space-between;align-items:center;gap:30px;padding:28px 35px;display:flex}.reference-siding-panel-siding .lightbox-.reference-siding-panel-siding h3{margin-bottom:8px;font-size:1.8rem}.reference-siding-panel-siding #sample-dialog{max-width:580px;padding:45px}.reference-siding-panel-siding #sample-dialog h2{margin-bottom:18px;font-size:2.7rem}.reference-siding-panel-siding #sample-dialog p{color:currentColor}.reference-siding-panel-siding .sample-fields{gap:20px;margin:26px 0;display:grid}.reference-siding-panel-siding .sample-fields label{font-size:.87rem;font-weight:600}.reference-siding-panel-siding .sample-fields select{border:1px solid var(--border);background:var(--card);border-radius:0;width:100%;margin-top:8px;padding:12px;display:block}.reference-siding-panel-siding .sample-summary{background:var(--secondary);margin:20px 0;padding:18px}.reference-siding-panel-siding .sample-summary strong{display:block}.reference-siding-panel-siding .sample-note{margin-top:18px;font-size:.83rem}.reference-siding-panel-siding .sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.reference-siding-panel-siding [hidden]{display:none!important}@media (width>=1700px){.reference-siding-panel-siding .hero{min-height:800px}}@media (width<=1100px){.reference-siding-panel-siding .wrap{width:90%}.reference-siding-panel-siding .primary-nav{gap:24px}.reference-siding-panel-siding .explorer-grid{grid-template-columns:1.15fr 1fr;gap:35px}.reference-siding-panel-siding .section{padding:80px 0}.reference-siding-panel-siding .construction-grid,.reference-siding-panel-siding .faq-grid,.reference-siding-panel-siding .spec-grid{gap:55px}.reference-siding-panel-siding .footer-top{gap:30px}.reference-siding-panel-siding .profile-image{height:320px}.reference-siding-panel-siding .jump-links{gap:17px}.reference-siding-panel-siding .swatches{gap:16px 12px}.reference-siding-panel-siding .product-design{gap:45px}}@media (width<=800px){.reference-siding-panel-siding .utility .wrap>span{display:none}.reference-siding-panel-siding .utility .wrap{justify-content:flex-end}.reference-siding-panel-siding .utility-links{gap:20px}.reference-siding-panel-siding .header-inner{height:82px}.reference-siding-panel-siding .logo{width:160px}.reference-siding-panel-siding .menu-toggle{display:block}.reference-siding-panel-siding .primary-nav{background:var(--foreground);flex-direction:column;align-items:stretch;gap:7px;padding:25px 5%;display:none;position:absolute;top:82px;left:0;right:0}.reference-siding-panel-siding .primary-nav.open{display:flex}.reference-siding-panel-siding .hero{min-height:650px}.reference-siding-panel-siding .hero-content{padding-top:160px;padding-bottom:80px}.reference-siding-panel-siding .hero h1{max-width:630px;font-size:4.7rem}.reference-siding-panel-siding .hero:after{background:linear-gradient(90deg,var(--fencing-hero-overlay),var(--fencing-hero-overlay)),linear-gradient(0deg,var(--fencing-hero-overlay),transparent)}.reference-siding-panel-siding .hero p:not(.eyebrow){font-size:1.05rem}.reference-siding-panel-siding .hero-caption{display:none}.reference-siding-panel-siding .page-nav .wrap{min-height:0;display:block}.reference-siding-panel-siding .page-tabs{justify-content:space-between;gap:15px}.reference-siding-panel-siding .page-tabs a{padding:17px 0;font-size:.85rem}.reference-siding-panel-siding .jump-links{display:none}.reference-siding-panel-siding .intro-grid{grid-template-columns:1fr;gap:15px}.reference-siding-panel-siding .intro-grid .lead{padding-top:0}.reference-siding-panel-siding .benefit-strip{grid-template-columns:1fr 1fr;gap:0;margin-top:40px}.reference-siding-panel-siding .benefit{padding:25px 15px 20px 0}.reference-siding-panel-siding .benefit:not(:first-child){padding-left:20px}.reference-siding-panel-siding .benefit:nth-child(3){border-left:0;border-top:1px solid var(--border);padding-left:0}.reference-siding-panel-siding .benefit:nth-child(4){border-top:1px solid var(--border)}.reference-siding-panel-siding .section-head{flex-direction:column;align-items:start;gap:22px;margin-bottom:32px}.reference-siding-panel-siding .section-head p{max-width:620px}.reference-siding-panel-siding .profile-image{height:300px}.reference-siding-panel-siding .profile-info h3{font-size:2rem}.reference-siding-panel-siding .explorer-grid{grid-template-columns:1fr;gap:30px}.reference-siding-panel-siding .explorer-photo{aspect-ratio:1.5}.reference-siding-panel-siding .explorer-controls h3{font-size:2.5rem}.reference-siding-panel-siding .finish-story{min-height:0}.reference-siding-panel-siding .swatches{grid-template-columns:repeat(5,1fr);gap:22px}.reference-siding-panel-siding .swatch-chip{height:60px}.reference-siding-panel-siding .swatch-label{min-height:0;font-size:.82rem}.reference-siding-panel-siding .gallery-grid{grid-template-columns:1fr 1fr}.reference-siding-panel-siding .construction-grid,.reference-siding-panel-siding .faq-grid,.reference-siding-panel-siding .spec-grid,.reference-siding-panel-siding .product-design{grid-template-columns:1fr;gap:40px}.reference-siding-panel-siding .construction h2{max-width:600px}.reference-siding-panel-siding .product-design img{aspect-ratio:1.5}.reference-siding-panel-siding .faq-grid h2{max-width:580px}.reference-siding-panel-siding .faq-grid .lead{max-width:500px}.reference-siding-panel-siding .final-cta .wrap{flex-direction:column;align-items:flex-start;gap:32px}.reference-siding-panel-siding .final-cta .actions{max-width:none}.reference-siding-panel-siding .final-cta .btn{width:auto}.reference-siding-panel-siding .footer-top{grid-template-columns:1.5fr 1fr;gap:42px}.reference-siding-panel-siding .footer-bottom{flex-direction:column}.reference-siding-panel-siding .lightbox-.reference-siding-panel-siding{flex-direction:column;align-items:start;gap:18px}}@media (width<=520px){.reference-siding-panel-siding{font-size:16px}.reference-siding-panel-siding .wrap{width:89%}.reference-siding-panel-siding .utility{height:30px}.reference-siding-panel-siding .utility-links{gap:22px;font-size:.65rem}.reference-siding-panel-siding .hero{min-height:690px}.reference-siding-panel-siding .hero.product{min-height:650px}.reference-siding-panel-siding .hero-content{padding-top:140px;padding-bottom:64px}.reference-siding-panel-siding .hero h1{letter-spacing:0;font-size:3.25rem}.reference-siding-panel-siding .hero .eyebrow{font-size:.72rem}.reference-siding-panel-siding .hero .actions{flex-direction:column;align-items:stretch;max-width:270px}.reference-siding-panel-siding .section{padding:62px 0}.reference-siding-panel-siding .eyebrow{margin-bottom:16px}.reference-siding-panel-siding h2{font-size:2.55rem}.reference-siding-panel-siding .benefit strong{font-size:1.05rem}.reference-siding-panel-siding .benefit p{font-size:.88rem}.reference-siding-panel-siding .benefit:not(:first-child){padding-left:16px}.reference-siding-panel-siding .benefit:nth-child(3){padding-left:0}.reference-siding-panel-siding .profiles{grid-template-columns:1fr;gap:38px}.reference-siding-panel-siding .profile-image{height:285px}.reference-siding-panel-siding .profile-info{padding-top:22px}.reference-siding-panel-siding .profile-info p{font-size:.98rem}.reference-siding-panel-siding .explorer-photo{aspect-ratio:1.15}.reference-siding-panel-siding .image-note{font-size:.7rem;bottom:12px;left:12px}.reference-siding-panel-siding .photo-caption{flex-direction:column;gap:2px}.reference-siding-panel-siding .swatches{grid-template-columns:repeat(3,1fr);gap:20px 12px}.reference-siding-panel-siding .swatch-chip{height:49px}.reference-siding-panel-siding .swatch-label{font-size:.82rem}.reference-siding-panel-siding .sample-action{gap:17px}.reference-siding-panel-siding .gallery-tools{align-items:flex-start}.reference-siding-panel-siding .filter-buttons{gap:19px}.reference-siding-panel-siding .filter-buttons button{font-size:.86rem}.reference-siding-panel-siding .gallery-tools select{max-width:115px;padding-top:15px;font-size:.8rem}.reference-siding-panel-siding .gallery-grid{grid-template-columns:1fr;gap:30px}.reference-siding-panel-siding .gallery-card .gallery-img{aspect-ratio:1.4}.reference-siding-panel-siding .gallery-bottom{flex-direction:column;align-items:start;gap:20px}.reference-siding-panel-siding .spec-table>div{grid-template-columns:1fr 1.2fr;gap:20px;font-size:.9rem}.reference-siding-panel-siding .construction-step{grid-template-columns:27px 1fr;gap:12px}.reference-siding-panel-siding .faqs summary{font-size:1rem}.reference-siding-panel-siding .crosslink{flex-direction:column;align-items:start;margin-top:45px}.reference-siding-panel-siding .final-cta{padding:60px 0}.reference-siding-panel-siding .final-cta .actions{flex-direction:column;width:100%;max-width:270px}.reference-siding-panel-siding .footer-top{grid-template-columns:1fr 1fr;gap:35px 24px}.reference-siding-panel-siding .footer-top>div:first-child,.reference-siding-panel-siding .footer-top>div:last-child{grid-column:1/-1}.reference-siding-panel-siding .footer-title{margin-bottom:16px}.reference-siding-panel-siding #sample-dialog{padding:35px 25px}.reference-siding-panel-siding .lightbox-.reference-siding-panel-siding{padding:23px}.reference-siding-panel-siding .page-tabs{gap:10px}.reference-siding-panel-siding .page-tabs a{font-size:.79rem}.reference-siding-panel-siding .segmented button{padding:10px 16px}}@media (prefers-reduced-motion:reduce){.reference-siding-panel-siding{scroll-behavior:auto}.reference-siding-panel-siding *{transition:none!important}}.reference-siding-panel-siding .preview-switch{width:100%;margin-bottom:18px}.reference-siding-panel-siding .preview-switch button{flex:1;min-height:46px}.reference-siding-panel-siding .explorer-photo.board-preview{background:var(--card);border:1px solid var(--border)}.reference-siding-panel-siding .explorer-photo.board-preview>img{object-fit:contain;width:100%;height:100%;padding:18px 20px 35px}.reference-siding-panel-siding .board-colour-label{margin:25px 0 13px;font-size:.85rem;font-weight:600}.reference-siding-panel-siding .swatches.board-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:21px 15px;margin:0 0 22px}.reference-siding-panel-siding .board-options .swatch-chip{aspect-ratio:.84;background:var(--card);border:1px solid var(--border);height:auto;margin-bottom:10px;overflow:visible}.reference-siding-panel-siding .board-options .swatch-chip img{object-fit:contain;width:100%;height:100%;transition:transform .25s}.reference-siding-panel-siding .board-options .swatch:hover img{transform:scale(1.06)}.reference-siding-panel-siding .board-options .swatch-label{min-height:1.25em;font-size:.85rem;line-height:1.25}.reference-siding-panel-siding .board-options .swatch[aria-pressed=true] .swatch-chip{outline-offset:3px}.reference-siding-panel-siding .additional-finish{color:currentColor;flex-wrap:wrap;align-items:center;gap:5px 10px;margin-top:8px;font-size:.8rem;display:flex}.reference-siding-panel-siding .additional-finish button{color:var(--ink);background:0 0;padding:5px 0;font-size:.8rem}.reference-siding-panel-siding .additional-finish button[aria-pressed=true]{color:var(--lime-ink);border-bottom-width:2px}.reference-siding-panel-siding .board-unavailable{background:var(--card)}.reference-siding-panel-siding .board-unavailable p{max-width:35ch}.reference-siding-panel-siding .board-unavailable .eyebrow{margin-bottom:0}.reference-siding-panel-siding .board-unavailable .btn{margin-top:12px}.reference-siding-panel-siding .board-dialog-image{background:var(--card);justify-content:center;align-items:center;padding:35px 30px 15px;display:flex}.reference-siding-panel-siding .board-dialog-image img{object-fit:contain;max-width:100%;height:62dvh;max-height:760px}.reference-siding-panel-siding #board-dialog{max-width:min(900px,94vw)}.reference-siding-panel-siding #board-dialog .lightbox-.reference-siding-panel-siding{border-top:1px solid var(--border)}@media (width<=1100px){.reference-siding-panel-siding .swatches.board-options{gap:20px 12px}.reference-siding-panel-siding .board-options .swatch-label{font-size:.8rem}.reference-siding-panel-siding .board-options .swatch-chip{aspect-ratio:.75}}@media (width<=800px){.reference-siding-panel-siding .explorer-photo.board-preview{aspect-ratio:1.3}.reference-siding-panel-siding .swatches.board-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px}.reference-siding-panel-siding .board-options .swatch-chip{aspect-ratio:1}.reference-siding-panel-siding .board-options .swatch-label{font-size:.88rem}.reference-siding-panel-siding .preview-switch{margin-bottom:15px}}@media (width<=520px){.reference-siding-panel-siding .explorer-photo.board-preview{aspect-ratio:1.04}.reference-siding-panel-siding .explorer-photo.board-preview>img{padding:10px 14px 30px}.reference-siding-panel-siding .swatches.board-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:21px 12px}.reference-siding-panel-siding .board-options .swatch-chip{aspect-ratio:.65}.reference-siding-panel-siding .board-options .swatch-label{min-height:2.5em;font-size:.82rem}.reference-siding-panel-siding .preview-switch button{padding:12px 10px;font-size:.85rem}.reference-siding-panel-siding .board-dialog-image{padding:45px 15px 15px}.reference-siding-panel-siding .board-dialog-image img{height:52dvh}.reference-siding-panel-siding .additional-finish{font-size:.8rem}}.reference-siding-panel-siding .header .logo,.reference-siding-panel-siding .footer .logo{mix-blend-mode:normal;object-fit:contain;width:240px;height:auto;max-height:none;display:block}.reference-siding-panel-siding .header-inner>a:first-child{flex-shrink:0;display:block}@media (width<=1000px){.reference-siding-panel-siding .header .logo{width:210px}}@media (width<=480px){.reference-siding-panel-siding .header .logo{width:188px}.reference-siding-panel-siding .footer .logo{width:220px}}.reference-siding-panel-siding .advantages{position:relative}.reference-siding-panel-siding .advantages .section-anchor{position:absolute;top:0;left:0}.reference-siding-panel-siding .advantage-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:70px;display:grid}.reference-siding-panel-siding .advantages .advantage-intro .eyebrow{letter-spacing:0;max-width:390px;font-size:.8rem;line-height:1.6}.reference-siding-panel-siding .advantages h2{letter-spacing:0;max-width:530px;margin-bottom:25px;font-size:4.2rem;line-height:1.08}.reference-siding-panel-siding .advantages h2 span{color:var(--accent)}.reference-siding-panel-siding .advantages .lead{max-width:390px;margin-bottom:32px;line-height:1.65}.reference-siding-panel-siding .advantage-intro>.btn{border-color:var(--secondary);color:var(--ink-foreground);min-height:48px}.reference-siding-panel-siding .advantage-grid{gap:22px;display:grid}.reference-siding-panel-siding .advantage-card{background:var(--background);color:var(--ink);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);min-width:0;min-height:235px;display:grid;overflow:hidden}.reference-siding-panel-siding .advantage-image{background:var(--card);justify-content:center;align-items:center;min-width:0;padding:34px 14px 25px;display:flex;position:relative}.reference-siding-panel-siding .advantage-number{color:var(--lime-ink);letter-spacing:0;font-size:.8rem;font-weight:600;position:absolute;top:18px;left:20px}.reference-siding-panel-siding .advantage-drawing{width:100%;max-width:240px;height:auto;display:block;overflow:hidden}.reference-siding-panel-siding .advantage-copy{flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;padding:31px 30px 29px 24px;display:flex}.reference-siding-panel-siding .advantage-copy h3{letter-spacing:0;margin-bottom:13px;font-size:1.55rem;line-height:1.2}.reference-siding-panel-siding .advantage-copy p{color:currentColor;margin-bottom:21px;font-size:1rem;line-height:1.65}.reference-siding-panel-siding .advantage-result{border-top:2px solid var(--secondary);max-width:100%;color:var(--lime-ink);padding-top:13px;font-size:.875rem;font-weight:600;line-height:1.45;display:block}.reference-siding-panel-siding .jump-links a{white-space:nowrap}@media (width<=1180px){.reference-siding-panel-siding .page-nav .jump-links{display:none}.reference-siding-panel-siding .advantage-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:42px}.reference-siding-panel-siding .advantage-copy{padding:28px 24px 26px 20px}.reference-siding-panel-siding .advantages h2{font-size:3.25rem}}@media (width<=1000px){.reference-siding-panel-siding .advantage-layout{grid-template-columns:1fr;gap:38px}.reference-siding-panel-siding .advantage-intro,.reference-siding-panel-siding .advantages h2{max-width:600px}.reference-siding-panel-siding .advantages .lead{max-width:570px}.reference-siding-panel-siding .advantage-card{grid-template-columns:minmax(180px,.65fr) minmax(0,1.35fr);min-height:220px}.reference-siding-panel-siding .advantage-copy{padding:30px}.reference-siding-panel-siding .advantage-image{padding:35px 20px 25px}.reference-siding-panel-siding .advantage-drawing{max-width:235px}}@media (width<=520px){.reference-siding-panel-siding .advantages h2{font-size:2.75rem}.reference-siding-panel-siding .advantages .advantage-intro .eyebrow{max-width:290px;font-size:.8rem}.reference-siding-panel-siding .advantage-layout{gap:32px}.reference-siding-panel-siding .advantage-grid{gap:22px}.reference-siding-panel-siding .advantage-card{grid-template-columns:1fr}.reference-siding-panel-siding .advantage-image{height:175px;padding:30px 45px 18px}.reference-siding-panel-siding .advantage-drawing{width:auto;max-width:100%;height:100%}.reference-siding-panel-siding .advantage-number{top:17px;left:24px}.reference-siding-panel-siding .advantage-copy{padding:25px}.reference-siding-panel-siding .advantage-copy h3{font-size:1.55rem}.reference-siding-panel-siding .advantage-copy p{margin-bottom:19px}.reference-siding-panel-siding .advantage-result{font-size:.875rem}.reference-siding-panel-siding .advantage-intro>.btn{font-size:.8rem}}.reference-siding-panel-siding .trims-section{border-top:1px solid var(--border);background:var(--background)}.reference-siding-panel-siding .trim-section-meta{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.reference-siding-panel-siding .trim-finish{color:currentColor;align-items:center;gap:10px;font-size:.88rem;display:inline-flex}.reference-siding-panel-siding .trim-finish>span{background:var(--border);border:1px solid var(--fencing-overlay);width:24px;height:24px;display:block}.reference-siding-panel-siding .trim-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.reference-siding-panel-siding .trim-card{text-align:left;color:inherit;border:1px solid var(--border);background:0 0;flex-direction:column;padding:0;transition:border-color .2s;display:flex}.reference-siding-panel-siding .trim-card:hover{border-color:var(--lime-ink)}.reference-siding-panel-siding .trim-card-image{background:var(--card);aspect-ratio:1.35;width:100%;position:relative;overflow:hidden}.reference-siding-panel-siding .trim-card-image img{object-fit:contain;width:100%;height:100%;transition:transform .4s}.reference-siding-panel-siding .trim-card:hover img{transform:scale(1.035)}.reference-siding-panel-siding .trim-card-number{color:currentColor;font-size:.75rem;position:absolute;top:14px;left:16px}.reference-siding-panel-siding .trim-card-.reference-siding-panel-siding{flex-direction:column;flex:1;align-items:flex-start;padding:22px 20px;display:flex}.reference-siding-panel-siding .trim-card h3{letter-spacing:0;margin-bottom:8px;font-size:1.2rem;line-height:1.25}.reference-siding-panel-siding .trim-card p{color:currentColor;margin-bottom:22px;font-size:.85rem}.reference-siding-panel-siding .trim-view{border-bottom:1px solid;margin-top:auto;padding-bottom:3px;font-size:.82rem;font-weight:600;display:inline-block}.reference-siding-panel-siding .trim-section-bottom{justify-content:space-between;align-items:center;gap:50px;margin-top:35px;display:flex}.reference-siding-panel-siding .trim-section-bottom p{max-width:650px}.reference-siding-panel-siding .trim-section-bottom .btn{flex-shrink:0}.reference-siding-panel-siding #trim-dialog{max-width:min(1100px,94vw)}.reference-siding-panel-siding .trim-dialog-grid{grid-template-columns:1.2fr 1fr;min-height:480px;display:grid}.reference-siding-panel-siding .trim-dialog-image{background:var(--card);justify-content:center;align-items:center;min-width:0;padding:25px;display:flex}.reference-siding-panel-siding .trim-dialog-image img{object-fit:contain;width:100%;max-height:65dvh}.reference-siding-panel-siding .trim-dialog-.reference-siding-panel-siding{flex-direction:column;align-items:flex-start;padding:62px 40px 45px;display:flex}.reference-siding-panel-siding .trim-dialog-.reference-siding-panel-siding h2{margin-bottom:24px;font-size:2.5rem}.reference-siding-panel-siding .trim-dialog-.reference-siding-panel-siding>.trim-finish{margin-bottom:25px}.reference-siding-panel-siding .trim-dialog-.reference-siding-panel-siding #trim-dialog-description{margin-bottom:22px;font-size:1.02rem}.reference-siding-panel-siding .trim-dialog-.reference-siding-panel-siding>.btn{margin-top:30px}.reference-siding-panel-siding .trim-dialog-.reference-siding-panel-siding>.eyebrow{margin-bottom:17px}@media (width<=1100px){.reference-siding-panel-siding .trim-grid{gap:18px}.reference-siding-panel-siding .trim-card-.reference-siding-panel-siding{padding:20px 15px}.reference-siding-panel-siding .trim-card h3{font-size:1.08rem}}@media (width<=950px){.reference-siding-panel-siding .page-nav .jump-links{display:none}.reference-siding-panel-siding .trim-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-siding-panel-siding .trim-dialog-grid{grid-template-columns:1fr}.reference-siding-panel-siding .trim-dialog-image{padding:10px 35px}.reference-siding-panel-siding .trim-dialog-image img{height:38dvh}.reference-siding-panel-siding .trim-dialog-.reference-siding-panel-siding{padding:30px 35px 40px}.reference-siding-panel-siding .trim-dialog-.reference-siding-panel-siding h2{margin-bottom:20px}.reference-siding-panel-siding .trim-section-bottom{gap:25px}}@media (width<=520px){.reference-siding-panel-siding .trim-grid{gap:18px 12px}.reference-siding-panel-siding .trim-card-.reference-siding-panel-siding{padding:16px 13px}.reference-siding-panel-siding .trim-card h3{font-size:1rem;line-height:1.3}.reference-siding-panel-siding .trim-card p{margin-bottom:18px;font-size:.8rem}.reference-siding-panel-siding .trim-card-image{aspect-ratio:1.05}.reference-siding-panel-siding .trim-card-number{top:10px;left:10px}.reference-siding-panel-siding .trim-card-image img{transform:scale(1.12)}.reference-siding-panel-siding .trim-card:hover img{transform:scale(1.16)}.reference-siding-panel-siding .trim-section-meta{align-items:flex-start;gap:20px}.reference-siding-panel-siding .trim-section-meta>p{text-align:right;max-width:150px;font-size:.8rem}.reference-siding-panel-siding .trim-section-bottom{flex-direction:column;align-items:flex-start;gap:23px}.reference-siding-panel-siding .trim-dialog-.reference-siding-panel-siding{padding:25px}.reference-siding-panel-siding .trim-dialog-.reference-siding-panel-siding h2{font-size:2.15rem}.reference-siding-panel-siding .trim-dialog-image{padding:20px}.reference-siding-panel-siding .trim-dialog-image img{height:31dvh}.reference-siding-panel-siding .trim-dialog-.reference-siding-panel-siding>.btn{width:100%}}.reference-siding-panel-siding .material-story .intro-grid{grid-template-columns:1.25fr 1fr;align-items:center;gap:70px}.reference-siding-panel-siding .material-story .intro-grid h2{max-width:690px;font-size:3.7rem;line-height:1.1}.reference-siding-panel-siding .material-story .intro-grid h2 span{color:var(--lime-ink)}.reference-siding-panel-siding .material-story .intro-grid .lead{max-width:440px;padding-top:22px}.reference-siding-panel-siding .material-story .lead strong{font-weight:inherit;color:var(--ink)}.reference-siding-panel-siding .material-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);align-items:stretch;gap:60px;margin-top:48px;display:grid}.reference-siding-panel-siding .core-card{background:var(--secondary);border-top:3px solid var(--lime-ink);padding:34px 36px 30px}.reference-siding-panel-siding .core-card .eyebrow{letter-spacing:0;margin-bottom:18px;font-size:.8rem}.reference-siding-panel-siding .core-card h3{letter-spacing:0;font-size:1.95rem;line-height:1.15}.reference-siding-panel-siding .core-composition{margin:25px 0 23px}.reference-siding-panel-siding .core-composition>div{border-bottom:1px solid var(--secondary);grid-template-columns:96px minmax(0,1fr);align-items:center;gap:15px;padding:14px 0;display:grid}.reference-siding-panel-siding .core-composition>div:first-child{border-top:1px solid var(--secondary)}.reference-siding-panel-siding .core-composition dt{color:var(--foreground);grid-area:1/2;font-size:.95rem;line-height:1.45}.reference-siding-panel-siding .core-composition dd{letter-spacing:0;color:var(--foreground);font-variant-numeric:tabular-nums;grid-area:1/1;margin:0;font-size:2.55rem;font-weight:500;line-height:1}.reference-siding-panel-siding .core-composition dd span{letter-spacing:0;margin-left:3px;font-size:1.2rem}.reference-siding-panel-siding .core-note{color:var(--foreground);font-size:1rem;line-height:1.6}.reference-siding-panel-siding .material-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 42px;display:grid}.reference-siding-panel-siding .material-benefit{border-bottom:1px solid var(--border);padding:12px 0 30px}.reference-siding-panel-siding .material-benefit:nth-child(n+3){border-bottom:0;padding-top:28px;padding-bottom:4px}.reference-siding-panel-siding .material-icon{width:42px;height:42px;color:var(--lime-ink);justify-content:center;align-items:center;margin-bottom:20px;display:flex}.reference-siding-panel-siding .material-icon svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:34px;height:34px}.reference-siding-panel-siding .material-benefit h3{letter-spacing:0;margin-bottom:13px;font-size:1.45rem;line-height:1.2}.reference-siding-panel-siding .material-benefit p{color:currentColor;font-size:1rem;line-height:1.65}@media (width<=1100px){.reference-siding-panel-siding .material-story .intro-grid{gap:40px}.reference-siding-panel-siding .material-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:35px}.reference-siding-panel-siding .core-card{padding:30px 26px}.reference-siding-panel-siding .core-composition>div{grid-template-columns:80px minmax(0,1fr);gap:10px}.reference-siding-panel-siding .material-benefits{gap:0 28px}.reference-siding-panel-siding .material-benefit h3{font-size:1.3rem}}@media (width<=800px){.reference-siding-panel-siding .material-story .intro-grid{grid-template-columns:1fr;gap:22px}.reference-siding-panel-siding .material-story .intro-grid .lead{max-width:600px;padding-top:0}.reference-siding-panel-siding .material-layout{grid-template-columns:1fr;gap:30px;margin-top:35px}.reference-siding-panel-siding .core-card{padding:30px}.reference-siding-panel-siding .core-composition{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:25px 0 20px;display:grid}.reference-siding-panel-siding .core-composition>div{border-top:1px solid var(--secondary);flex-direction:column;align-items:flex-start;gap:12px;padding:18px 0;display:flex}.reference-siding-panel-siding .core-composition dd{order:-1}.reference-siding-panel-siding .core-composition dt{font-size:.95rem}.reference-siding-panel-siding .core-note{max-width:550px}.reference-siding-panel-siding .material-benefits{gap:0 35px}.reference-siding-panel-siding .material-benefit{padding-top:15px}.reference-siding-panel-siding .material-benefit h3{font-size:1.45rem}}@media (width<=520px){.reference-siding-panel-siding .material-story .intro-grid h2{font-size:2.55rem}.reference-siding-panel-siding .core-card{padding:27px 25px}.reference-siding-panel-siding .core-card h3{font-size:1.85rem}.reference-siding-panel-siding .core-composition{margin:23px 0 20px;display:block}.reference-siding-panel-siding .core-composition>div{border-top:0;grid-template-columns:82px minmax(0,1fr);gap:14px;padding:15px 0;display:grid}.reference-siding-panel-siding .core-composition dd{font-size:2.4rem}.reference-siding-panel-siding .core-composition dt{font-size:1rem}.reference-siding-panel-siding .material-benefits{grid-template-columns:1fr;gap:0}.reference-siding-panel-siding .material-benefit,.reference-siding-panel-siding .material-benefit:nth-child(n+3){border-bottom:1px solid var(--border);grid-template-columns:36px minmax(0,1fr);column-gap:18px;padding:25px 0;display:grid}.reference-siding-panel-siding .material-benefit:last-child{border-bottom:0;padding-bottom:0}.reference-siding-panel-siding .material-icon{grid-area:1/1;width:36px;height:32px;margin:0}.reference-siding-panel-siding .material-icon svg{width:30px;height:30px}.reference-siding-panel-siding .material-benefit h3{grid-area:1/2;margin:2px 0 12px;font-size:1.4rem}.reference-siding-panel-siding .material-benefit p{grid-column:2;font-size:1rem}}.reference-siding-panel-siding .buying-section{background:var(--secondary);border-top:1px solid var(--border)}.reference-siding-panel-siding .buying-section .section-head{align-items:center}.reference-siding-panel-siding .buying-section .section-head .lead{max-width:430px}.reference-siding-panel-siding .buying-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.reference-siding-panel-siding .buying-option{background:var(--background);border:1px solid var(--border);grid-template-columns:54px minmax(0,1fr);gap:24px;padding:36px;transition:border-color .2s,background .2s;display:grid}.reference-siding-panel-siding .buying-option:hover{border-color:var(--lime-ink);background:var(--card)}.reference-siding-panel-siding .buying-icon{color:var(--lime-ink);background:var(--secondary);justify-content:center;align-items:center;width:54px;height:54px;display:flex}.reference-siding-panel-siding .buying-icon svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:38px;height:38px}.reference-siding-panel-siding .buying-option h3{letter-spacing:0;margin:2px 0 14px;font-size:1.7rem;line-height:1.2}.reference-siding-panel-siding .buying-option p{color:currentColor;max-width:370px;font-size:1rem;line-height:1.65}.reference-siding-panel-siding .buying-link{border-top:1px solid var(--border);color:var(--lime-ink);justify-content:space-between;align-items:center;gap:20px;margin-top:27px;padding-top:18px;font-size:.95rem;font-weight:600;display:flex}.reference-siding-panel-siding .buying-link>span{font-size:1.3rem;line-height:1}.reference-siding-panel-siding .buying-help{justify-content:space-between;align-items:center;gap:35px;margin-top:32px;display:flex}.reference-siding-panel-siding .buying-help h3{letter-spacing:0;margin-bottom:5px;font-size:1.15rem;line-height:1.35}.reference-siding-panel-siding .buying-help p{color:currentColor;font-size:1rem}.reference-siding-panel-siding .buying-help .btn{flex-shrink:0}.reference-siding-panel-siding .professionals-section{background:var(--foreground);color:var(--background)}.reference-siding-panel-siding .professionals-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:80px;display:grid}.reference-siding-panel-siding .professionals-copy .eyebrow{color:var(--accent)}.reference-siding-panel-siding .professionals-copy h2{max-width:530px;margin-bottom:24px}.reference-siding-panel-siding .professionals-copy .lead{color:var(--ink-foreground);max-width:460px}.reference-siding-panel-siding .professional-links{border-top:1px solid var(--fencing-overlay);margin-top:31px}.reference-siding-panel-siding .professional-links>a{border-bottom:1px solid var(--fencing-overlay);justify-content:space-between;align-items:center;gap:20px;padding:23px 0;display:flex}.reference-siding-panel-siding .professional-links h3{letter-spacing:0;margin-bottom:8px;font-size:1.35rem;line-height:1.25}.reference-siding-panel-siding .professional-links p{color:var(--ink-foreground);max-width:380px;font-size:1rem;line-height:1.55}.reference-siding-panel-siding .professional-links>a>span{color:var(--accent);flex-shrink:0;font-size:1.6rem;line-height:1}.reference-siding-panel-siding .professional-links>a:hover h3{color:var(--accent)}.reference-siding-panel-siding .professional-inspiration{border-bottom:1px solid var(--secondary);align-items:center;gap:20px;margin-top:25px;padding:7px 0;font-size:.95rem;font-weight:600;display:inline-flex}.reference-siding-panel-siding .professional-inspiration>span{color:var(--accent)}.reference-siding-panel-siding .professionals-image{min-width:0;position:relative}.reference-siding-panel-siding .professionals-image>img{object-fit:cover;object-position:center;width:100%;height:510px}.reference-siding-panel-siding .professionals-image figcaption{color:var(--ink-foreground);flex-wrap:wrap;justify-content:space-between;gap:5px 15px;margin-top:14px;font-size:.875rem;line-height:1.45;display:flex}.reference-siding-panel-siding .professionals-image small{color:var(--ink-foreground);font-size:.8rem}@media (width<=1100px){.reference-siding-panel-siding .buying-option{grid-template-columns:46px minmax(0,1fr);gap:20px;padding:30px}.reference-siding-panel-siding .buying-icon{width:46px;height:46px}.reference-siding-panel-siding .buying-icon svg{width:32px;height:32px}.reference-siding-panel-siding .buying-option h3{font-size:1.5rem}.reference-siding-panel-siding .professionals-layout{gap:45px}.reference-siding-panel-siding .professionals-image>img{height:520px}}@media (width<=800px){.reference-siding-panel-siding .buying-section .section-head{align-items:flex-start}.reference-siding-panel-siding .buying-section .section-head .lead{max-width:600px}.reference-siding-panel-siding .buying-options{grid-template-columns:1fr;gap:20px}.reference-siding-panel-siding .buying-option{grid-template-columns:54px minmax(0,1fr);gap:25px}.reference-siding-panel-siding .buying-option p{max-width:550px}.reference-siding-panel-siding .buying-icon{width:54px;height:54px}.reference-siding-panel-siding .buying-icon svg{width:38px;height:38px}.reference-siding-panel-siding .buying-option h3{font-size:1.7rem}.reference-siding-panel-siding .professionals-layout{grid-template-columns:1fr;gap:38px}.reference-siding-panel-siding .professionals-copy h2{max-width:620px}.reference-siding-panel-siding .professionals-copy .lead,.reference-siding-panel-siding .professional-links p{max-width:600px}.reference-siding-panel-siding .professionals-image>img{aspect-ratio:1.5;height:auto}.reference-siding-panel-siding .professionals-image figcaption{margin-top:12px}}@media (width<=520px){.reference-siding-panel-siding .buying-option{grid-template-columns:1fr;gap:21px;padding:26px}.reference-siding-panel-siding .buying-option h3{font-size:1.55rem}.reference-siding-panel-siding .buying-option p{font-size:1rem}.reference-siding-panel-siding .buying-link{margin-top:23px;padding-top:17px}.reference-siding-panel-siding .buying-help{flex-direction:column;align-items:flex-start;gap:22px;margin-top:28px}.reference-siding-panel-siding .buying-help h3{font-size:1.1rem}.reference-siding-panel-siding .buying-help p{font-size:1rem}.reference-siding-panel-siding .professionals-copy h2{font-size:2.65rem}.reference-siding-panel-siding .professional-links{margin-top:26px}.reference-siding-panel-siding .professional-links>a{padding:22px 0}.reference-siding-panel-siding .professional-links h3{font-size:1.3rem}.reference-siding-panel-siding .professional-links p{font-size:1rem}.reference-siding-panel-siding .professional-inspiration{font-size:.9rem}.reference-siding-panel-siding .professionals-image>img{aspect-ratio:1.15}.reference-siding-panel-siding .professionals-image figcaption{flex-direction:column;font-size:.875rem}}.reference-siding-panel-siding .journal-section{background:var(--background)}.reference-siding-panel-siding .journal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;display:grid}.reference-siding-panel-siding .journal-card{color:var(--ink);text-align:left;background:0 0;flex-direction:column;min-width:0;padding:0;display:flex}.reference-siding-panel-siding .journal-card-image{aspect-ratio:1.4;background:var(--secondary);width:100%;position:relative;overflow:hidden}.reference-siding-panel-siding .journal-card-image>img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.reference-siding-panel-siding .journal-card:hover .journal-card-image>img{transform:scale(1.035)}.reference-siding-panel-siding .journal-image-note{background:var(--fencing-overlay);color:var(--foreground);padding:4px 8px;font-size:.75rem;line-height:1.35;position:absolute;bottom:12px;left:14px}.reference-siding-panel-siding .journal-card-copy{flex-direction:column;flex:1;align-items:flex-start;width:100%;padding:25px 0 0;display:flex}.reference-siding-panel-siding .journal-category{text-transform:uppercase;letter-spacing:0;color:var(--lime-ink);font-size:.8rem;font-weight:600;line-height:1.5}.reference-siding-panel-siding .journal-card h3{letter-spacing:0;margin:12px 0 14px;font-size:1.65rem;line-height:1.18}.reference-siding-panel-siding .journal-card p{color:currentColor;margin-bottom:24px;font-size:1rem;line-height:1.6}.reference-siding-panel-siding .journal-read{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;width:100%;margin-top:auto;padding-top:17px;font-size:.9rem;font-weight:600;display:flex}.reference-siding-panel-siding .journal-read>span{color:var(--lime-ink);font-size:1.35rem}.reference-siding-panel-siding .journal-card:hover .journal-read{color:var(--lime-ink)}.reference-siding-panel-siding #article-dialog{max-width:min(900px,94vw)}.reference-siding-panel-siding .article-image{object-fit:cover;width:100%;height:310px;max-height:40dvh}.reference-siding-panel-siding .article-.reference-siding-panel-siding{padding:38px 55px 45px}.reference-siding-panel-siding .article-.reference-siding-panel-siding h2{max-width:680px;margin:12px 0 15px;font-size:3rem;line-height:1.13}.reference-siding-panel-siding .article-image-caption{color:currentColor;margin-bottom:30px;font-size:.8rem}.reference-siding-panel-siding .article-content{max-width:680px}.reference-siding-panel-siding .article-content p{color:var(--foreground);margin-bottom:20px;font-size:1.05rem;line-height:1.8}.reference-siding-panel-siding .article-content h3{letter-spacing:0;margin:27px 0 12px;font-size:1.4rem;line-height:1.3}.reference-siding-panel-siding .article-.reference-siding-panel-siding>.btn{margin-top:14px}.reference-siding-panel-siding .newsletter-section{background:var(--foreground);color:var(--background);border-bottom:1px solid var(--fencing-overlay);padding:76px 0}.reference-siding-panel-siding .newsletter-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:85px;display:grid}.reference-siding-panel-siding .newsletter-section .eyebrow{color:var(--accent)}.reference-siding-panel-siding .newsletter-section h2{margin-bottom:22px;font-size:3.4rem;line-height:1.1}.reference-siding-panel-siding .newsletter-section .lead{color:var(--ink-foreground);max-width:430px}.reference-siding-panel-siding .newsletter-email-label{margin-bottom:12px;font-size:1rem;font-weight:500;display:block}.reference-siding-panel-siding .newsletter-entry{align-items:stretch;gap:0;display:flex}.reference-siding-panel-siding .newsletter-entry input{border:1px solid var(--secondary);background:var(--card);width:100%;min-width:0;color:var(--ink);border-radius:0;min-height:56px;padding:16px 18px;font-size:1rem}.reference-siding-panel-siding .newsletter-entry input::placeholder{color:var(--foreground)}.reference-siding-panel-siding .newsletter-entry .btn{white-space:nowrap;flex-shrink:0;gap:14px;padding:16px 20px}.reference-siding-panel-siding .newsletter-entry .btn>span{font-size:1.2rem;line-height:1}.reference-siding-panel-siding .newsletter-consent{color:var(--ink-foreground);cursor:pointer;align-items:flex-start;gap:12px;margin-top:20px;font-size:.9rem;line-height:1.6;display:flex}.reference-siding-panel-siding .newsletter-consent input{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0;margin:3px 0 0}.reference-siding-panel-siding .newsletter-form input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.reference-siding-panel-siding .newsletter-note{color:var(--ink-foreground);max-width:520px;margin-top:15px;font-size:.875rem;line-height:1.6}.reference-siding-panel-siding .newsletter-status{color:var(--ink-foreground);border-left:3px solid var(--accent);background:var(--fencing-overlay);margin-top:20px;padding:16px 18px;font-size:.95rem;line-height:1.6}.reference-siding-panel-siding .newsletter-status a{color:var(--accent);text-underline-offset:3px;margin-top:5px;text-decoration:underline;display:inline-block}@media (width<=1100px){.reference-siding-panel-siding .journal-grid{gap:24px}.reference-siding-panel-siding .journal-card h3{font-size:1.5rem}.reference-siding-panel-siding .newsletter-layout{gap:48px}.reference-siding-panel-siding .newsletter-entry .btn{gap:10px;padding:16px 15px;font-size:.8rem}}@media (width<=800px){.reference-siding-panel-siding .journal-grid{grid-template-columns:1fr;gap:32px}.reference-siding-panel-siding .journal-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;display:grid}.reference-siding-panel-siding .journal-card-image{aspect-ratio:1.2;height:100%;min-height:245px}.reference-siding-panel-siding .journal-card-copy{padding:0}.reference-siding-panel-siding .journal-card h3{font-size:1.6rem}.reference-siding-panel-siding .newsletter-layout{grid-template-columns:1fr;gap:32px}.reference-siding-panel-siding .newsletter-section .lead{max-width:550px}.reference-siding-panel-siding .newsletter-entry .btn{padding:16px 23px;font-size:.85rem}.reference-siding-panel-siding .article-.reference-siding-panel-siding{padding:32px 35px 40px}}@media (width<=520px){.reference-siding-panel-siding .journal-grid{gap:36px}.reference-siding-panel-siding .journal-card{gap:0;display:flex}.reference-siding-panel-siding .journal-card-image{aspect-ratio:1.4;height:auto;min-height:0}.reference-siding-panel-siding .journal-card-copy{padding-top:22px}.reference-siding-panel-siding .journal-card h3{font-size:1.6rem}.reference-siding-panel-siding .journal-card p{margin-bottom:20px}.reference-siding-panel-siding .article-image{height:210px;max-height:30dvh}.reference-siding-panel-siding .article-.reference-siding-panel-siding{padding:28px 25px 32px}.reference-siding-panel-siding .article-.reference-siding-panel-siding h2{font-size:2rem}.reference-siding-panel-siding .article-content p{font-size:1rem;line-height:1.75}.reference-siding-panel-siding .article-content h3{font-size:1.3rem}.reference-siding-panel-siding .newsletter-section{padding:60px 0}.reference-siding-panel-siding .newsletter-section h2{font-size:2.6rem}.reference-siding-panel-siding .newsletter-entry{flex-direction:column;gap:12px}.reference-siding-panel-siding .newsletter-entry .btn{width:100%;min-height:52px}.reference-siding-panel-siding .newsletter-consent{font-size:.9rem}.reference-siding-panel-siding .newsletter-note{font-size:.875rem}}.reference-siding-panel-siding .siding-download-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.reference-siding-panel-siding .siding-download-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-siding-panel-siding .siding-download-card{background:var(--secondary);border:1px solid var(--border);flex-direction:column;align-items:flex-start;min-width:0;padding:32px;display:flex}.reference-siding-panel-siding .siding-download-type{letter-spacing:0;color:var(--lime-ink);margin-bottom:24px;font-size:.72rem;font-weight:700}.reference-siding-panel-siding .siding-download-card h3{margin-bottom:18px;font-size:1.8rem;line-height:1.15}.reference-siding-panel-siding .siding-download-card p{color:currentColor;margin-bottom:26px;font-size:.95rem}.reference-siding-panel-siding .siding-download-meta{color:currentColor;margin-top:auto;margin-bottom:16px;font-size:.8rem}.reference-siding-panel-siding .siding-download-card .btn{gap:18px}.reference-siding-panel-siding .siding-spec-downloads{flex-direction:column;align-items:flex-start;gap:14px;margin-top:25px;display:flex}@media (width<=1100px) and (width>=801px){.reference-siding-panel-siding .siding-page-nav .wrap{flex-wrap:wrap;gap:0}.reference-siding-panel-siding .siding-page-nav .page-tabs,.reference-siding-panel-siding .siding-page-nav .jump-links{justify-content:center;width:100%}.reference-siding-panel-siding .siding-page-nav .jump-links{flex-wrap:wrap;padding:0 0 14px}.reference-siding-panel-siding .siding-download-card{padding:25px}}@media (width<=800px){.reference-siding-panel-siding .siding-download-grid,.reference-siding-panel-siding .siding-download-grid-four{grid-template-columns:1fr}.reference-siding-panel-siding .siding-download-card{padding:28px}.reference-siding-panel-siding .siding-download-card h3{font-size:1.7rem}}.reference-siding-panel-siding .section-head.split-section-heading{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:0 clamp(40px,6vw,88px);margin:0 0 44px;display:grid}.reference-siding-panel-siding .section-head.split-section-heading>.eyebrow{letter-spacing:0;grid-area:1/1/auto/-1;max-width:none;margin:0 0 18px;padding:0;font-size:.75rem;font-weight:600;line-height:1.5}.reference-siding-panel-siding .section-head.split-section-heading>:is(h1,.reference-siding-panel-siding h2,.reference-siding-panel-siding h3){letter-spacing:0;overflow-wrap:break-word;grid-area:2/1;max-width:100%;margin:0;font-size:3rem;font-weight:500;line-height:1.08}.reference-siding-panel-siding .section-head.split-section-heading>p.lead{width:100%;max-width:52ch;font-family:var(--font-sans);font-synthesis:none;grid-area:2/2;align-self:start;margin:0;padding:0;font-size:16px;font-weight:300;line-height:1.65}.reference-siding-panel-siding .split-section-heading+.material-layout,.reference-siding-panel-siding .split-section-heading+.fence-intro-stats,.reference-siding-panel-siding .split-section-heading+.fence-system-grid,.reference-siding-panel-siding .split-section-heading+.product-design .feature-list{margin-top:0}.reference-siding-panel-siding .advantages>.wrap>.advantage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.reference-siding-panel-siding .professionals-section .split-section-heading .eyebrow{color:var(--accent)}.reference-siding-panel-siding .professionals-section .split-section-heading .lead{color:var(--ink-foreground)}.reference-siding-panel-siding .professionals-layout .professional-links{margin-top:0}.reference-siding-panel-siding .newsletter-section .newsletter-layout{max-width:680px;margin-left:auto;display:block}.reference-siding-panel-siding .final-cta .wrap,.reference-siding-panel-siding .fence-newsletter .wrap{display:block}.reference-siding-panel-siding .final-cta .actions{flex-wrap:wrap;max-width:none}.reference-siding-panel-siding .final-cta .actions .btn{width:auto}.reference-siding-panel-siding .section-followup{margin-top:24px}.reference-siding-panel-siding .fence-slatted-family>.split-section-heading{grid-column:1/-1;margin-bottom:0}.reference-siding-panel-siding .fence-slatted-family{row-gap:44px}.reference-siding-panel-siding .fence-slatted-copy .fence-design-specs{margin-top:0}.reference-siding-panel-siding .fence-comparison .split-section-heading>h3{font-size:2.4rem}@media (width<=1000px){.reference-siding-panel-siding .advantages>.wrap>.advantage-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=800px){.reference-siding-panel-siding .section-head.split-section-heading{grid-template-columns:minmax(0,1fr);margin-bottom:32px}.reference-siding-panel-siding .section-head.split-section-heading>.eyebrow{grid-column:1;margin-bottom:14px}.reference-siding-panel-siding .section-head.split-section-heading>:is(h1,.reference-siding-panel-siding h2,.reference-siding-panel-siding h3){font-size:2.25rem}.reference-siding-panel-siding .section-head.split-section-heading>p.lead{grid-area:3/1;max-width:56ch;margin-top:20px}.reference-siding-panel-siding .newsletter-section .newsletter-layout{max-width:none;margin-left:0}.reference-siding-panel-siding .fence-slatted-family{row-gap:32px}}@media (width<=520px){.reference-siding-panel-siding .section-head.split-section-heading>:is(h1,.reference-siding-panel-siding h2,.reference-siding-panel-siding h3){font-size:2rem}.reference-siding-panel-siding .section-head.split-section-heading>.eyebrow{font-size:.7rem}.reference-siding-panel-siding .final-cta .actions{align-items:flex-start;max-width:100%}}.reference-site{font-family:var(--font-sans);color:var(--foreground);background:var(--background);--lime:var(--accent);--olive:var(--lime-ink);--sand:var(--secondary);--line:var(--border);--paper:var(--background);--muted:currentColor;--font:var(--font-sans);line-height:1.6}.reference-site .utility,.reference-site .header,.reference-site .skip{display:none!important}.reference-site .eyebrow{letter-spacing:0;color:inherit}.reference-site h1{font-size:5rem}.reference-site .hero{min-height:740px}.reference-site .hero h1,.reference-site .hero p,.reference-site .btn.dark{color:var(--ink-foreground)}.reference-site button{border-radius:0}.reference-site .page-nav{z-index:30;background:var(--background);top:98px}.reference-site .page-nav .wrap{overflow:auto}.reference-site .page-nav a{white-space:nowrap}.reference-site dialog{z-index:100;margin:auto;position:fixed;inset:0}.reference-site dialog:not([open]){display:none}.reference-site dialog[open]{display:block}.reference-site [hidden]{display:none!important}.reference-site .section,.reference-site section{scroll-margin-top:170px}.reference-site .footer{color:var(--ink-foreground)}.reference-site .final-cta{color:var(--ink)}.reference-site .final-cta .btn.dark{color:var(--ink-foreground)}.reference-site img{max-width:100%}.reference-site .hero .eyebrow{color:var(--accent)}.reference-site .wrap,.reference-site .page-tabs,.reference-site .final-cta .wrap>div{min-width:0}.reference-site .home-hero{padding-top:100px}.reference-site .deck-breakdown{min-width:0;overflow-x:auto}.reference-site .deck-breakdown-copy,.reference-site .deck-breakdown-scroll,.reference-site .deck-filter-bar,.reference-site .deck-filter-buttons{min-width:0;max-width:100%}.reference-site .deck-breakdown-scroll{overflow-x:auto}.reference-site .deck-filter-buttons{flex-wrap:wrap;overflow-x:auto}.reference-site .deck-project-filters,.reference-site .filter-buttons{flex-wrap:wrap}.reference-site .home-hero h1{font-size:5rem}.reference-site .home-hero .eyebrow,.reference-site .home-hero .lead{color:var(--ink-foreground)}@media (width<=800px){.reference-site h1,.reference-site .hero h1,.reference-site .home-hero h1{font-size:3.25rem}.reference-site .home-hero{height:auto;min-height:720px;padding-top:20px}.reference-site .home-hero-content{padding-top:130px;padding-bottom:70px}.reference-site .deck-breakdown-table{min-width:600px}.reference-site .deck-breakdown-table-wrap{max-width:100%;overflow:auto}.reference-site h2{font-size:2.5rem}.reference-site .page-nav{top:94px}.reference-site .hero{min-height:690px}.reference-site .final-cta .wrap{flex-direction:column;align-items:flex-start}.reference-site .page-nav .wrap{display:block}.reference-site .page-tabs{justify-content:flex-start;overflow:auto}.reference-site .hero-caption{display:none}}@media (prefers-reduced-motion:reduce){.reference-site *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.reference-site [class*=hero] h1,.reference-site .installation-intro h1,.reference-site .hero .wrap.hero-content .section-head.split-section-heading h1,.reference-site .hero .section-head.split-section-heading h1{letter-spacing:0;font-size:clamp(2.6rem,6.4vw,5.2rem);font-weight:500;line-height:1.02}.reference-decking-subframe .siding-download-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.reference-decking-subframe .siding-download-card{background:var(--secondary);border:1px solid var(--border);flex-direction:column;align-items:flex-start;min-width:0;padding:32px;display:flex}.reference-decking-subframe .siding-download-type{letter-spacing:0;color:var(--lime-ink);margin-bottom:24px;font-size:.72rem;font-weight:700}.reference-decking-subframe .siding-download-card h3{margin-bottom:18px;font-size:1.8rem;line-height:1.15}.reference-decking-subframe .siding-download-card p{color:currentColor;margin-bottom:26px;font-size:.95rem}.reference-decking-subframe .siding-download-meta{color:currentColor;margin-top:auto;margin-bottom:16px;font-size:.8rem}.reference-decking-subframe .siding-download-card .btn{gap:18px}@media (width<=800px){.reference-decking-subframe .siding-download-grid{grid-template-columns:1fr}.reference-decking-subframe .siding-download-card{padding:28px}.reference-decking-subframe .siding-download-card h3{font-size:1.7rem}}.reference-siding .faqs details .btn,.reference-fencing .faqs details .btn,.reference-decking .faqs details .btn{color:#fff;margin-top:18px;text-decoration:none}.reference-siding .advantages,.reference-siding-fluted-siding .advantages,.reference-siding-panel-siding .advantages{background-color:var(--deep-green);color:var(--ink-foreground)}.reference-siding .advantages .eyebrow,.reference-siding-fluted-siding .advantages .eyebrow,.reference-siding-panel-siding .advantages .eyebrow{color:var(--accent)}.reference-siding .advantages .lead,.reference-siding-fluted-siding .advantages .lead,.reference-siding-panel-siding .advantages .lead{color:var(--ink-foreground)}.reference-siding .advantages .advantage-card,.reference-siding-fluted-siding .advantages .advantage-card,.reference-siding-panel-siding .advantages .advantage-card{background-color:var(--background);color:var(--ink);box-shadow:0 22px 50px #04120d59}.reference-site .footer-bottom,.reference-home .home-footer-location{color:inherit!important}.reference-siding .newsletter-section,.reference-siding .newsletter-section :not(input):not(textarea):not(select),.reference-siding-fluted-siding .newsletter-section,.reference-siding-fluted-siding .newsletter-section :not(input):not(textarea):not(select),.reference-siding-panel-siding .newsletter-section,.reference-siding-panel-siding .newsletter-section :not(input):not(textarea):not(select),.reference-siding-fluted-siding .professionals-section,.reference-siding-fluted-siding .professionals-section :not(input):not(textarea):not(select),.reference-siding-panel-siding .professionals-section,.reference-siding-panel-siding .professionals-section :not(input):not(textarea):not(select),.reference-decking .professionals-section,.reference-decking .professionals-section :not(input):not(textarea):not(select),.reference-decking-decktiles .tiles-diy,.reference-decking-decktiles .tiles-diy :not(input):not(textarea):not(select),.reference-decking .deck-professionals,.reference-decking .deck-professionals :not(input):not(textarea):not(select){color:var(--ink)!important}.reference-home .home-products-grid .home-product-index,.reference-home .home-products-grid .home-image-note{display:none!important}.reference-home .home-products-section .eyebrow,.reference-fencing .fencing-hero-accent{color:var(--accent)!important}.reference-siding .siding-video-frame{margin-top:44px}.reference-siding .siding-video-frame video{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;display:block}.footer-top>div:first-child>p{max-width:260px}.reference-site .footer .logo{width:160px!important}.reference-site .section-head .lead{color:var(--ink)!important;font-weight:400!important}.reference-site .hero .lead,.reference-site .home-hero .lead,.reference-site .construction .lead,.reference-site .advantages .lead,.reference-site .professionals-section .lead,.reference-site .deck-newsletter .lead,.reference-site .noma-results .lead,.reference-site .newsletter-section .lead,.reference-site .deck-professionals .lead,.reference-siding .siding-downloads .lead,.reference-fencing-panel-fencing .fence-system .lead,.reference-fencing-slatted-fencing .fence-system .lead{color:var(--ink-foreground)!important}.reference-home #where-to-buy .home-resource-links{flex-flow:wrap;gap:13px 30px}.reference-fencing .project-photo-count,.reference-fencing-panel-fencing .project-photo-count,.reference-fencing-slatted-fencing .project-photo-count{display:none!important}.reference-home .home-strata-cta{border-top:1px solid var(--secondary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px 40px;margin-top:64px;padding-top:36px;display:flex}.reference-home .home-strata-cta p{font-family:var(--font-sans);max-width:56ch;margin:0;font-size:16px;font-weight:300;line-height:1.65}@media (width<=800px){.reference-home .home-strata-cta{margin-top:44px;padding-top:28px}}.reference-home .home-strata .section-head.split-section-heading{column-gap:20%!important}.reference-fencing .final-cta,.reference-fencing-panel-fencing .final-cta,.reference-fencing-slatted-fencing .final-cta{background:var(--accent)!important}.reference-fencing .final-cta .eyebrow,.reference-fencing-panel-fencing .final-cta .eyebrow,.reference-fencing-slatted-fencing .final-cta .eyebrow,.reference-fencing .final-cta p a,.reference-fencing-panel-fencing .final-cta p a,.reference-fencing-slatted-fencing .final-cta p a{color:var(--ink)!important}.reference-fencing-panel-fencing .fence-system,.reference-fencing-slatted-fencing .fence-system{background:var(--card)!important;color:var(--ink)!important}.reference-fencing-panel-fencing .fence-system .lead,.reference-fencing-slatted-fencing .fence-system .lead,.reference-fencing-panel-fencing .fence-system .fence-system-item>span,.reference-fencing-slatted-fencing .fence-system .fence-system-item>span,.reference-fencing-panel-fencing .fence-system .fence-system-item p,.reference-fencing-slatted-fencing .fence-system .fence-system-item p,.reference-fencing-panel-fencing .fence-system .fence-system-bottom p,.reference-fencing-slatted-fencing .fence-system .fence-system-bottom p{color:var(--ink)!important}.reference-fencing-panel-fencing .fence-system .fence-system-item,.reference-fencing-slatted-fencing .fence-system .fence-system-item{border-top-color:color-mix(in srgb,var(--ink) 18%,transparent)!important}.reference-decking [data-tone=lime] .eyebrow,.reference-decking [data-tone=lime] p a{color:var(--ink)!important}.reference-fencing .image-note,.reference-fencing-panel-fencing .image-note,.reference-fencing-slatted-fencing .image-note,.reference-fencing .gate-photo-link,.reference-fencing-panel-fencing .gate-photo-link,.reference-fencing-slatted-fencing .gate-photo-link,.reference-fencing-installation .gate-photo-link,.reference-site .journal-image-note,.reference-site .deck-project-cover>span,.reference-site .zero-project-cover>span,.reference-decking-subframe .zero-subframe>figure>figcaption,.reference-decking-zerogap-decking .zero-subframe>figure>figcaption{color:var(--ink-foreground)!important}.reference-home .home-products-section .eyebrow{color:var(--lime-ink)!important}.reference-decking [data-tone=lime] .faqs details,.reference-decking [data-tone=lime] .faq-followup{border-color:color-mix(in srgb,var(--ink) 24%,transparent)!important}.reference-siding #advantages,.reference-siding #professionals{color:var(--ink)!important}.reference-siding #professionals .eyebrow,.reference-siding #professionals .split-section-heading .eyebrow{color:var(--lime-ink)!important}.reference-siding #advantages .eyebrow,.reference-siding #advantages h2 span{color:oklch(42% .11 125)!important}.reference-siding #advantages .advantage-intro>.btn{color:var(--ink)!important;border-color:color-mix(in srgb,var(--ink) 30%,transparent)!important}.reference-siding #advantages .advantage-card{border:1px solid color-mix(in srgb,var(--ink) 12%,transparent)!important}.reference-siding #professionals .lead,.reference-siding #professionals .professional-links a{color:var(--ink)!important}.reference-siding #professionals .professional-links a>span,.reference-siding #professionals .professional-inspiration{color:var(--lime-ink)!important}.reference-siding #professionals .professionals-image figcaption,.reference-siding #professionals .professionals-image small{color:var(--ink)!important}.reference-siding #professionals .professional-links>a{border-color:color-mix(in srgb,var(--ink) 16%,transparent)!important}.reference-siding #downloads .lead,.reference-siding #advantages .lead{color:var(--ink)!important}.reference-decking .deck-hero h1 span,.reference-siding h1 span,.reference-site .footer .footer-title{color:var(--accent)!important}