/* Hover expansion keeps the card clean: no extra action bar or player chrome. */
.asset-layer .vault-card {
  flex: 0 0 auto;
  transition:
    width .58s cubic-bezier(.16, 1, .3, 1),
    transform .35s cubic-bezier(.2, .8, .2, 1),
    border-color .25s,
    background .25s,
    box-shadow .25s;
}

.asset-layer .vault-card:hover {
  width: var(--expanded-card-width, min(540px, 72vw));
  border-color: #c9f44b99;
  background: #ffffff0c;
}

.asset-layer .vault-card:hover .vault-media img,
.asset-layer .vault-card:hover .vault-media video {
  object-fit: cover;
}

.asset-layer .vault-info {
  display: block;
  min-width: 0;
}

@media (hover: none), (max-width: 700px) {
  .asset-layer .vault-card:hover {
    width: min(255px, 67vw);
  }
}