/* =========================================================
   LA PIEUVRE - PALIER INTERMEDIAIRE (1025 a 1439 px)
   Petits portables et tablettes en paysage.
   La structure des maquettes est conservee : les blocs restent cote a cote,
   seules les largeurs fixes deviennent proportionnelles et les marges se
   resserrent. Le mobile et les grands ecrans ne sont pas concernes.
   ========================================================= */

@media (min-width: 1025px) and (max-width: 1439px) {

  /* ---------- Reglages communs ---------- */
  .lp-archive-cas { --lp-ac-marge: 60px; }
  .lp-bl { --lp-bl-marge: 60px; }
  .lp-ar { --lp-ar-marge: 60px; }
  .lp-cc { --lp-cc-marge: 60px; }

  /* ---------- ACCUEIL : cas clients et blog ---------- */
  .lp-cases__grid,
  .lp-blog__grid,
  .lp-expertises__grid {
    width: calc(100% - 100px);
    margin-left: auto;
    margin-right: auto;
    gap: 24px;
  }
  .lp-expertise-card { min-height: 0; padding: 26px 22px 24px; }
  .lp-section-head,
  .lp-cases__cta { width: calc(100% - 120px); }

  /* La carte cas client se compacte sans changer de structure. */
  .lp-case-card { height: 340px; }
  .lp-case-card__media { height: 232px; padding: 14px 16px 0; }
  .lp-case-card__media .lp-pill { font-size: 13px; padding: 1px 10px; min-height: 20px; }
  .lp-case-card__body { top: 229px; height: 111px; padding: 20px 18px 0; }
  .lp-case-card__title { font-size: 15px; line-height: 19px; }

  /* ---------- A PROPOS ---------- */
  /* Bandeau : le visuel reste a droite, le texte garde sa place. */
  .lp-ap-hero { padding: 200px 0 50px; min-height: 0; }
  .lp-ap-hero__inner { padding: 0 40px; max-width: 58%; }
  .lp-ap-hero__inner h1 { font-size: 44px; line-height: 48px; }
  .lp-ap-hero__media { width: 46%; }
  .lp-ap-hero__vague { width: 56%; right: -9%; top: 130px; }

  /* 16 ans d'experience : visuel et texte cote a cote. */
  .lp-ap-exp { padding-top: 90px; }
  .lp-ap-exp__inner {
    grid-template-columns: 1fr 1.18fr;
    gap: 40px;
    padding: 0 60px;
  }
  .lp-ap-exp__texte h2 { font-size: 34px; line-height: 42px; }

  .lp-ap-methode { padding-top: 70px; }
  .lp-ap-methode__bloc { width: calc(100% - 120px); padding: 48px 40px; }
  .lp-ap-methode__bloc h2 { font-size: 38px; line-height: 46px; }

  .lp-ap-reseau { padding-top: 100px; }
  .lp-ap-reseau__inner { padding: 0 60px 0 46%; }
  .lp-ap-reseau__inner h2 { font-size: 34px; line-height: 42px; }
  .lp-ap-reseau__vague { width: 480px; left: -110px; top: 40px; }

  .lp-ap-presta { margin-top: 100px; padding: 56px 0 80px; }
  .lp-ap-presta__titre { font-size: 38px; line-height: 46px; margin-bottom: 46px; }
  .lp-ap-presta .lp-expertises__grid { padding: 0 60px; width: auto; gap: 24px; }

  /* Mes clients : texte a gauche, visuel a droite. */
  .lp-ap-clients { padding-top: 80px; }
  .lp-ap-clients__inner {
    grid-template-columns: 380px 1fr;
    gap: 30px;
    padding: 0 0 0 60px;
  }
  .lp-ap-clients__texte h2 { font-size: 34px; line-height: 42px; }

  /* Basee a Versailles : visuel a gauche, carte bleue a droite. */
  .lp-ap-lieu { padding-top: 100px; }
  .lp-ap-lieu__inner {
    grid-template-columns: 1.45fr 1fr;
    gap: 24px;
    padding: 0 60px;
  }
  .lp-ap-lieu__media img { min-height: 360px; }
  .lp-ap-lieu__carte { padding: 34px 30px; }
  .lp-ap-lieu__carte h2 { font-size: 32px; line-height: 40px; }

  .lp-ap .lp-cta { margin-top: 100px; }

  /* ---------- COLLABORER : meme bandeau que A propos ---------- */
  .lp-co-hero { padding: 200px 0 50px; min-height: 0; }
  .lp-co-hero__inner { padding: 0 40px; max-width: 58%; }
  .lp-co-hero__inner h1 { font-size: 44px; line-height: 48px; }
  .lp-co-hero__media { width: 46%; }
  .lp-co-hero__vague { width: 56%; right: -9%; top: 130px; }

  .lp-co-st__bloc { width: calc(100% - 120px); padding: 40px 6% 40px 40%; }
  .lp-co-st__media { left: -30px; width: calc(38% * var(--lp-st-echelle, 1)); }
  .lp-co-pq__inner { margin-left: 60px; max-width: 56%; }
  .lp-co-pq__vague { left: 60%; width: 44%; }
  .lp-co-ex__grid { width: calc(100% - 120px); gap: 28px; }

  /* ---------- PAGES EXPERTISES : bandeau haut ---------- */
  .lp-wh__inner {
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }
  .lp-wh__media img { width: 100%; height: auto; }
  .lp-wh__texte h1 { font-size: 42px; line-height: 46px; }
  .lp-wh__vague { width: 34%; }

  /* Site vitrine : les deux colonnes restent cote a cote. */
  .lp-ws__inner {
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    padding: 0 60px;
  }
  .lp-ws__inner h2 { font-size: 34px; line-height: 42px; }
  .lp-ws__media img { width: 100%; height: auto; }

  .lp-wm__inner { padding: 0 60px 0 42%; }
  .lp-wm__inner h2 { font-size: 38px; line-height: 46px; }
  .lp-wp__inner {
    grid-template-columns: 1.25fr 1fr;
    gap: 40px;
    padding: 56px 60px;
  }
  .lp-wp__media img { max-height: 300px; }

  /* Blocs visuel + carte texte des pages Design et Projet. */
  .lp-dg__inner,
  .lp-pr .lp-dg__inner { padding: 0 60px; gap: 20px; }
  .lp-dg__media img { min-height: 340px; }
  .lp-dg__carte { padding: 30px 26px; }
  .lp-dg__carte h2 { font-size: 30px; line-height: 38px; }

  /* FAQ : le titre garde sa colonne. */
  .lp-wf__inner { grid-template-columns: 1fr 1.6fr; gap: 40px; padding: 0 60px; }
  .lp-wf__titre { font-size: 36px; line-height: 44px; margin-top: 0; }

  /* Carrousels : les tuiles restent a leur largeur, le rail defile. */
  .lp-carousel__track { padding-left: 60px; }
  .lp-wc__head { padding: 0 60px; }
  .lp-wc__cta { padding-right: 60px; }

  /* ---------- FICHE CAS CLIENT ---------- */
  .lp-cc-hero__inner { grid-template-columns: 1fr 46%; gap: 30px; padding: 96px 30px 70px 40px; }
  .lp-cc-hero__media img { height: auto; }
  .lp-cc-hero__texte h1 { font-size: 42px; line-height: 46px; }
  .lp-cc-corps__inner { grid-template-columns: 320px 1fr; gap: 60px; padding: 0 60px; }

  /* ---------- ARTICLE ---------- */
  .lp-ar-tete { padding: 168px 60px 0 440px; }
  .lp-ar-corps__inner { grid-template-columns: 320px 1fr; gap: 60px; padding: 0 60px; }

  /* ---------- CONTACT ---------- */
  .lp-ct-hero__inner { grid-template-columns: 1fr 1fr; gap: 40px; padding: 0 60px; }
  /* ---------- BANDEAU CONTACT ----------
     Le visuel garde la meme marge droite que sur les grands ecrans
     et se reduit pour ne pas etre coupe. */
  .lp-cta__block { width: calc(100% - 120px); }
  .lp-cta__inner { left: 5.5%; right: 44%; }
  .lp-cta__inner h2 { font-size: 38px; }
  .lp-cta__visuel { right: 40px; width: 300px; max-height: 240px; }
}