/**
 * @author alisch berlec hönow <info@abh.eu>
 * @version 7.2
 *
 * Mdj View: Concert
 */

#concert {
	--intro-height: calc( ( 90vh - var( --main-sp ) * 0.5 ) * 0.9 );
	--preview-transition-duration: 0.33s;

	position: relative;
	overflow: visible;
}



#concert__intro {
	position: relative;
	margin-bottom: 0;

	z-index: 20;
}

	#concert__intro > grid-row {
		min-height: calc( var( --intro-height ) - var( --header-height, 0px ) - var( --main-sp ) );
	}

		#concert__intro > grid-row > grid-col:first-child {
			margin-top: calc( var( --header-height ) * -1 - 5vh );
		}

	#concert__labels {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}

	#concert__labels:not( :last-child ) {
		margin-bottom: calc( var( --v-sp ) * 1 );
	}

		#concert__labels > .label {
			margin-left: 0.3em;
			margin-right: 0.3em;
		}

#concert__title {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}



#concert__mood,
#concert__preview {
	position: absolute;
	top: calc( ( var( --header-height ) + var( --main-sp ) + 1px ) * -1 - var( --v-sp ) );
	left: 0;
	width: 100%;
	height: calc( var( --intro-height ) + var( --mood-blur ) * 2 );
	z-index: 10;
}

#concert__preview {
	display: none;
}

.is-dark-mode #concert__mood {
	--mood-background: linear-gradient( 180deg, transparent 90%, var( --background-color ) );
}

	#concert__mood > img {
		top: calc( var( --mood-blur ) * -3 );
	}



#concert__meta {
	margin-bottom: 0;
}

#concert__buttons {
	margin-bottom: calc( var( --v-sp ) * -1.33 - var( --button-size ) );
}

#concert__buttons:not( :first-child ) {
	margin-top: calc( var( --v-sp ) * 1.33 );
}



#concert__content {
	position: relative;
	z-index: 20;
}

#concert__content:not( :last-child ) {
	margin-bottom: calc( var( --section-sp ) - var( --h-sp ) );
}



#concert__credits {
	padding-bottom: var( --border-width );
}

	#concert__credits .logo-stack-inner {
		justify-content: center;
	}