.shop-products:has(.collective-product){grid-template-columns:repeat(4,minmax(0,1fr))}
.collective-product .product-photo img{object-fit:cover;object-position:50% 50%}
.compare-table th,.compare-table td{width:20%;padding-inline:18px}
.compare-table{min-width:760px}
.municipal-teaser{display:grid;grid-template-columns:1.2fr .8fr;background:#e8ede3;margin:50px 5% 75px;overflow:hidden}
.municipal-teaser>div{padding:55px 10%;align-self:center}.municipal-teaser h2{font-size:clamp(32px,3.6vw,52px);margin-bottom:24px}.municipal-teaser p:not(.eyebrow){font-size:15px;line-height:1.7;color:#52634f;max-width:520px}.municipal-teaser>a{display:block;background:#dce3d7;min-height:400px}.municipal-teaser img{width:100%;height:100%;max-height:460px;object-fit:cover;object-position:50% 45%}
.municipal-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:8%;padding:65px 7% 60px;background:#f2f3ec;align-items:center}.municipal-hero h1{font-size:clamp(42px,5.1vw,74px);letter-spacing:-.05em;line-height:1.04;margin:0 0 30px}.municipal-hero>div>p:not(.eyebrow){max-width:580px;color:#5c6a5b;font-size:17px;line-height:1.8}.municipal-hero .button{margin-top:12px}.municipal-hero .text-link{display:block;margin-top:20px;font-size:13px}.municipal-hero figure{margin:0}.municipal-hero img{width:100%;height:560px;object-fit:cover;border-radius:3px}.municipal-hero figcaption,.municipal-layouts figcaption{font-size:11px;color:#65705f;margin-top:10px;line-height:1.5}.municipal-facts{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:35px;font-size:11px;color:#3a5039}.municipal-facts span{border-top:1px solid #adbaa3;padding-top:10px}
.municipal-purpose{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}.municipal-purpose h2,.municipal-install h2,.municipal-project h2,.municipal-layouts h2{font-size:clamp(33px,3.7vw,53px);line-height:1.12}.municipal-purpose p,.municipal-install p,.municipal-layouts p,.municipal-project p{font-size:15px;line-height:1.8;color:#61705d}.municipal-points article{display:flex;gap:25px;border-bottom:1px solid #dce2d8;padding:0 0 24px;margin-bottom:26px}.municipal-points article>span{font-size:12px;color:#79916b;padding-top:5px}.municipal-points h3{font-size:23px;margin:0 0 9px}.municipal-points p{margin:0;font-size:14px}
.municipal-install{background:#edf0e8}.municipal-install-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:32px 0 25px}.municipal-install-grid article{padding:32px;background:#fff;border:1px solid #dbe2d3}.installation-number{font-size:12px;letter-spacing:.12em;color:#718565;border-bottom:1px solid #bccbb0;display:block;padding-bottom:15px;margin-bottom:22px}.municipal-install-grid h3{font-size:27px}.municipal-install .fine{font-size:12px}
.municipal-layouts{display:grid;grid-template-columns:1.15fr .7fr .7fr;gap:40px;align-items:center}.municipal-layouts figure{margin:0}.municipal-layouts img{width:100%;height:350px;object-fit:cover;border-radius:3px}.municipal-presets{display:flex;flex-direction:column;gap:10px;margin:25px 0}.municipal-presets a{font-size:14px;text-underline-offset:5px}.municipal-layouts .fine{font-size:11px}
.municipal-project{display:grid;grid-template-columns:1.2fr .8fr;gap:10%;border-top:1px solid #e1e6dc}.municipal-project ol{padding:0;list-style:none;counter-reset:project;margin:28px 0}.municipal-project li{counter-increment:project;position:relative;padding:0 0 22px 45px;line-height:1.7}.municipal-project li:before{content:'0' counter(project);position:absolute;left:0;color:#7c906f;font-size:12px;top:2px}.municipal-project li strong{display:block;font-size:15px;font-weight:500}.municipal-project li span{font-size:13px;color:#65735f}.municipal-project .text-link{display:block;margin-top:18px;font-size:13px}.municipal-quote{background:#1d382c;color:white;padding:40px;align-self:center}.municipal-quote h3{font-size:35px;line-height:1.15}.municipal-quote p{color:#d0dcc9;font-size:14px}.municipal-quote .eyebrow{color:#b6c8aa;font-size:10px}
@media(max-width:1100px){.shop-products:has(.collective-product){grid-template-columns:repeat(2,minmax(0,1fr))}.municipal-hero{gap:5%;padding:50px 5%}.municipal-hero img{height:480px}.municipal-hero h1{font-size:48px}.municipal-layouts{gap:25px}.municipal-layouts img{height:300px}.header nav{gap:15px}.header nav a{font-size:13px}}
@media(max-width:780px){.municipal-teaser{grid-template-columns:1fr;margin:35px 5% 45px}.municipal-teaser>div{padding:35px 8%}.municipal-teaser>a{min-height:0}.municipal-teaser img{height:330px;object-fit:contain}.municipal-hero{grid-template-columns:1fr;gap:35px;padding:40px 7%}.municipal-hero h1{font-size:43px}.municipal-hero>div>p:not(.eyebrow){font-size:15px}.municipal-hero img{height:400px;object-fit:contain;background:#e4e9dc}.municipal-purpose,.municipal-project{grid-template-columns:1fr;gap:30px}.municipal-install-grid{grid-template-columns:1fr}.municipal-install-grid article{padding:25px}.municipal-layouts{grid-template-columns:1fr 1fr;gap:25px 15px}.municipal-layouts>div{grid-column:1/-1}.municipal-layouts img{height:250px}.municipal-quote{padding:32px}.compare-table th,.compare-table td{padding:15px}.header nav a{font-size:16px}}
@media(max-width:500px){.shop-products:has(.collective-product){grid-template-columns:1fr}.municipal-layouts img{height:210px}}

/* Full product framing for the collective photographic scenes. */
.municipal-hero img{height:auto;aspect-ratio:3/4;object-fit:contain}.municipal-teaser img{object-fit:contain;background:#eceee7}.municipal-layouts img{height:auto;aspect-ratio:3/4;object-fit:contain}

.product-breadcrumb{display:flex;align-items:center;gap:12px;padding:20px 7%;font-size:13px;color:#56676b;background:#f2f3ec}.product-breadcrumb a{text-underline-offset:4px}.product-detail .municipal-hero{padding-top:30px;grid-template-columns:1fr 1fr;gap:6%}.product-detail .municipal-hero h1{margin-bottom:20px}.product-subtitle{font-size:clamp(24px,2.6vw,37px);line-height:1.2;letter-spacing:-.025em}.product-detail .municipal-hero img{aspect-ratio:auto;height:auto;object-fit:contain;background:#eeeee8}.product-detail .municipal-quote{background:#123044}.product-detail .municipal-quote .eyebrow{color:#bdd0d7}
@media(max-width:780px){.product-detail .municipal-hero{grid-template-columns:1fr;padding-top:20px;gap:25px}.product-detail .municipal-hero img{aspect-ratio:auto;width:100%;height:auto}.product-breadcrumb{padding:18px 7%}.product-detail .municipal-hero h1{font-size:44px}.product-subtitle{font-size:27px}.product-detail .button{max-width:100%;white-space:normal}.product-detail .municipal-facts{gap:12px 18px}}