/* CARAVELLI — SCULPTURE VIVANTE · placement du canvas vivant
   Le canvas épouse exactement la géométrie historique de l'img muséale.
   L'img demeure en dessous : repli intégral si WebGL est absent, et
   transition douce une fois la première frame vivante rendue. */

.cv-medieval-sculpture > canvas.k3-sculpture-live{
  position:absolute;
  z-index:2;
  inset:3% 4% 0;
  display:block;
  width:92%;
  height:97%;
  pointer-events:none;
  /* Géométrie strictement identique à l'img muséale : object-fit:contain
     lettreboXe le buffer GL exactement comme l'img, donc la silhouette
     rendue coïncide au pixel avec la présentation statique historique.
     Le buffer lui-même est dimensionné au ratio naturel de l'œuvre (JS). */
  object-fit:contain;
  object-position:50% 100%;
}

body[data-page="savoir-faire"] .cv-medieval-sculpture--fragment > canvas.k3-sculpture-live{
  inset:5% 3% 3%;
  width:94%;
  height:92%;
  object-position:50% 50%;
}

.cv-medieval-sculpture > img{
  transition:opacity .9s ease;
}

.cv-medieval-sculpture.k3-live-on > img{
  opacity:0;
}

@media (max-width:480px){
  .cv-medieval-sculpture > canvas.k3-sculpture-live{
    inset:2% 0 0;
    width:100%;
    height:98%;
  }
}

@media (prefers-reduced-motion:reduce){
  .cv-medieval-sculpture > canvas.k3-sculpture-live{
    display:none!important;
  }
  .cv-medieval-sculpture.k3-live-on > img{
    opacity:1;
  }
}