/* Progressive enhancement over the original PC Manager poster, V2 only. */
.pc-leaf-scene {
  position: absolute;
  inset: 0;
  display: block;
  pointer-events: none;
  overflow: hidden;
}

.pc-leaf-scene[hidden] { display: none; }

.project-art .pc-leaf-scene img {
  position: absolute;
  display: block;
  max-width: none;
  object-fit: fill;
  transition: none;
}

.pc-leaf-base { inset: 0; width: 100%; height: 100%; }
.pc-leaf-initial-layer, .pc-leaf-random-layer {
  position: absolute;
  inset: 0;
  display: block;
}
.pc-leaf-random-layer {
  -webkit-mask-image: url("/images/pc-manager-leaves/interface-mask.svg");
  mask-image: url("/images/pc-manager-leaves/interface-mask.svg");
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  mask-mode: alpha;
}
.pc-leaf { opacity: 1; }

/* Keep the whole scene and its tiles at their resting size on hover.
   Leaves still animate opacity; the original inset stroke stays above them. */
.pc-leaf-scene, .card-button:hover .pc-leaf-scene { transform: none; transition: none; }
.card-button:hover .project-art .pc-leaf-scene img { transform: none; }

@media (prefers-reduced-motion: reduce) {
  .pc-leaf-scene { display: none; }
}