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

.page {
	--intro-height: calc( ( 90vh - var( --main-sp ) * 0.5 ) * 0.9 );
}

.page:not( :last-child ) {}



.prominent-page__intro {
	position: relative;
	margin-bottom: 0;

	z-index: 20;
}

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



.prominent-page__mood {
	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;
}

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

	.prominent-page__mood > img {
		top: calc( var( --mood-blur ) * -3 ) !important;
	}