:root {
	--color-primary-background: rgb(103,159,90);
	--color-primary-foreground: white;
	--site-navigation-color-background: rgb(103,159,90);
	--site-navigation-color-foreground: white;
}

.œPage.-about
{
	& > .__cover
	{
		height: clamp(40rem, 40dvh,64rem);
		opacity: .8;
	}

	& > .__header
	{
		align-self: center;
		justify-self: center;
		mix-blend-mode: screen;
		padding-inline: var(--gap-threefold-width);

		& .__heading
		{
			font-size: clamp(1.6rem, 8cqi, 6.4rem);
			font-weight: 200;
			margin-block-end: var(--gap-width);
			padding-block: var(--gap-width);
			text-transform: uppercase;

			& em
			{
				color: var(--color-accent);
				font-weight: 400;
			}

			& span
			{
				display: block;
			}

			& span:nth-child(2)
			{
				font-size: clamp(1.2rem, 4cqi, 3.2rem);
			}
		}

		& .__lede
		{
			font-size: clamp(1.4rem, 4cqi, 2rem);
			font-weight: 400;
			line-height: 1.5em;
			text-wrap: balance;
		}
	}

}

#farm
{
	margin-block-start: var(--gap-two-thirds-width);
}