.matte-banner{isolation:isolate;background-color:var(--color-surface-sunken);color:var(--color-on-dark);text-align:center;background-position:50%;background-repeat:no-repeat;background-size:contain;padding-block:100px;position:relative}.matte-banner:before{content:"";z-index:-1;background:#3336;position:absolute;inset:0}.matte-banner h2{font-size:var(--text-h-lg);margin:0 0 10px;line-height:1.4}.matte-banner nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;font-family:Arial,sans-serif;font-size:16px;line-height:1.6;display:flex}.matte-banner a:hover{text-decoration:underline}.matte-product-summary{padding-top:50px}.matte-summary-grid{grid-template-columns:40% 50%;justify-content:space-between;align-items:start;gap:40px;display:grid}.matte-gallery{min-width:0;position:sticky;top:140px}.matte-gallery-window{aspect-ratio:1;background:var(--color-surface-sunken);border:1px solid var(--color-border);position:relative;overflow:clip}.matte-gallery-track{transition:transform .5s var(--ease-standard);touch-action:pan-y;display:flex}.matte-gallery-image{cursor:zoom-in;flex:0 0 100%;min-width:0;display:block;overflow:clip}.matte-gallery-image img{aspect-ratio:1;object-fit:contain;width:100%;height:auto;transform-origin:var(--zoom-x,50%) var(--zoom-y,50%)}.matte-gallery-expand{background:var(--color-surface);box-shadow:var(--shadow-el-sm);border-radius:50%;display:none;position:absolute;top:8px;right:8px}.gallery-enhanced .matte-gallery-expand{display:flex}.matte-gallery-thumbnails{gap:20px;margin-top:20px;display:flex}.matte-gallery-thumbnails>a{opacity:.6;border:1px solid var(--color-border);width:calc(25% - 10px);min-width:44px;min-height:44px}.matte-gallery-thumbnails>a[aria-current=true]{opacity:1;outline:1px solid var(--color-brand)}.matte-gallery-thumbnails img{aspect-ratio:1;object-fit:contain;width:100%;height:auto}.matte-summary-copy{min-width:0}.matte-summary-copy h1{font-size:var(--text-display);margin:0 0 15px;line-height:1.3}.matte-title-quote{margin-bottom:15px}.matte-summary-copy h2{font-size:var(--text-h-lg);margin:0 0 12px;line-height:1.4}.matte-summary-copy p{margin:0 0 15px}.matte-summary-copy ol{margin:0 0 15px;padding-left:24px;list-style:decimal}.matte-summary-copy li{margin-bottom:8px}.matte-table-frame{isolation:isolate;width:100%;margin:20px 0 15px;overflow:auto}.matte-table-frame:focus-visible{outline:2px solid var(--color-brand);outline-offset:3px}.matte-table-frame table{border-collapse:collapse;width:100%;min-width:450px;font-family:Arial,sans-serif;font-size:14px;line-height:1.5}.matte-table-frame td,.matte-table-frame th{border:1px solid var(--color-ink-muted);text-align:center;white-space:nowrap;padding:8px}.matte-table-frame thead th{background:var(--color-surface-sunken)}.matte-table-frame tbody th{background:var(--color-surface);z-index:1;position:sticky;left:0}.matte-description{padding-top:50px;padding-bottom:80px}.matte-rule-heading{font-size:var(--text-h-lg);border-bottom:1px solid var(--color-ink-muted);margin:0 0 20px;padding-bottom:15px;line-height:1.4}.matte-feature-grid{grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding-inline:20px;display:grid}.matte-feature-grid h3{font-size:var(--text-h-lg);margin-bottom:20px;line-height:1.4}.matte-feature-grid>img{aspect-ratio:1;object-fit:contain;width:100%;height:auto}.matte-feature-grid p:last-child{margin-bottom:0}.detail-custom{isolation:isolate;color:var(--color-on-dark);text-align:center;background-position:50%;background-size:cover;padding-block:50px;position:relative}.detail-custom:before{content:"";z-index:-1;background:#00000080;position:absolute;inset:0}.detail-custom .site-container{flex-direction:column;align-items:center;gap:20px;display:flex}.detail-custom h2{font-size:var(--text-h-lg);margin:0;line-height:1.4}.detail-custom p{margin:0}.detail-custom ul{flex-wrap:wrap;justify-content:center;gap:10px 20px;margin:0;padding:0;list-style:none;display:flex}.detail-custom li{align-items:center;gap:5px;display:flex}.detail-custom .site-icon{width:14px;height:14px}.detail-actions{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.detail-outline{border:2px solid var(--color-on-dark);color:var(--color-on-dark);background:0 0}.detail-outline:hover{background:var(--color-btn-primary)}.detail-manufacturer{background:var(--color-surface-muted);padding-block:50px}.detail-manufacturer-grid{grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid}.detail-manufacturer-grid>img{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto}.detail-manufacturer-grid h2{font-size:var(--text-h-lg);margin-bottom:20px;line-height:1.4}.detail-benefit-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:50px;display:grid}.detail-benefit{border-radius:var(--radius-box-md);box-shadow:var(--shadow-el-sm);text-align:center;transition:transform .5s var(--ease-standard),box-shadow .5s var(--ease-standard);flex-direction:column;align-items:center;gap:10px;padding:40px 20px;display:flex}.detail-benefit:hover{box-shadow:var(--shadow-card);transform:translate(-5px,-5px)}.detail-benefit img{object-fit:contain;width:60px;height:60px}.detail-benefit h3{color:var(--color-link);margin:0;font-size:1.2em;line-height:1.4}.detail-benefit p{margin:0}.matte-product .brands-section{padding-block:50px}.matte-related{padding-block:60px}.matte-related-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.matte-related-card{border-radius:var(--radius-box-md);background:var(--color-surface);min-width:0;box-shadow:var(--shadow-el-sm);flex-direction:column;display:flex;overflow:clip}.matte-related-card>div{aspect-ratio:1;overflow:clip}.matte-related-card img{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--ease-standard)}.matte-related-card:hover img{transform:scale(1.1)}.matte-related-card h3{text-align:center;font-size:var(--text-body);margin:0;padding:15px;line-height:1.5}.matte-gallery-dialog{background:var(--color-surface);width:min(1100px,96%);max-height:96dvh;padding:55px 60px 15px}.matte-lightbox-tools{gap:6px;display:flex;position:absolute;top:5px;right:10px}.matte-lightbox-images{touch-action:pan-y pinch-zoom;max-height:73dvh;overflow:auto}.matte-lightbox-images img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:73dvh;margin:auto}.matte-lightbox-images.is-zoomed img{cursor:zoom-out;width:150%;max-width:none;height:auto;max-height:none}.matte-lightbox-prev,.matte-lightbox-next{background:var(--color-surface-muted);position:absolute;top:45%}.matte-lightbox-prev{left:5px}.matte-lightbox-next{right:5px}.matte-lightbox-thumbnails{justify-content:center;gap:10px;margin-top:15px;display:flex}.matte-lightbox-thumbnails button{opacity:.6;border:2px solid #0000;width:60px;min-height:44px}.matte-lightbox-thumbnails [aria-pressed=true]{border-color:var(--color-brand);opacity:1}.matte-lightbox-thumbnails img{aspect-ratio:1;object-fit:contain;width:100%;height:auto}@media (hover:hover) and (pointer:fine){.gallery-enhanced .matte-gallery-image:hover img{transform:scale(2)}}@media (width>=1521px){.matte-banner h2,.matte-summary-copy h2,.matte-rule-heading,.matte-feature-grid h3,.detail-custom h2,.detail-manufacturer-grid h2{font-size:30px}.detail-benefit img{width:80px;height:80px}}@media (width<=991px){.matte-banner{padding-block:60px}.matte-banner nav{font-size:14px}.matte-summary-grid{grid-template-columns:40% 1fr;gap:30px}.matte-product-summary>.site-container{width:calc(84% - 40px)}.matte-description{padding-bottom:40px}.detail-manufacturer-grid{gap:20px}.detail-benefit-grid{margin-top:30px}.detail-benefit img{width:50px;height:50px}.matte-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=767px){.matte-summary-grid{grid-template-columns:1fr;gap:20px}.matte-gallery{position:relative;top:auto}.matte-product-summary>.site-container{width:84%}.matte-summary-copy h1{font-size:var(--text-h-xl)}.matte-summary-copy h2,.matte-feature-grid h3{font-size:var(--text-h-md)}.matte-feature-grid{grid-template-columns:1fr;gap:25px;padding:0}.matte-gallery-thumbnails>a{width:calc(25% - 10px)}.detail-custom .site-container{gap:15px}.detail-manufacturer-grid{gap:20px}.detail-benefit-grid{gap:10px}.detail-benefit{padding:30px 15px}.detail-benefit img{width:40px;height:40px}.detail-benefit h3{font-size:var(--text-body)}.matte-product .contact-copy{order:2}.matte-product .inquiry-panel{order:1;margin-bottom:20px}.matte-product .original-inquiry .direct-actions .button{flex:100%}body:has(.matte-product) .footer-columns,.matte-product .contact-copy{padding-right:38px}.matte-gallery-dialog{padding-inline:36px}.matte-lightbox-prev{left:0}.matte-lightbox-next{right:0}}@media (width<=478px){.matte-banner{padding-block:40px}.matte-banner h2{font-size:var(--text-h-md)}.matte-banner nav{font-size:14px}.matte-product-summary{padding-top:35px}.matte-product-summary>.site-container{width:92%;padding-right:36px}.matte-summary-copy h1{font-size:24px}.matte-table-frame table{font-size:14px}.matte-product .matte-description .site-container,.matte-product .detail-manufacturer .site-container,.matte-product .matte-related .site-container{padding-right:36px}.detail-manufacturer-grid{grid-template-columns:1fr}.detail-manufacturer-grid>img{order:2}.detail-manufacturer-grid>div{order:1}.detail-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-actions{gap:10px}.detail-custom .detail-actions{justify-content:center}.detail-custom .detail-actions .button{padding-inline:12px}.matte-description{padding-top:40px}.matte-related{padding-block:50px}.matte-related-grid{gap:10px}.matte-related-card h3{overflow-wrap:anywhere;padding:12px 8px}}@media (prefers-reduced-motion:reduce){.matte-gallery-track{transition:none}.detail-benefit:hover,.matte-related-card:hover img,.gallery-enhanced .matte-gallery-image:hover img{transform:none}}
