/* Every image keeps its proportions. Measured white source margins sit outside the frame. */
.image-frame{display:block;position:relative;overflow:hidden;width:100%;min-width:0;background:#fff}
.image-frame>img{position:absolute;display:block;max-width:none!important;max-height:none!important;object-fit:fill;mix-blend-mode:normal;transform:none;margin:0!important}
.image-frame--fill{position:absolute;inset:0;height:100%}
.image-frame--fixed{height:100%}
.image-frame--natural{aspect-ratio:var(--image-ratio,4 / 3)}
.image-frame--promo{aspect-ratio:16 / 10}
.hero-image,.installation-image{position:relative;overflow:hidden}
.hero-image .image-frame{background:#e7e8e5}
.category-tile .image-frame--contain{background:#f1f3f5}
.category-tile .image-frame--contain>img{opacity:1}
.category-tile--object{background:#fff;color:var(--ink);border:1px solid var(--line)}
.category-tile--object .image-frame{inset:14px 14px 64px;width:calc(100% - 28px);height:auto;background:#fff}
.category-tile--object:after{display:none}
.category-tile--object .category-label small{color:var(--muted);opacity:1}
.category-tile--object .category-label b{color:var(--blue)}
.category-tile:after{background:linear-gradient(transparent 38%,rgba(0,0,0,.82))}
.product-picture{display:block;padding:22px;height:250px}
.product-picture .image-frame{background:#fff}
.product-card:hover .product-picture img{transform:none}
.detail-image{display:block;position:relative;height:480px;min-height:0;padding:32px;background:#fff;border:1px solid var(--line)}
.product-thumbnails button{display:block}
.product-thumbnails .image-frame{height:100%}
.compare-table .image-frame{height:140px;margin-bottom:20px}
.cart-image{display:block;height:100px}
.renewal-photo{width:100%;max-width:390px;padding:28px;justify-self:center}
.renewal-photo .image-frame{background:transparent}
.renewal-photo figcaption{font-size:11px;line-height:1.6;margin-top:13px}
.installations-hero figure{background:transparent}
.installations-hero figcaption{position:static;background:transparent;padding:12px 0 0;color:var(--muted);font-size:12px;font-weight:400}
.installation-projects{display:block;columns:3;column-gap:28px}
.installation-project{break-inside:avoid;page-break-inside:avoid;margin-bottom:28px}
.installation-project-photo{background:transparent}
.installation-project-photo .image-frame{background:transparent}
.installation-project-photo:hover img{transform:none}
.installation-viewer-image{display:block;position:relative;background:#f1f3f5}
.installation-viewer-image .image-frame{background:transparent}
.recycling-repair-image{display:block;min-height:0;background:transparent}
.recycling-source-image-frame{max-width:330px;margin-top:25px}
.news-image{display:block;height:240px;padding:24px;background:#fff}
.news-lead-image-frame{max-width:600px;max-height:420px;margin:32px auto}
.news-copy .image-frame,.product-copy .image-frame{max-width:min(100%,var(--source-width,600px));margin:24px 0}
.benefits article:last-child svg{stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:1100px){.product-picture{height:220px;padding:20px}.installation-projects{columns:2;column-gap:22px}.installation-project{margin-bottom:22px}.detail-image{height:410px;padding:28px}.renewal-photo{padding:24px}.news-image{height:230px}}
@media(max-width:760px){.product-picture{height:180px;padding:15px}.detail-image{height:330px;padding:22px}.renewal-photo{max-width:380px;padding:0 28px 28px}.renewal-photo figcaption{text-align:left}.installation-projects{columns:1}.installations-hero figcaption{font-size:11px}.news-image{height:230px;padding:20px}.cart-image{height:74px}.compare-table .image-frame{height:100px}.recycling-source-image-frame{max-width:290px}.news-lead-image-frame{margin:24px auto}}
@media(max-width:760px){.hero-image{height:auto;aspect-ratio:16 / 9}.section-head{flex-wrap:wrap}.section-head>.text-link{max-width:100%;white-space:normal;flex-shrink:1}}