/* ---------- le logo animé de Sophie : copie des styles du logo d’Emile ----------
   Repris tel quel de la page d'essai, format 180 px valide. */
.signature-sophie .pile{--px:180px;--esp:.456em;display:flex;align-items:center;gap:calc(var(--px)*.09);
  margin:0;width:max-content}
.signature-sophie .pile svg[data-emb]{width:calc(var(--px)*.84);height:auto;display:block;flex:0 0 auto}
.signature-sophie .bloc-texte{display:block}
.signature-sophie .mot svg{width:calc(var(--px)*1.27);height:auto;display:block;overflow:visible}
.signature-sophie .second{font-size:calc(var(--px)*.072);line-height:1.2;font-weight:800;
  letter-spacing:var(--esp);text-transform:uppercase;white-space:nowrap;
  margin-right:calc(var(--esp) * -1);color:var(--rose,#9B6072);margin-top:calc(var(--px)*.03);
  width:calc(var(--px)*1.27);text-align:center}
.signature-sophie .comete{fill:#FFF3F7;opacity:0}
.signature-sophie .comete-halo{fill:#F2A9C0;opacity:0;filter:blur(24px)}
.signature-sophie .lf,.signature-sophie .tr,.signature-sophie .br{transform-box:fill-box}
@media (max-width:900px){ .signature-sophie .pile{--px:120px} }
@media (min-width:901px){ .signature-sophie .pile{--px:240px} }

/* « la formation » justifié : du bord gauche du S au bord droit du e de « Sophie »
   (l'encre du mot occupe 0,9 % → 98,8 % de sa boîte, mesuré le 29/09).
   Chaque lettre est une case ; les espaces se répartissent entre elles. */
.signature-sophie .second-justifie{display:flex;justify-content:space-between;letter-spacing:0;margin-right:0;
  width:calc(var(--px)*1.27*.980);margin-left:calc(var(--px)*1.27*.009)}
.signature-sophie .second-justifie .esp{width:0}