/* One photographic system across product cards, heroes and galleries. */
.product-visual-system{--product-backdrop:#dfe3e7}
.product-visual-system .visual-frame{display:block;position:relative;isolation:isolate;overflow:hidden;background:var(--product-backdrop);border:0;padding:0}
.product-visual-system .picture,.product-visual-system .hero-art,.product-visual-system .detail-photo{background:var(--product-backdrop)!important}
.product-visual-system .picture,.product-visual-system .detail-photo{aspect-ratio:3/2!important}
.product-visual-system .picture .visual-frame,.product-visual-system .hero-art .visual-frame,.product-visual-system .detail-photo .visual-frame{width:100%!important;height:100%!important;aspect-ratio:auto!important;margin:0!important;max-height:none!important}
.product-visual-system img.product-visual{display:block;width:100%;height:100%;max-height:none;margin:0;border:0;padding:0;object-position:center}
.product-visual-system .picture img.product-visual,.product-visual-system .hero-art img.product-visual,.product-visual-system .detail-photo img.product-visual{width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important}
/* White cutout backgrounds merge into the same cool grey card, without trimming the object. */
.product-visual-system img.product-visual.visual-isolated{object-fit:contain!important;mix-blend-mode:multiply}
.product-visual-system .frame-isolated{background:var(--product-backdrop)!important}
/* Drawings retain every dimension and label, independent of photograph cropping. */
.product-visual-system img.product-visual.visual-technical{object-fit:contain!important;mix-blend-mode:multiply}
.product-visual-system .frame-technical{background:#edf0f3!important}
.product-visual-system .detail-photo .brand-watermark{width:52px!important;height:26px!important;right:12px!important;bottom:12px!important;object-fit:contain!important;mix-blend-mode:normal}
.product-visual-system .picture .brand-watermark{object-fit:contain!important;mix-blend-mode:normal}
.product-visual-system .source-content>.visual-frame{max-width:100%;border-radius:10px}
.product-visual-system .source-content>.visual-frame>img.product-visual{height:auto}
@media(max-width:700px){.product-visual-system .detail-photo{aspect-ratio:3/2!important}}