*{box-sizing:border-box} body{margin:0;font-family:Georgia,'Times New Roman',serif;color:#22382a;background:#f8f7f1;line-height:1.65}
a{color:#22402e} a:hover{text-decoration:underline}
.site-header{background:#16281d;color:#fff} .brand-row{display:flex;flex-wrap:wrap;gap:16px;align-items:center;max-width:1160px;margin:0 auto;padding:18px 20px}
.brand{font-size:30px;font-weight:700;color:#fff;text-decoration:none;letter-spacing:.5px} .tagline{color:#a8cbb0;font-size:15px}
.cta-btn{margin-left:auto;background:#c9a44a;color:#1a1a1a;padding:10px 18px;border-radius:6px;text-decoration:none;font-weight:700}
.nav-row{background:#22402e} .nav-menu{display:flex;flex-wrap:wrap;gap:4px;list-style:none;margin:0 auto;padding:0 20px;max-width:1160px}
.nav-menu>li{position:relative} .nav-menu a,.dropbtn{display:block;color:#fff;text-decoration:none;padding:12px 14px;background:none;border:0;font:inherit;cursor:pointer}
.nav-menu .menu{display:none;position:absolute;left:0;top:100%;background:#fff;list-style:none;margin:0;padding:8px 0;min-width:260px;box-shadow:0 8px 24px rgba(0,0,0,.25);z-index:20}
.nav-menu .menu a{color:#22382a;padding:9px 16px} .nav-item:hover>.menu,.nav-item:focus-within>.menu,.nav-item.open>.menu{display:block}
.hero{max-width:1160px;margin:0 auto;padding:34px 20px 10px} .hero h1{font-size:40px;line-height:1.2;margin:8px 0}
.kicker{text-transform:uppercase;letter-spacing:2px;color:#22402e;font-weight:700;font-size:13px} .evidence{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.evidence-item{background:#fff;border-left:5px solid #c9a44a;padding:12px 14px;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.motif{height:26px;margin:18px 0;border-radius:6px;background:repeating-linear-gradient(90deg,#c9a44a 0 14px,transparent 14px 28px);opacity:.55}
main{max-width:1160px;margin:0 auto;padding:10px 20px 40px} .breadcrumb{font-size:14px;color:#666;margin:10px 0}
.lede{font-size:19px} .figure{margin:20px 0} .figure img{max-width:100%;height:auto;border-radius:8px} .caption{font-size:14px;color:#666}
.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin:20px 0}
.card,.blog-card{background:#fff;border:1px solid #ddd;border-top:5px solid #c9a44a;border-radius:8px;padding:18px} .card h3,.blog-card h3{margin-top:0}
.spec-table{border-collapse:collapse;width:100%;margin:18px 0;background:#fff} .spec-table th,.spec-table td{border:1px solid #ddd;padding:10px 12px;text-align:left} .table-wrap{overflow-x:auto}
.related{columns:2;gap:24px} .form-box{background:#fff;border:1px solid #ddd;border-radius:8px;padding:22px;max-width:640px;margin:20px 0}
.field{margin-bottom:14px} .field label{display:block;font-weight:700;margin-bottom:6px} .field input,.field textarea{width:100%;padding:10px;border:1px solid #bbb;border-radius:4px;font:inherit}
.btn{background:#22402e;color:#fff;border:0;padding:12px 22px;border-radius:6px;font-weight:700;cursor:pointer} .hidden{display:none}
.note{background:#fffbe8;border:1px solid #e8d9a0;padding:12px 14px;border-radius:6px} .site-footer{background:#16281d;color:#ddd;padding:26px 20px;text-align:center} .site-footer a{color:#fff}
.range-overview{margin:24px 0} .range-overview h2{font-size:22px} .skip{position:absolute;left:-9999px} .visually-hidden{position:absolute;left:-9999px} .tag{display:inline-block;background:#c9a44a;padding:2px 8px;border-radius:4px;font-size:13px} .meta{font-size:14px;color:#666}
@media(max-width:640px){.hero h1{font-size:29px} .brand-row{flex-direction:column;align-items:flex-start} .cta-btn{margin-left:0} .related{columns:1}}

.lang-switch{width:max-content;margin:10px 16px 0 auto;position:relative;z-index:60}
.lang-switch summary{cursor:pointer;list-style:none;font-weight:600}
.lang-switch ul{list-style:none;margin:6px 0 0;padding:8px 0;background:#fff;border:1px solid #ccc}
.lang-switch li{padding:2px 14px}
.lang-switch a{color:#222;text-decoration:none}
.lang-switch .cur{font-weight:700}

/* NEXOL visual sample: existing content, independent visual skin. */
:root{--forest:#22402e;--brass:#c9a44a;--paper:#f8f7f1;--dark:#16281d;--line:#d5dace;--muted:#536357}
*{box-sizing:border-box;min-width:0}html{background:var(--paper)}body{margin:0;color:var(--dark);background:var(--paper);font:16px/1.75 Arial,Helvetica,sans-serif;overflow-wrap:anywhere}img{max-width:100%;height:auto;display:block}a{color:var(--forest);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--brass);outline-offset:4px}
.site-header{position:relative;background:var(--dark);color:var(--paper);padding-top:8px}.brand-row{max-width:1160px;margin:auto;padding:16px 100px 22px 28px;display:flex;gap:28px;align-items:center}.brand{color:var(--paper);font-size:32px;font-weight:800;letter-spacing:.12em;text-decoration:none;line-height:1.1}.tagline{font-size:13px;line-height:1.5;max-width:230px;color:#d9e1d6}.cta-btn{margin-left:auto;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 19px;background:var(--brass);color:var(--dark);font-weight:700;font-size:14px;text-decoration:none;border-radius:2px}.cta-btn:hover{background:#dec17b;text-decoration:none}
.lang-switch{position:absolute;right:max(24px,calc((100% - 1104px)/2));top:28px;z-index:60;font-size:13px}.lang-switch summary{cursor:pointer;padding:8px 4px;min-height:40px;list-style:none}.lang-switch summary::-webkit-details-marker{display:none}.lang-switch ul{position:absolute;right:0;top:100%;margin:5px 0;padding:8px;list-style:none;width:150px;background:var(--paper);border:1px solid var(--line);box-shadow:0 10px 24px #16281d26;color:var(--dark)}.lang-switch a,.lang-switch .cur{display:block;padding:8px;text-decoration:none}.lang-switch .cur{font-weight:700}
.nav-row{border-top:1px solid #ffffff20;background:var(--forest)}.nav-menu{display:flex;list-style:none;gap:12px;max-width:1160px;margin:0 auto;padding:0 16px}.nav-menu>li{position:relative}.nav-menu>li>a,.dropbtn{display:block;padding:12px;color:var(--paper);font-size:13px;text-decoration:none;border:0;background:none;cursor:pointer;min-height:46px}.nav-menu .menu{display:none;position:absolute;top:100%;left:0;width:290px;max-width:calc(100vw - 40px);list-style:none;margin:0;padding:10px;background:var(--paper);border:1px solid var(--line);box-shadow:0 12px 28px #16281d26;z-index:50}.nav-menu .menu a{display:block;color:var(--dark);padding:9px 12px;font-size:14px;text-decoration:none}.nav-menu .menu a:hover{background:#e8ece3}.nav-item:focus-within>.menu,.nav-item.open>.menu{display:block}@media(hover:hover){.nav-item:hover>.menu{display:block}}
.hero{position:relative;isolation:isolate;max-width:1160px;margin:0 auto;padding:50px 28px 32px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);column-gap:64px;overflow:hidden}.hero .motif{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(119deg,transparent 42%,#c9a44a13 42.2%,#fff9de66 52%,transparent 52.3%),linear-gradient(119deg,transparent 63%,#c9a44a17 63.2%,#fffdf080 77%,transparent 77.2%)}.kicker{grid-column:1;margin:0 0 18px;font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--forest)}.hero h1{grid-column:1;margin:0;max-width:650px;font-size:clamp(34px,4.2vw,58px);line-height:1.09;font-weight:500;letter-spacing:-.045em}.evidence{grid-column:2;grid-row:1/3;list-style:none;margin:0;padding:2px 0 0;display:grid;gap:12px}.evidence-item{border-left:1px solid var(--brass);padding:0 0 0 16px;font-size:12px;line-height:1.65;color:var(--muted)}
main{max-width:1160px;margin:auto;padding:0 28px 88px}.breadcrumb{border-top:1px solid var(--line);padding-top:14px;margin:0 0 28px;font-size:12px;color:var(--muted)}main>.motif{display:none}.figure{width:min(100%,840px);margin:28px auto 42px}.figure img{width:100%;aspect-ratio:2.05;object-fit:contain;background:#e6e8e1}.caption{padding:11px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:1.6;color:var(--muted)}
.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px;margin:32px 0 64px}.card{padding:22px 0;border-top:1px solid var(--line)}.card h3{font-size:18px;font-weight:500;line-height:1.4;margin:0 0 10px}.card h3 a{text-decoration:none}.card h3 a:hover{text-decoration:underline}.card p{font-size:13px;line-height:1.7;color:var(--muted);margin:0;max-width:32ch}.tag{display:block}.card-grid:has(.tag){grid-template-columns:repeat(6,minmax(0,1fr));gap:0 26px}.card-grid:has(.tag) .card{grid-column:span 2}.card-grid:has(.tag) .card:nth-child(-n+2){grid-column:span 3;background:#edf0e8;border-top:2px solid var(--brass);padding:27px 26px 30px;margin-bottom:26px}.card-grid:has(.tag) .card:nth-child(-n+2) h3{font-size:27px;letter-spacing:-.025em}.card-grid:has(.tag) .card:nth-child(n+6){margin-top:12px}
main>h2{max-width:780px;margin:64px 0 22px;padding-top:19px;border-top:1px solid var(--line);color:var(--forest);font-size:clamp(25px,2.4vw,33px);font-weight:500;line-height:1.25;letter-spacing:-.025em}main>h2:before{content:"";display:block;width:28px;height:3px;background:var(--brass);margin:0 0 17px}main>p{max-width:740px;margin:0 0 24px;font-size:16px;line-height:1.9}main>.lede{font-size:21px;line-height:1.6;max-width:780px;margin:42px 0}.note{border-left:2px solid var(--brass);padding:12px 24px;background:#eef0e7}.range-overview{padding:30px 36px;margin:40px 0;background:#e9eee5;border-left:2px solid var(--brass)}.range-overview h2{font-size:27px;font-weight:500;line-height:1.3;color:var(--forest);margin:0 0 16px}.range-overview p{max-width:740px}.range-overview ul{columns:2;padding-left:20px;column-gap:48px}.range-overview li{break-inside:avoid;margin-bottom:10px}.related{list-style:none;margin:0;padding:22px 28px;background:#e9eee5;display:grid;grid-template-columns:1fr 1fr;gap:6px 30px}.related a{display:block;padding:9px 0;font-size:15px}.table-wrap{max-width:100%;overflow-x:auto}.spec-table{width:100%;border-collapse:collapse;table-layout:fixed}.spec-table td,.spec-table th{border:1px solid var(--line);padding:12px;text-align:left}.site-footer{background:var(--dark);color:#d9e1d6;padding:36px max(28px,calc((100% - 1104px)/2));font-size:12px}.site-footer p{max-width:740px;margin:0 0 14px}.site-footer a{color:var(--paper)}
@media(max-width:760px){.brand-row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:18px 24px 20px}.brand{font-size:28px}.tagline{grid-column:1;grid-row:2;font-size:12px;max-width:210px}.cta-btn{grid-column:2;grid-row:2;font-size:12px;padding:9px 12px;min-height:44px}.lang-switch{right:24px;top:20px}.nav-menu{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;padding:0 12px}.nav-menu>li>a,.dropbtn{padding:12px 4px;font-size:11px;text-align:center;width:100%}.nav-menu:has(.nav-item.open),.nav-menu:has(.nav-item:focus-within){grid-template-columns:1fr 1fr}.nav-menu .nav-item.open,.nav-menu .nav-item:focus-within{grid-column:1/-1}.nav-menu .menu{position:static;width:100%;max-width:100%;box-shadow:none;text-align:left}.hero{padding:32px 24px 26px;display:block}.hero h1{font-size:39px;max-width:540px;letter-spacing:-.04em}.kicker{font-size:10px;margin-bottom:15px}.evidence{margin:28px 0 0;grid-template-columns:1fr 1fr;gap:16px}.evidence-item{font-size:11px;padding-left:10px;line-height:1.6}.hero .motif{background:linear-gradient(119deg,transparent 36%,#c9a44a18 36.2%,#fff9de80 54%,transparent 54.2%),linear-gradient(119deg,transparent 65%,#c9a44a12 65.2%,#fffdf080 83%,transparent 83.2%)}main{padding:0 24px 56px}.figure{margin:24px auto 32px}.figure img{aspect-ratio:1.64}.card-grid,.card-grid:has(.tag){grid-template-columns:1fr 1fr;gap:0 18px;margin-bottom:38px}.card-grid:has(.tag) .card{grid-column:auto}.card-grid:has(.tag) .card:nth-child(-n+2){grid-column:1/-1;padding:22px;margin-bottom:16px}.card-grid:has(.tag) .card:nth-child(-n+2) h3{font-size:25px}.card h3{font-size:17px}.card p{font-size:12px}.card-grid:has(.tag) .card:nth-child(n+6){margin-top:0}main>h2{margin-top:44px;font-size:26px}main>p{font-size:15px;line-height:1.85}main>.lede{font-size:19px}.range-overview{padding:24px}.range-overview ul{columns:1}.related{grid-template-columns:1fr;padding:18px 24px}.site-footer{padding:30px 24px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

/* R2: category hierarchy and supporting-copy rhythm only. */
main>.card-grid:not(:has(.tag)){grid-template-columns:repeat(6,minmax(0,1fr));gap:0 28px}
main>.card-grid:not(:has(.tag))>.card{grid-column:span 2;padding:18px 0}
main>.card-grid:not(:has(.tag))>.card:nth-child(-n+2){grid-column:span 3}
main>.card-grid:not(:has(.tag))>.card:nth-child(3){grid-column:1/-1;padding:32px;margin:12px 0 28px;background:#e9eee5;border-top:3px solid var(--brass)}
main>.card-grid:not(:has(.tag))>.card:nth-child(3) h3{font-size:30px;line-height:1.3}
main>.card-grid:not(:has(.tag))>.card:nth-child(3) p{max-width:60ch;font-size:14px}
main>.card-grid:not(:has(.tag))>.card:nth-child(n+4) h3{font-size:15px}
main>.card-grid:not(:has(.tag))>.card:nth-child(n+4) p{font-size:12px}
/* Each existing h2 + p + p remains in document and reading order. */
main>h2:has(+p){clear:both;max-width:none;margin:72px 0 0;padding:28px 28px 22px;border-top:1px solid var(--line)}
main>h2:has(+p)+p,main>h2:has(+p)+p+p{max-width:none;margin:0;padding:0 28px 28px;line-height:1.95}
main>h2:nth-of-type(even):has(+p),main>h2:nth-of-type(even):has(+p)+p,main>h2:nth-of-type(even):has(+p)+p+p{background:#e9eee5}
main>h2:nth-of-type(odd):has(+p){float:left;width:30%;font-size:27px;padding:24px 24px 0 0;margin-top:72px}
main>h2:nth-of-type(odd):has(+p)+p{margin-top:72px;padding-top:24px;border-top:1px solid var(--line)}
main>h2:nth-of-type(odd):has(+p)+p,main>h2:nth-of-type(odd):has(+p)+p+p{margin-left:34%;padding-left:0;padding-right:0}
main>h2:has(+.related){clear:both;padding-top:32px;margin-top:64px}
@media(max-width:760px){
 main>.card-grid:not(:has(.tag)){grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}
 main>.card-grid:not(:has(.tag))>.card,main>.card-grid:not(:has(.tag))>.card:nth-child(-n+2){grid-column:span 1}
 main>.card-grid:not(:has(.tag))>.card:nth-child(3){grid-column:1/-1;padding:24px}
 main>.card-grid:not(:has(.tag))>.card:nth-child(3) h3{font-size:26px}
 main>h2:has(+p),main>h2:nth-of-type(odd):has(+p){float:none;width:auto;margin:48px 0 0;padding:24px 18px 20px;font-size:26px}
 main>h2:has(+p)+p,main>h2:has(+p)+p+p,main>h2:nth-of-type(odd):has(+p)+p,main>h2:nth-of-type(odd):has(+p)+p+p{margin:0;padding:0 18px 28px;border-top:0;line-height:1.95}
}

/* Round 2 item 6: homepage-only five-part rhythm; category rules stay intact. */
main:has(>.range-overview)>h2:has(+p){float:none;width:auto;max-width:none;margin:64px 0 0;padding:30px 32px 22px;border:0;background:var(--paper);color:var(--forest);font-size:32px;text-align:left}
main:has(>.range-overview)>h2:has(+p)+p,main:has(>.range-overview)>h2:has(+p)+p+p{margin:0;padding:0 32px 30px;border:0;background:var(--paper);color:var(--dark);text-align:left}
/* 1: forest panel. */
main:has(>.range-overview)>h2:nth-of-type(5n+1):has(+p),main:has(>.range-overview)>h2:nth-of-type(5n+1)+p,main:has(>.range-overview)>h2:nth-of-type(5n+1)+p+p{background:var(--forest);color:var(--paper)}
/* 2: photographic header followed by open paper copy. */
main:has(>.range-overview)>h2:nth-of-type(5n+2):has(+p){padding:0 0 24px;font-size:40px}
main:has(>.range-overview)>h2:nth-of-type(5n+2):has(+p)::before{width:100%;height:230px;margin:0 0 28px;background:var(--dark) url('/assets/img/nexol-pendant.jpg') center/cover}
main:has(>.range-overview)>h2:nth-of-type(7):has(+p)::before{background-image:url('/assets/img/nexol-bollards.jpg')}
/* 3: narrow title column with adjacent reading column. */
main:has(>.range-overview)>h2:nth-of-type(5n+3):has(+p){float:left;width:29%;padding:24px 20px 0 0;border-top:3px solid var(--brass);font-size:27px}
main:has(>.range-overview)>h2:nth-of-type(5n+3)+p,main:has(>.range-overview)>h2:nth-of-type(5n+3)+p+p{margin-left:34%;padding-left:0;padding-right:0}
main:has(>.range-overview)>h2:nth-of-type(5n+3)+p{margin-top:64px;padding-top:24px;border-top:1px solid var(--forest)}
/* 4: centred editorial title and a brass rule. */
main:has(>.range-overview)>h2:nth-of-type(5n+4):has(+p){font-size:44px;text-align:center;padding:36px 6% 26px;border-top:4px solid var(--brass)}
main:has(>.range-overview)>h2:nth-of-type(5n+4):has(+p)::before{margin:0 auto 20px;width:72px}
main:has(>.range-overview)>h2:nth-of-type(5n+4)+p,main:has(>.range-overview)>h2:nth-of-type(5n+4)+p+p{padding-left:10%;padding-right:10%}
/* 5: compact brass-edged tinted block. */
main:has(>.range-overview)>h2:nth-of-type(5n):has(+p),main:has(>.range-overview)>h2:nth-of-type(5n)+p,main:has(>.range-overview)>h2:nth-of-type(5n)+p+p{background:#22402e0d;border-left:5px solid var(--brass)}
main:has(>.range-overview)>h2:nth-of-type(5n):has(+p){font-size:26px;text-align:right}
/* Range pairs alternate open, dark, and ruled inset treatments. */
.range-overview{background:var(--paper);border:0;padding:0;margin:56px 0}
.range-overview>h2{margin:36px 0 0;padding:24px 28px 14px;border-top:1px solid var(--forest)}
.range-overview>p{max-width:none;margin:0;padding:0 28px 28px}
.range-overview>h2:nth-of-type(3n+2),.range-overview>h2:nth-of-type(3n+2)+p{background:var(--dark);color:var(--paper)}
.range-overview>h2:nth-of-type(3n+2){font-size:32px;border-top:3px solid var(--brass)}
.range-overview>h2:nth-of-type(3n),.range-overview>h2:nth-of-type(3n)+p{margin-left:12%;background:#c9a44a14;border-left:3px solid var(--brass)}
.range-overview>h2:nth-of-type(3n){font-size:23px;text-align:right;border-top:0}
/* Product photographs are decorative interludes without captions. */
.range-overview>h2:nth-of-type(3)::before,.range-overview>h2:nth-of-type(6)::before,.range-overview>h2:nth-of-type(9)::before,main:has(>.range-overview)>h2:nth-of-type(10)+p+p::after{content:"";display:block;height:220px;width:100%;margin:0 0 26px;background:var(--paper) url('/assets/img/nexol-ezy.jpg') center/cover}
.range-overview>h2:nth-of-type(6)::before{background-image:url('/assets/img/nexol-cube.jpg')}
.range-overview>h2:nth-of-type(9)::before{background-image:url('/assets/img/nexol-garden-bollard.jpg')}
main:has(>.range-overview)>h2:nth-of-type(10)+p+p::after{margin:30px 0 0;background-image:url('/assets/img/nexol-floodlights.jpg')}
@media(max-width:760px){
main:has(>.range-overview)>h2:has(+p){font-size:27px;padding:24px 18px 20px;margin-top:44px}
main:has(>.range-overview)>h2:has(+p)+p,main:has(>.range-overview)>h2:has(+p)+p+p{padding:0 18px 24px}
main:has(>.range-overview)>h2:nth-of-type(5n+2):has(+p){padding:0 0 20px;font-size:31px}
main:has(>.range-overview)>h2:nth-of-type(5n+3):has(+p){float:none;width:auto;max-width:80%;padding-left:0;font-size:25px}
main:has(>.range-overview)>h2:nth-of-type(5n+3)+p,main:has(>.range-overview)>h2:nth-of-type(5n+3)+p+p{margin:0 0 0 8%;padding:0 0 24px;border:0}
main:has(>.range-overview)>h2:nth-of-type(5n+4):has(+p){font-size:34px}
.range-overview>h2{font-size:25px;padding:22px 18px 14px}.range-overview>p{padding:0 18px 24px}
.range-overview>h2:nth-of-type(3n+2){font-size:28px}.range-overview>h2:nth-of-type(3n),.range-overview>h2:nth-of-type(3n)+p{margin-left:6%}
main:has(>.range-overview)>h2:nth-of-type(5n+2):has(+p)::before,.range-overview>h2:nth-of-type(3)::before,.range-overview>h2:nth-of-type(6)::before,.range-overview>h2:nth-of-type(9)::before,main:has(>.range-overview)>h2:nth-of-type(10)+p+p::after{height:160px}
}