:root {
	--color-primary-background: rgb(103,159,90);
	--color-primary-background: var(--color-brand-kraft);
	--color-primary-foreground: black;
	--site-navigation-color-background:;
	--site-navigation-color-foreground:;
}

.œPage
{
	& > .__cover
	{
		aspect-ratio: var(--ratio-widescreen);
		grid-row: 1;
		overflow: hidden;

		& picture
		{
			background-color: pink;
			height: 100%;
			width: 100%;
		}

		& img
		{
			object-fit: cover;
			height: 100%;
			width: 100%;
		}

	}

	& > .__header
	{
		align-self: end;
		grid-row: 1;
		mix-blend-mode: plus-lighter;
		z-index: 1;

		& .__heading
		{
			color: #FFFFFF;
			font-size: var(--font-size-xl);
			font-weight: 800;
			letter-spacing: -4%;
			text-transform: uppercase;
		}

		& .__heading > em
		{
			display: block;
			font-size: var(--font-size-xxl);
		}

		& .__heading > span
		{
			color: var(--color-brand-red);
			display: block;
			font-size: var(--font-size);
			font-weight: 600;
		}

	}

}

#lede
{

	margin-block-start: var(--gap-double-width);

	& blockquote
	{
		color: var(--color-brand-kraft);
		font-size: var(--font-size-xl);
		font-style: italic;
		font-weight: 600;
		line-height: 1.4em;
		opacity: 0.8;
		padding-block: var(--gap-double-width);
		text-align: center;
	}

	& .__main
	{
		font-size: var(--font-size);
		font-weight: 300;
	}

	& .__main > p
	{
		padding-block: var(--gap-width);
		text-align: justify;
		text-indent: 2em;
	}

	& .__main em
	{
		color: var(--color-brand-green);
		font-weight: 500;
	}

}

hr
{
	background-color: var(--color-brand-kraft);
	border: none;
	border-radius: .2rem;
	height: .2rem;
	margin-block: var(--gap-fourfold-width);
	margin-inline: auto;
	width: 32vw;
}

#timeline
{
	& .__heading
	{
		color: var(--color-brand-kraft);
		font-size: var(--font-size-xl);
		font-weight: 400;
		text-align: center;
		text-transform: uppercase;
		padding-block: var(--gap-double-width);
	}
}

ul.œTimeline
{
	--œtimeline_event-color-secondary-background: var(--color-brand-kraft);
	--œtimeline_event-color-accent: var(--color-brand-green);
}

