/* A softly lit mineral surface, continuous across the real showroom photo. */
.mm-hero .mm-hero__stage {
 isolation: isolate;
 background-color: #e8e9e1;
 background-image:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23707969' opacity='.065' filter='url(%23grain)' d='M0 0h180v180H0z'/%3E%3C/svg%3E"),
  linear-gradient(116deg, transparent 9%, rgba(82, 100, 83, .07) 16%, transparent 24%, transparent 40%, rgba(82, 100, 83, .06) 48%, transparent 57%),
  radial-gradient(ellipse at 18% 8%, rgba(255, 253, 245, .95) 0%, rgba(255, 253, 245, .3) 35%, transparent 65%),
  linear-gradient(125deg, #dfe5db 0%, #eeece2 35%, #d1dcd3 68%, #eee8de 100%);
}
/* Same full-size surface above the image: no solid-colour seam at its edge. */
.mm-hero .mm-hero__stage::before {
 content: "";
 position: absolute;
 inset: 0;
 z-index: 1;
 pointer-events: none;
 background: inherit;
 -webkit-mask-image: linear-gradient(90deg, #000 53%, rgba(0,0,0,.98) 55%, rgba(0,0,0,.88) 58%, rgba(0,0,0,.55) 63%, rgba(0,0,0,.12) 70%, transparent 77%);
 mask-image: linear-gradient(90deg, #000 53%, rgba(0,0,0,.98) 55%, rgba(0,0,0,.88) 58%, rgba(0,0,0,.55) 63%, rgba(0,0,0,.12) 70%, transparent 77%);
}
.mm-hero .mm-hero__grid { z-index: 2; }
.mm-hero .mm-hero__badge { z-index: 3; }
@media (min-width: 1200px) and (max-width: 1399px) {
 .mm-hero .mm-hero__stage::before {
  -webkit-mask-image: linear-gradient(90deg, #000 60%, rgba(0,0,0,.88) 64%, rgba(0,0,0,.45) 70%, transparent 81%);
  mask-image: linear-gradient(90deg, #000 60%, rgba(0,0,0,.88) 64%, rgba(0,0,0,.45) 70%, transparent 81%);
 }
}
@media (min-width: 768px) and (max-width: 991px) {
 .mm-hero .mm-hero__stage::before {
  -webkit-mask-image: linear-gradient(90deg, #000 52%, rgba(0,0,0,.88) 57%, rgba(0,0,0,.4) 66%, transparent 78%) !important;
  mask-image: linear-gradient(90deg, #000 52%, rgba(0,0,0,.88) 57%, rgba(0,0,0,.4) 66%, transparent 78%) !important;
 }
}
@media (max-width: 767px) {
 .mm-hero .mm-hero__stage::before {
  -webkit-mask-image: linear-gradient(180deg, #000 calc(100% - 240px), rgba(0,0,0,.88) calc(100% - 215px), rgba(0,0,0,.4) calc(100% - 170px), transparent calc(100% - 110px)) !important;
  mask-image: linear-gradient(180deg, #000 calc(100% - 240px), rgba(0,0,0,.88) calc(100% - 215px), rgba(0,0,0,.4) calc(100% - 170px), transparent calc(100% - 110px)) !important;
 }
}