/* Dossier vivant : langage commun aux dix illustrations des parcours. */
.lp #comment .journey-dossier {
 position: relative; isolation: isolate; margin-top: 22px;
 border: 1px solid var(--violet-mid); border-radius: 10px 26px 26px;
 background: var(--violet-soft);
 box-shadow: 7px 8px 0 #e4ddf8, 14px 16px 0 -2px #eee9fa;
}
#comment .journey-dossier::before {
 content: attr(data-dossier-label); position: absolute; left: -1px; top: -25px;
 max-width: calc(100% - 20px); height: 25px; padding: 5px 18px;
 border-radius: 12px 12px 0 0; background: var(--violet); color: #fff;
 font-size: 10px; line-height: 15px; letter-spacing: .08em; text-transform: uppercase;
 white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.lp #comment .journey-dossier .card {
 border: 1px solid #e4e1ee; border-radius: 12px;
 box-shadow: 0 10px 22px -12px rgba(23,18,58,.32);
}
#comment .journey-dossier .bv-photo,
#comment .journey-dossier .sv-photo { box-shadow: 0 10px 20px -12px rgba(23,18,58,.28); }
#comment .journey-dossier .bv-project,
#comment .journey-dossier .sv-proposal-heading,
#comment .journey-dossier .sv-company-heading {
 padding-bottom: 14px; border-bottom: 1px dashed var(--lavender);
}
.lp #comment .journey-dossier .bv-advice,
.lp #comment .journey-dossier .sv-document {
 border-left: 3px solid var(--lavender); background: #fff;
 box-shadow: 0 8px 16px -10px rgba(23,18,58,.24);
}
#comment .journey-dossier .sv-fields > div { border-color: var(--line); background: #faf9fe; }
#comment .journey-dossier .sv-catalog { transform: rotate(-1deg); }
#comment .journey-dossier .bv-supplier-small:nth-child(2) { transform: rotate(1deg); }
#comment .journey-dossier .bv-supplier-small:nth-child(3) { transform: rotate(-1deg); }
#comment .journey-dossier .sv-production-bottom > .card:last-child { transform: rotate(.6deg); }
@media (prefers-reduced-motion: no-preference) {
 #comment .journey-dossier .card, #comment .journey-dossier .bv-bubble {
  transition: transform .22s ease, box-shadow .22s ease;
 }
 @media (hover: hover) {
  .lp #comment .journey-dossier .card:hover,
  #comment .journey-dossier .bv-bubble:hover {
   transform: translateY(-4px); box-shadow: 0 16px 28px -14px rgba(23,18,58,.35);
  }
 }
}
@media (max-width:640px) {
 .lp #comment .journey-dossier { box-shadow: 4px 5px 0 #e4ddf8, 8px 10px 0 -2px #eee9fa; }
 #comment .journey-dossier::before { font-size: 9px; letter-spacing: .04em; padding-left: 12px; padding-right: 12px; }
}
@media (prefers-reduced-motion:reduce) {
 #comment .journey-dossier .card { transform: none; transition: none; }
}