#artist {
--grid-vertical-spacing: var( --one-line--regular );
--artist-spacing-lines: 2;
--artist-spacing: calc( var( --grid-vertical-spacing ) * var( --artist-spacing-lines ) );
}
#artist__background {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 10; -webkit-transform: scale( 1.25 );
-moz-transform: scale( 1.25 );
transform: scale( 1.25 );
}
#artist__background img {
width: 100%;
height: 100%;
object-fit: cover;
}
#artist__content {
position: relative;
z-index: 20;
margin-bottom: var( --artist-spacing );
} #artist__videos {
position: relative;
z-index: 20;
margin-bottom: var( --artist-spacing );
}
.artist-video {
margin-bottom: var( --grid-vertical-spacing );
}
#artist__releases {
margin-top: calc( var( --artist-spacing ) * 2 );
position: relative;
z-index: 20;
}
#artist__videos + #artist__releases {
margin-top: var( --artist-spacing );
} @media ( max-width: 699px ) {
.view-artist #header {
margin-bottom: var( --vertical-spacing );
}
}