/* =========================================================
   LA PIEUVRE - PAGE GESTION DE PROJET
   Cotes relevees dans l'export de la maquette (frame 1440 x 6190).
   Complete page-web.css et page-design.css, qui portent le bandeau haut,
   le carrousel, les tuiles, les cartes et le bandeau contact.
   ========================================================= */

/* ---------- Sur quels projets j'interviens ---------- */
.lp-pr-intro { padding: 180px 24px 0; text-align: center; }   /* bande fin 704, titre y884 */
.lp-pr-intro h2 {
  max-width: 877px;
  margin: 0 auto;
  font-size: 45px;
  line-height: 56px;
}
.lp-pr-intro__texte {
  max-width: 821px;
  margin: 28px auto 0;
  font-size: 18px;
  line-height: 25px;
}
.lp-pr-intro__texte p + p { margin-top: 18px; }

/* ---------- Pourquoi une freelance : reprend le bloc de la page Design ---------- */
.lp-pr .lp-dg { padding-top: 122px; }                          /* texte fin 1076, visuel y1198 */
.lp-pr .lp-dg__inner { grid-template-columns: 1.55fr 1fr; gap: 24px; padding: 0 190px; }
.lp-pr .lp-dg__carte h2 { font-size: 35px; line-height: 44px; margin-bottom: 28px; }

/* ---------- Ce qui fait la difference ---------- */
.lp-pr-diff {
  position: relative;
  padding: 125px 0 0;                                          /* visuel fin 1666, titre y1791 */
  overflow-x: clip;
}
.lp-pr-diff__vague {                                           /* 658x443 a x-127 y1770 */
  position: absolute;
  left: -127px;
  top: -21px;
  width: 658px;
  max-width: none;
  height: auto;
  z-index: 0;
  pointer-events: none;
}
.lp-pr-diff__inner {
  position: relative;
  z-index: 2;
  padding: 0 98px 0 46%;                                       /* texte a x662 */
}
.lp-pr-diff__inner h2 {
  font-size: 45px;
  line-height: 56px;
  margin-bottom: 34px;
}
.lp-pr-diff__liste li {
  padding-left: 27px;
  margin-bottom: 30px;
}
.lp-pr-diff__liste li::before { top: 6px; width: 14.5px; height: 14px; }
.lp-pr-diff__liste strong {
  display: block;
  font-size: 18px;
  font-weight: 600;
  line-height: 25px;
  margin-bottom: 4px;
}
.lp-pr-diff__liste span {
  display: block;
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
}

/* ---------- Accompagnement : bande jaune pale ---------- */
.lp-pr .lp-wc { margin-top: 168px; padding: 95px 0 100px; }    /* bande y2328, titre y2423 */
.lp-pr .lp-wc__cta { padding-right: 90px; margin-top: 60px; }  /* bouton bord droit 1350 */

/* ---------- Cas clients et suite ---------- */
.lp-pr .lp-cases--page { padding-top: 63px; }
.lp-pr .lp-wt { margin-top: 152px; }

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width: 1024px) {
  .lp-pr-intro { padding-top: 80px; }
  .lp-pr-intro h2 { font-size: 38px; line-height: 46px; }
  .lp-pr-intro__texte { margin-top: 32px; }
  .lp-pr .lp-dg { padding-top: 70px; }
  .lp-pr .lp-dg__inner { grid-template-columns: 1fr; gap: 40px; padding: 0 40px; }
  .lp-pr-diff { padding-top: 70px; }
  .lp-pr-diff__inner { padding: 0 40px 0 45%; }
  .lp-pr-diff__vague { width: 420px; left: -120px; top: 20px; }
  .lp-pr .lp-wc { margin-top: 80px; padding: 60px 0; }
  .lp-pr .lp-wc__cta { padding-right: 40px; }
  .lp-pr .lp-cases--page { padding-top: 50px; }
  .lp-pr .lp-wt { margin-top: 70px; }
}

@media (max-width: 940px) {
  .lp-pr-intro { padding: 60px 16px 0; }
  .lp-pr-intro h2 { font-size: 32px; line-height: 38px; }
  .lp-pr-diff { padding-top: 50px; }
  .lp-pr-diff__vague { display: none; }
  .lp-pr-diff__inner { padding: 0 16px; }
  .lp-pr-diff__inner h2 { font-size: 32px; line-height: 38px; }
  .lp-pr-diff__liste strong { font-size: 18px; line-height: 25px; }
  .lp-pr .lp-wc { margin-top: 50px; }
  .lp-pr .lp-wc__cta { padding-right: 16px; text-align: center; }
}