/* ============================================================
   rs1/hero — mise en page propre
   Le fond, le voile, le titre et les boutons viennent de
   .mp-bandeau et .mp-btn (assets/css/mp-tokens.css).
   ============================================================ */

/* Pleine hauteur : contenu calé en bas, comme une couverture */
.mp-hero--plein{
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: min(88vh, 54rem);
}
.mp-hero--plein .mp-hero__in{ width: 100% }

/* « Image seule » : bandeau photo sans texte */
.mp-hero--image{ min-height: clamp(14rem, 28vw, 26rem) }

/* Note sous le bandeau */
.mp-hero__note{
  background: var(--mp-blanc);
  border-bottom: 1px solid var(--mp-trait);
}
.mp-hero__note-texte{
  max-width: 62rem;
  padding-block: clamp(2rem, 4vw, 3rem);
  font-size: var(--mp-t-lg);
  color: var(--mp-encre);
}