.mainHeader {
	position: fixed;
	top: 0;
	width: 100%;
	background-color: white;
	z-index: 1;
}

.platineHeaders {
	margin-block-start: 3rem;
	grid-area: header;
}

header {
	justify-content: flex-end;
}

.platineTile {
	border-bottom: 1px solid var(--header-bdcolor);
}

@media not (max-width: 768px) {
	header {
		grid-area: footer;
		border-top: 1px solid var(--header-bdcolor);
		border-bottom: none;
	}

	nav.outline + main {
		margin-inline-start: var(--outline-max-width);
		padding-inline-start: 2em;
		padding-block-start: 2em;
	}

	nav.outline {
		position: fixed;
		top: 12rem;
		display: block;
		bottom: 3rem;
		border: 1px solid var(--outline-bdcolor);
		border-end-end-radius: .5em;
		border-start-end-radius: .5em;
	}

	nav.outline.masked {
		bottom: unset;
	}
}