/* Six-sample media system. Mask geometry is factual image presentation, not motion. */
:root{--media-surface:#f3f5f5;--media-line:#d2dcdf;--media-ink:#27434f}
.media-stage{position:relative;display:block;width:100%;aspect-ratio:4/3;background:var(--media-surface);isolation:isolate;overflow:visible}
.media-stage::after{content:"";position:absolute;left:37%;bottom:7%;width:26%;height:2%;border-radius:50%;background:rgba(30,53,62,.15);filter:blur(7px);z-index:0;pointer-events:none}
.media-stage.media-system::after{left:16%;width:68%;bottom:4%}
.media-stage .media-object-wrap{position:absolute;inset:7% 0;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 8px 7px rgba(26,48,57,.09));z-index:1}
.media-stage picture{display:block;height:100%;width:auto;aspect-ratio:var(--asset-ratio);flex:none}
.media-stage.media-system .media-object-wrap{inset:0}
.media-stage.media-system picture{width:86%;height:auto}
.media-stage .media-object{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:var(--asset-ratio)!important;object-fit:contain!important;padding:0!important;margin:0!important;background:transparent!important;mix-blend-mode:normal!important;filter:none!important;clip-path:var(--equipment-mask)!important;transform:none!important;animation:none!important}
.media-hero{display:block;min-width:0;margin:0;border:0;background:transparent;box-shadow:none}
.media-hero .media-stage{background:transparent}
.product-hero .media-hero .media-single{aspect-ratio:6/5}
.media-hero .media-caption{display:flex;justify-content:space-between;gap:12px;align-items:baseline;padding:13px 0 0;margin:0;border-top:1px solid var(--media-line);color:var(--media-ink);font-size:.88rem;line-height:1.4;text-align:left;letter-spacing:0;background:transparent}
.media-hero .media-caption strong{font-size:1rem;font-weight:600}
.media-hero .media-caption span{position:static;background:none;padding:0;color:#546974;font-size:.88rem}
.home-hero:has(.media-hero),.product-hero:has(.media-hero){background:var(--media-surface)}
.home-hero-visual.media-hero{grid-column:span 7}
.family-image:has(.media-stage){background:var(--media-surface)}
.family-image .media-stage{width:100%;height:auto}
.family-image:has(.media-stage):focus-visible{outline:3px solid #a9232c;outline-offset:4px}
.has-detail>.media-stage{width:100%;align-self:center}
@media(max-width:1024px){.home-hero-visual.media-hero{grid-column:1}}
@media(max-width:800px){.product-hero .media-hero .media-single{aspect-ratio:1/1}.media-hero .media-caption{display:block;padding-top:10px}.media-hero .media-caption span{display:block;margin-top:3px}.media-stage .media-object-wrap{filter:drop-shadow(0 5px 5px rgba(26,48,57,.08))}}
@media(prefers-reduced-motion:reduce){.media-stage,.media-stage *{animation:none!important;transition:none!important}.media-stage .media-object{clip-path:var(--equipment-mask)!important}}
@media print{.media-stage{break-inside:avoid;-webkit-print-color-adjust:exact;print-color-adjust:exact}.media-stage::after{display:none}.media-stage .media-object-wrap{filter:none}.media-stage .media-object{clip-path:var(--equipment-mask)!important}}