.o-page-header {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	row-gap: 6.2rem;
	
	background-blend-mode: color-burn, normal, darken;
	background-color: var(--back-titulus-color);
	background-image: url('../jpg/header.textured-background.jpg'), url('../png/header.chess-city.png'), url('../png/header.signed-disk.png');
	background-position: center, center bottom, center bottom 6rem;
	background-repeat: no-repeat;
	background-size: auto, auto, auto;
	block-size: 70rem;
	padding-block-start: 2.6rem;
	box-sizing: border-box;

	@media (min-width: 1280px) {
		padding-inline: calc(50vw - 61rem);
		background-position: center, center bottom, right 20vw bottom 6rem;
	}

	@media (min-width: 1921px) {
		background-size: cover, auto, auto;
	}
}

.o-page-body {
	max-inline-size: 122.2rem;
	padding-block-start: 8rem;
	padding-block-end: 14rem;
	margin-inline: auto;

	@media (max-width: 1366px) {
		margin-inline: 2.5vw;
	}
}

.o-page-footer {
	background-color: var(--back-titulus-color);
	color: color(from var(--text-color) srgb r g b / 0.6);
	font-size: 1.6rem;
	padding-block-end: 4rem;

	p {
		max-inline-size: 122.2rem;
		margin-inline: auto;
	}

	* + p {
		margin-block-start: 4rem;
	}
}