/**
 * 404 & Coming soon – zentrierte Sonne, Titel, Text.
 */
.error-page {
	display: grid;
	gap: var(--space-6);
	justify-items: center;
	padding-block: var(--section-gap-tight) 0;
	text-align: center;
}

.error-page__sun {
	inline-size: clamp(7rem, 14vw, 13.75rem);
}

@media (prefers-reduced-motion: no-preference) {
	.error-page__sun {
		animation: sun-turn 40s linear infinite;
	}
}

.error-page__title {
	font-size: var(--font-size-title-lg);
	line-height: var(--line-height-title-lg);
	text-transform: uppercase;
}

.error-page__text {
	color: var(--theme-text-muted);
	font-size: var(--font-size-body-lg);
	line-height: var(--line-height-body-lg);
}

@keyframes sun-turn {
	to {
		rotate: 360deg;
	}
}

/* Coming soon */
.is-coming-soon {
	background: var(--theme-bg-muted);
}

.coming-soon {
	display: grid;
	gap: var(--space-10);
	justify-items: center;
	min-block-size: 100dvh;
	padding-block: var(--space-12) var(--space-8);
	place-content: center;
}

.coming-soon__inner {
	display: grid;
	gap: var(--space-9);
	justify-items: center;
	text-align: center;
}

.coming-soon__logo {
	inline-size: clamp(5rem, 9vw, 8.25rem);
}
