/* MP Rezeau — encart plein cadre : zoom dans la matiere, sortie par le noir. */
.mpr-plongee{position:relative;height:var(--mprp-h,280vh);margin:0}
.mpr-plongee .mprp-cadre{position:sticky;top:0;height:100vh;overflow:hidden;
  background:var(--mprp-fond,#000)}
.mpr-plongee .mprp-couche{position:absolute;left:50%;top:50%;width:0;height:0;display:block}
.mpr-plongee .mprp-couche img{position:absolute;display:block;transform-origin:0 0;
  will-change:transform,opacity;max-width:none}
.mpr-plongee .mprp-flou{opacity:0}
.mpr-plongee .mprp-voile{position:absolute;inset:0;pointer-events:none;display:block;opacity:0;
  background:radial-gradient(ellipse at 50% 50%, rgba(0,0,0,0) 32%, rgba(0,0,0,.55) 76%, rgba(0,0,0,.94) 100%)}
.mpr-plongee .mprp-noir{position:absolute;inset:0;background:var(--mprp-fondu,#000);
  pointer-events:none;display:block;opacity:0}
.mpr-plongee .mprp-legende{position:absolute;left:0;right:0;bottom:56px;text-align:center;
  pointer-events:none;opacity:0}
.mpr-plongee .mprp-legende i{display:block;font-style:normal;font-family:var(--mprp-mono,ui-monospace,SFMono-Regular,Menlo,monospace);
  font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--mprp-cuivre,#C88A62);margin-bottom:8px}
.mpr-plongee .mprp-legende b{display:block;font-size:20px;font-weight:600;letter-spacing:-.01em;
  color:var(--mprp-encre,#E8E4DF)}
.mpr-plongee .mprp-legende p{margin:8px auto 0;max-width:44ch;font-size:14px;line-height:1.6;
  color:var(--mprp-sourd,#8A8580)}
@media (max-width:820px){
  .mpr-plongee{height:var(--mprp-hm,250vh)}
  .mpr-plongee .mprp-legende{bottom:40px}
  .mpr-plongee .mprp-legende p{display:none}
}

/* --- texte d'ouverture de l'encart ------------------------------------ *
 * Meme principe que sur la vue eclatee : pose en haut du cadre, revele mot
 * a mot au fil du defilement, puis efface avant que la legende n'arrive.  */
/* Le texte se superpose au filtre, centre dans le cadre. Un voile radial tres
   doux, porte par le bloc lui-meme, garde les mots lisibles sur les plis rouges
   sans masquer la matiere. */
.mpr-plongee .mprp-intro{position:absolute;inset:0;display:grid;place-items:center;
  padding:0 6vw;pointer-events:none;z-index:3;will-change:opacity,transform}
.mpr-plongee .mprp-intro-in{width:min(880px,100%);text-align:center;padding:56px 48px;
  background:radial-gradient(ellipse 78% 76% at 50% 50%,
    rgba(6,4,4,.80) 0%, rgba(6,4,4,.66) 46%, rgba(6,4,4,.28) 74%, rgba(6,4,4,0) 100%)}
.mpr-plongee .mprp-intro-t{margin:0 0 16px !important;padding:0 !important;
  font-size:clamp(22px,2vw,34px) !important;font-weight:400 !important;
  line-height:1.22 !important;letter-spacing:-.01em;
  color:var(--mprp-cuivre,#C88A62) !important;text-transform:none !important}
.mpr-plongee .mprp-intro-txt{margin:0;font-size:clamp(16px,1.22vw,21px);line-height:1.6;
  color:var(--mprp-encre,#E8E4DF)}
.mpr-plongee .mprp-intro-txt + .mprp-intro-txt{margin-top:14px}
.mpr-plongee .mprp-intro-txt span{opacity:.16;will-change:opacity}
@media(max-width:820px){
  .mpr-plongee .mprp-intro{padding:0 4vw}
  .mpr-plongee .mprp-intro-in{padding:38px 20px}
  .mpr-plongee .mprp-intro-t{font-size:20px !important;margin-bottom:12px !important}
  .mpr-plongee .mprp-intro-txt{font-size:15px;line-height:1.55}
}