/**
 * @author alisch berlec hönow <info@abh.eu>
 * @version 7.2
 *
 * Mdj Component: Slide: Eclat 2023
 */

#v23 {
	--o-sp: var( --v-sp );

	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;

	background: black;
	padding: var( --header-height ) var( --o-sp );
	pointer-events: none;

	display: flex;
	flex-direction: column;
	justify-content: center;
}



#v23__title {
	position: relative;
	z-index: 10;
}

#v23__title h1 {
	--font-weight: 1000;
	--letter-spacing: -0.5vw;
	--font-size: calc( 28vw - var( --o-sp ) * 0.57 - var( --letter-spacing ) * 1.125 ); /* Full width */
	--line-height: 0.76;

	margin-left: calc( var( --font-size ) * -0.04835164836 );
	margin-bottom: calc( var( --font-size ) * -0.03571428571 );
}

#v23__title-e { --font-stretch: 9; }
#v23__title-c { --font-stretch: 7; margin-left: -0.03em; }
#v23__title-l { --font-stretch: 5; }
#v23__title-a { --font-stretch: 3; margin-left: 0.025em; }
#v23__title-t { --font-stretch: 1; margin-left: -0.05em; }



#v23__visual {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 20;
}

	#v23__visual img {
		--buffer: 11%;

		position: absolute;
		top: 0;
		left: calc( var( --buffer ) * -0.5 + var( --o-sp ) );
		width: calc( 100% + var( --buffer ) - var( --o-sp ) * 2 );
		height: 100%;
		object-fit: cover;
	}



#v23__date,
#v23__subtitle {
	position: relative;
	padding: 0.3em 0;
	z-index: 100;
}

#v23__date,
#v23__subtitle h2 {
	--font-weight: 700;
	--font-size: 6.5vh;
	--line-height: 0.9;
}

#v23__date {
	align-self: flex-end;
}



/* ------------------------- */
@media ( orientation: portrait ) {

	#v23__date,
	#v23__subtitle h2 {
		--font-size: 5.5vh;
	}
}