:root {
	--color-primary-background: rgb(103,159,90);
	--color-primary-background: black;
	--color-primary-foreground: rgb(245, 245, 247);
	--color-secondary-background: rgb(29, 29, 31);
	--site-navigation-color-background: black;
	--site-navigation-color-foreground: rgb(245, 245, 247);
}
.œ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;
		}
	}


}

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

#onDemand
{
}

#also
{
	padding-block: var(--gap-fourfold-width);

	& a {
		aspect-ratio: 1;
		background-color: var(--color-secondary-background);
		border-radius: .8rem;
		display: block;

		width: 64cqi;
	}

	& .__heading
	{
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		background-clip: text;
		background-image: var(--gradient-brand-green);
		font-size: var(--font-size-xxl);
		font-weight: 800;
		line-height: 0.8em;
		justify-self: start;
		margin-block-end: var(--gap-double-width);
		padding-inline: var(--gap-threefold-width);
		text-fill-color: transparent;

		& span {
			display: block;
		}

	}

	& .œScroller
	{
		padding-inline-start: var(--gap-threefold-width);
	}

}