#banner {
	background: var(--color-med);
	border-bottom: 1rem solid var(--color-med);

	overflow: hidden;
	position: relative;
}

:root {
	--banner-width: clamp(100%, 200vh, 310%);
}

#banner img {
	position: relative;
	width: var(--banner-width);
	right: calc((var(--banner-width) - 100%) / 2);
	aspect-ratio: 1940 / 626;
}

#banner picture {
	filter: grayscale(15%);
	transition: filter 0.2s;
}

#banner picture:hover {
	filter: grayscale(0);
}

main {
	text-align: centerbody;
}