/* ==========================================================================
   Fiche « Permis de travail »  —  plan XD « Liste services – 8 » (1920 × 4482)
   Origine de section = 242.
   ========================================================================== */
.phero--permis-travail{
  background:url("../images/v8-hero.webp") center -53.5rem / 192rem auto no-repeat;
}
.fiche--v8{ height:347.8rem; }                       /* 242 -> 3720 */

.pf{ position:absolute; max-width:none; object-fit:cover; border-radius:2rem; }

/* premier bloc de texte (titre a y=448, bouton a y=817) */
.fiche--v8 .fiche__text--one{ left:27.5rem; width:63.5rem; top:16.6rem; }
.fiche--v8 .fiche__text--one .title{ margin-top:0; }

.fiche--v8 .pill--a{ left:101.2rem; top:8.9rem; }
.fiche--v8 .pill--a img{ left:1.8rem; top:1.4rem; width:34.5rem; height:73rem; }
.fiche--v8 .pill--b{ left:141.8rem; top:14.5rem; }
.fiche--v8 .pill--b img{ left:-.8rem; top:2rem; width:34.4rem; height:73.1rem; }

/* second bloc (titre a y=1316) */
.fiche--v8 .fiche__text--two{ left:27.5rem; width:63.5rem; top:103.4rem; }
.fiche--v8 .fiche__text--two .title{ margin-top:0; }
.fiche--v8 .pf--band{ left:27.5rem;  top:146.4rem; width:60.3rem; height:26.9rem; }
.fiche--v8 .pf--c   { left:104.2rem; top:117.5rem; width:56rem;   height:57.2rem; }
.fiche--v8 .pf--d   { left:138.3rem; top:131.1rem; width:53.7rem; height:48.7rem; }

/* mosaïque : y 2192 -> 3002 */
.fiche--v8 .mosaic{ top:195rem; height:81rem; }
.fiche--v8 .mosaic img:nth-child(1){ left:0;        top:0;       width:31.1rem; height:44.4rem; }
.fiche--v8 .mosaic img:nth-child(2){ left:33rem;    top:0;       width:31.2rem; height:81rem; }
.fiche--v8 .mosaic img:nth-child(3){ left:66.1rem;  top:0;       width:72.2rem; height:30.8rem; }
.fiche--v8 .mosaic img:nth-child(4){ left:66.1rem;  top:32.5rem; width:35.1rem; height:48.5rem; }
.fiche--v8 .mosaic img:nth-child(5){ left:103.2rem; top:32.5rem; width:35.1rem; height:48.5rem; }
.fiche--v8 .mosaic img:nth-child(6){ left:140.2rem; top:0;       width:51.8rem; height:81rem; }
.fiche--v8 .mosaic img:nth-child(7){ left:0;        top:46.8rem; width:31.1rem; height:34.2rem; }

/* bas de page : accroche, panneau blanc et deux photos inclinées (XD) */
.fiche--v8 .fiche__lead{
  position:absolute; left:44.9rem; top:284.75rem;
  width:98rem; text-align:center;
  font-family:var(--font-title); font-size:2.3rem; line-height:3rem;
}
.fiche--v8 .fiche__panel{
  position:absolute; left:27.5rem; top:305.435rem;
  width:48.2rem; min-height:48rem;
  background:#fff; border-radius:2rem;
  padding:3.9rem 3.4rem 0 6.2rem;
}
.fiche--v8 .fiche__panel .checks--wide li{ margin-bottom:2.8rem; }
.fiche--v8 .fiche__cta{ margin-top:1.6rem; margin-left:-2.8rem; }

.fiche--v8 .pf--e{
  left:87.616rem; top:310.982rem; width:44.39rem; height:51.76rem;
  transform:rotate(-15deg); transform-origin:0 0;
  border:1rem solid #fff; border-radius:0;
}
.fiche--v8 .pf--f{
  left:154.997rem; top:302.143rem; width:44.39rem; height:51.76rem;
  transform:rotate(21deg); transform-origin:0 0; border-radius:0;
}

@media (max-width:1199px){
  .pf{ position:static; width:100%; height:26rem; margin-top:2rem; transform:none !important; }
  .fiche--v8 .fiche__lead,.fiche--v8 .fiche__panel{
    position:static; width:min(var(--wrap),92%); margin:4rem auto 0; padding:3rem;
  }
  .fiche--v8 .fiche__cta{ margin-left:0; }
}