/*P ACCUEIL anim*/

#pj-ribbon-logo {
  width: clamp(200px, 18vw, 300px);
  margin: 0px auto;
  position: relative;
  will-change: transform, opacity;
}

#pj-ribbon-logo svg {
  display: block;
  width: 100%;
  height: auto;
  transform: translateZ(0);
  shape-rendering: geometricPrecision;
}

#pj-ribbon-logo .swiper-lazy-preloader,
#logoP .swiper-lazy-preloader {
  display: none !important;
}

#logoP {
  opacity: 0;
  transform: scale(0.95);
}

#ribbonGuide,
#ribbonGuideTail {
  stroke-dashoffset: 9999;
  stroke-dasharray: 9999;
}