/* Standard video/music-video cards across archive, artist profile, and project pages. */
.video-archive-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(280px,320px))!important;
  justify-content:center!important;
  justify-items:center!important;
  gap:24px!important;
}
.video-archive-card,
.music-video-card-dynamic{
  width:100%!important;
  max-width:320px!important;
  min-width:0!important;
  margin:0!important;
}
.video-archive-card>a,
.music-video-card-dynamic>a{
  display:block!important;
  position:relative!important;
  width:100%!important;
  min-height:0!important;
  aspect-ratio:1/1!important;
  overflow:hidden!important;
  border-radius:20px!important;
  background:#090909!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:none!important;
  transform:none!important;
  transition:transform .36s cubic-bezier(.2,.7,.2,1),border-color .28s ease,box-shadow .28s ease!important;
}
.video-archive-card>a:hover,
.music-video-card-dynamic>a:hover{
  transform:translateY(-6px)!important;
  border-color:rgba(34,199,216,.54)!important;
  box-shadow:0 16px 42px rgba(0,0,0,.34)!important;
}
.video-card-media{
  position:relative!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  aspect-ratio:1/1!important;
  overflow:hidden!important;
  border-radius:inherit!important;
}
.video-card-media img,
.video-card-media video{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  object-fit:cover!important;
  object-position:center!important;
  filter:grayscale(12%) contrast(1.04) brightness(.82)!important;
  transform:scale(1)!important;
  transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .36s ease!important;
}
.video-archive-card>a:hover .video-card-media img,
.music-video-card-dynamic>a:hover .video-card-media img{
  transform:scale(1.045)!important;
  filter:grayscale(0%) contrast(1.06) brightness(.96)!important;
}
.video-card-overlay{
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.18) 36%,rgba(0,0,0,.86) 100%)!important;
  z-index:1!important;
  pointer-events:none!important;
}
.video-play-icon{
  position:absolute!important;
  z-index:3!important;
  top:50%!important;
  left:50%!important;
  width:54px!important;
  height:54px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  transform:translate(-50%,-50%)!important;
  border-radius:50%!important;
  background:linear-gradient(135deg,#22c7d8,#5ee8f2)!important;
  border:1px solid rgba(143,245,255,.72)!important;
  color:#fff!important;
  font-size:0!important;
  line-height:1!important;
  box-shadow:0 14px 34px rgba(0,0,0,.38),0 0 22px rgba(34,199,216,.24)!important;
  transition:transform .22s ease,box-shadow .22s ease!important;
}
.video-play-icon::before{
  content:''!important;
  display:block!important;
  width:0!important;
  height:0!important;
  border-top:9px solid transparent!important;
  border-bottom:9px solid transparent!important;
  border-left:14px solid #fff!important;
  margin-left:3px!important;
}
.video-archive-card>a:hover .video-play-icon,
.music-video-card-dynamic>a:hover .video-play-icon{
  transform:translate(-50%,-50%) scale(1.06)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.42),0 0 28px rgba(34,199,216,.34)!important;
}
.video-card-content{
  position:absolute!important;
  z-index:2!important;
  left:18px!important;
  right:18px!important;
  bottom:18px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
  text-align:right!important;
  align-items:flex-end!important;
  pointer-events:none!important;
  max-height:38%!important;
  overflow:hidden!important;
}
.video-card-content h2{
  margin:0!important;
  color:#fff!important;
  font-size:1.16rem!important;
  line-height:1.15!important;
  font-weight:800!important;
  letter-spacing:-.01em!important;
}
.video-card-meta,
.video-card-desc{
  margin:0!important;
  color:rgba(255,255,255,.76)!important;
  font-size:.78rem!important;
  line-height:1.45!important;
}
.video-card-desc{
  max-width:100%!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
@media(max-width:760px){
  .video-archive-grid{grid-template-columns:minmax(0,86vw)!important;gap:20px!important}
  .video-archive-card,.music-video-card-dynamic{max-width:86vw!important;width:86vw!important}
  .video-archive-card>a,.music-video-card-dynamic>a,.video-card-media{aspect-ratio:1/1!important;min-height:0!important;height:auto!important}
  .video-play-icon{width:50px!important;height:50px!important}
  .video-card-content{left:15px!important;right:15px!important;bottom:14px!important}
  .video-card-content h2{font-size:1.05rem!important}
}