.error-404__main {
	margin: 0 auto;
	padding: 0 var(--screen-gap);
	max-width: calc(var(--screen-lg) + var(--screen-gap) * 2);
}

.error-404__title {
	display: grid;
	margin-block: 40px;
	font-weight: 700;
	font-size: 3vw;
	text-align: center;
	color: color-mix(in oklch, var(--site2023-c) 50%, white);

	.error-404__title--text {
		font-size: 3em;
	}

	.error-404__title--subtext {}
}

.error-404__text {
	text-align: center;
}

.error-404__link {
	--color-main: var(--site2023-c);
	--color-base: var(--site2023-bg);
	width: 230px;
	height: 48px;
	margin: 40px auto;
}