#carousel, #cards { position: absolute; inset: 0; pointer-events: none; }
.scene[data-intro="waiting"] #cards { visibility: hidden; }
.card-plane {
  position: absolute;
  left: 0;
  top: 0;
  width: 1000px;
  height: 1000px;
  overflow: hidden;
  border-radius: 70px;
  transform-origin: 0 0;
  will-change: transform;
  background: #171717;
  box-shadow: 0 28px 70px -22px rgb(0 0 0 / 42%);
}
.card-photo { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.card-photo[hidden] { display: none; }
.card-photo.is-loading { visibility: hidden; }
.card-artwork { position: absolute; inset: 0; display: block; width: 1000px; height: 1000px; overflow: visible; }
