/* ============================================================
   Mercure Lab — D · overrides on top of lab-robot.css
   The Vimeo reel plays masked to the M silhouette, behind the
   robot. The Discovery card keeps text + CTA but no inline video.
   lab-d only (lab-c doesn't load this file).
   ============================================================ */

/* M-shaped video — same box as .lb-hero__m, BEHIND the robot (z-index 0,
   and before it in the DOM so the mauve outline/glow stays on top).
   mask-image clips the whole layer to the M shape. */
.lb-hero__m-video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(74vw, 1080px);
  aspect-ratio: 61.4 / 39.87;          /* matches the M viewBox ratio */
  transform: translate(-50%, -50%);
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  opacity: 0.4;                        /* "moins opaque un peu" */
  -webkit-mask-image: url("../assets/m-mask.svg");
          mask-image: url("../assets/m-mask.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
/* Cover-fit the 16:9 Vimeo iframe inside the M-ratio box */
.lb-hero__m-video iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 56.25%;
  min-height: 100%;
  min-width: 177.78%;
  transform: translate(-50%, -50%);
  border: 0;
  pointer-events: none;
}

/* Discovery card without the inline video — just text + CTA. */
.lb-hero__discovery--novideo {
  /* card height now driven purely by its body */
}
.lb-hero__discovery--novideo .lb-hero__discovery-body {
  padding: 26px 24px;
  gap: 16px;
}