/* Lift the whole positioned card, not only its inner 3D figure. */
.project-live-card:has(.tilted-card[data-active]) {
  z-index: 2000 !important;
}

.project-linked-glass {
  /* Clear at rest; follow the artwork's existing color reveal on hover. */
  --project-glass-fill: color-mix(
    in srgb,
    var(--project-glass-color) calc(42% * var(--project-card-color, 0)),
    rgb(255 255 255 / 8%)
  );
  --project-glass-edge: inset 0 0 0 1px rgb(255 255 255 / 36%);
}

.project-frosted-control {
  display: block;
  overflow: hidden;
  border-radius: 100px;
  -webkit-backdrop-filter: blur(5px) saturate(1.18);
  backdrop-filter: blur(5px) saturate(1.18);
}

.project-linked-glass .project-card-caption {
  width: max-content;
}

.project-linked-glass .project-card-caption strong {
  white-space: nowrap;
}

.project-live-card[data-edge='true'] .project-linked-glass {
  visibility: hidden;
}
