/* ---- lrs-pl : les huit cartes « creation & animation » (363973) -------------
   Fusion des quatre anciennes caracteristiques (widgets Elementor lottie +
   titre + liste) et des quatre piliers qui vivaient sous le texte d intro.
   Un seul module, un seul dessin de carte pour les huit.
   Reprise des cartes du bandeau du gabarit DJ (334358, module lrs-pf) : meme
   enrichissement progressif de l icone — un dessin SVG s affiche tout de
   suite, le Lottie ne le remplace QUE s il se charge, jamais d icone vide.
   L icone n a PLUS de pastille de fond (demande) : le dessin pose a meme la
   carte, et le calque Lottie occupe exactement la meme boite.
   Les huit Lottie sont les fichiers deja mis a la charte de la mediatheque
   (blanc #F6F1EC) : aucun re-blanchiment necessaire.
   Styles en ligne marques data-no-optimize : LiteSpeed elague sinon. */
.lrs-pl{width:100%;box-sizing:border-box;
  font-family:Montserrat,-apple-system,'Helvetica Neue',Arial,sans-serif}
.lrs-pl *{box-sizing:border-box}

/* quatre cartes de front sur la colonne du site, deux des que ca serre */
.lrs-pl .lrs-pl__g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--lrs-e4,16px)}
.lrs-pl .lrs-pl__c{position:relative;overflow:hidden;
  display:flex;flex-direction:column;align-items:center;text-align:center;
  gap:var(--lrs-e3,12px);padding:26px 18px 24px;border-radius:var(--lrs-r,15px);
  background:linear-gradient(180deg,rgba(246,241,236,.065),rgba(246,241,236,.022));
  border:1px solid rgba(246,241,236,.14);
  transition:border-color .3s ease,box-shadow .3s ease,transform .35s ease}
.lrs-pl .lrs-pl__c:hover{border-color:rgba(224,122,74,.45);transform:translateY(-3px);
  box-shadow:0 18px 34px -18px rgba(224,122,74,.45)}
/* pas de fond ni de cercle derriere l icone */
.lrs-pl .lrs-pl__ic{position:relative;display:grid;place-items:center;
  width:52px;height:52px;flex:0 0 auto;background:none;border:0}
.lrs-pl .lrs-pl__ic svg{width:40px;height:40px;display:block}
.lrs-pl .lrs-pl__ic .st{fill:none;stroke:#F6F1EC;stroke-width:1.6;
  stroke-linecap:round;stroke-linejoin:round}
.lrs-pl .lrs-pl__ic .ac{fill:none;stroke:#E07A4A;stroke-width:1.6;
  stroke-linecap:round;stroke-linejoin:round}
.lrs-pl .lrs-pl__c b{font-size:15px;font-weight:700;line-height:1.3;color:#F6F1EC}
.lrs-pl .lrs-pl__c ul{margin:0;padding:0;list-style:none;display:grid;gap:6px}
.lrs-pl .lrs-pl__c li{position:relative;padding-left:14px;text-align:left;
  font-size:13.5px;font-weight:300;line-height:1.5;color:var(--lrs-encre-2,rgba(246,241,236,.72))}
.lrs-pl .lrs-pl__c li::before{content:"";position:absolute;left:0;top:.55em;
  width:5px;height:5px;border-radius:999px;background:#E07A4A}

@media(max-width:1023px){
  .lrs-pl .lrs-pl__g{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}
@media(max-width:480px){
  .lrs-pl .lrs-pl__g{gap:10px}
  .lrs-pl .lrs-pl__c{padding:18px 12px 16px;gap:9px}
  .lrs-pl .lrs-pl__ic{width:44px;height:44px}
  .lrs-pl .lrs-pl__ic svg{width:34px;height:34px}
  .lrs-pl .lrs-pl__c b{font-size:13.5px}
  .lrs-pl .lrs-pl__c li{font-size:12.5px}}
@media(prefers-reduced-motion:reduce){
  .lrs-pl .lrs-pl__c{transition:none}
  .lrs-pl .lrs-pl__c:hover{transform:none}}