:root {
	--color-primary-background: #1A161F;;
	--color-primary-foreground: white;
	--site-navigation-color-background:;
	--site-navigation-color-foreground:;
}
.œPage
{
	.__cover
	{
		min-height: 40vh;

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

	.__header
	{
		align-content: center;
		color: white;
		container: __header / inline-size;
		display: grid;
		grid-row: 1;
		mix-blend-mode: overlay;
		justify-content: center;
		padding-block: var(--gap-width);
		z-index: 1;

		& h1
		{
			font-size: var(--font-size);
			font-weight: 500;
			line-height: 1.5em;
		}

		& h2
		{
			align-content: center;
			border: var(--gap-half-width) solid #FFFFFF;
			font-size: clamp(1.6rem, 8cqi, 6.4rem);
			font-weight: bold;
			min-height: 40vh;
			padding: var(--gap-fourfold-width);
			text-align: center;
			text-transform: uppercase;
		}
	}

}

.teamCard
{
	aspect-ratio: 1;
	background-color: #FFBBCC;
	border-radius: var(--gap-half-width);
/*	container: teamCard / inline-size;*/
	display: grid;
	max-width: 32rem;
	overflow: hidden;

	& figure
	{
		display: block;
		overflow: hidden;
		max-width: 100%;
	}
	& img {

		height: 100%;
		object-fit: cover;
		width: 100%;
	}

	& .__givenName
	{
		font-size: var(--font-size-l);
		font-weight: 500;
		padding-block-start: var(--gap-half-width);
		padding-inline: var(--gap-half-width);
	}

	& .__role
	{
		padding-inline: var(--gap-half-width);
	}
}

#amann
{
	background-color: var(--color-brand-orange);
}

#emma
{
	background-color: rgb(103,159,90);
}

#fanny
{
	background-color: var(--color-brand-purple);
}