.artist-card{overflow:hidden;isolation:isolate}
.artist-card:before{content:"";position:absolute;inset:0;background:url('assets/hero-concert-v2.jpg') center/cover;filter:grayscale(1);opacity:0;transform:scale(1.12);transition:.55s;z-index:-1}
.artist-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#050505dd,transparent);opacity:0;z-index:-1;transition:.4s}
.artist-card:hover:before,.artist-card:hover:after{opacity:1}
.artist-card:hover:before{transform:scale(1)}
.hero-content{animation:heroIn 1.2s cubic-bezier(.2,.8,.2,1) both}
.hero>img{animation:heroZoom 12s ease-out both}
@keyframes heroIn{from{opacity:0;transform:translateY(45px)}}
@keyframes heroZoom{from{transform:scale(1.08)}to{transform:scale(1)}}