/* Deliberately distinct custom launch-screen layout. */
.arch-pwa-splash:not(.arch-pwa-splash--seamless) .arch-pwa-splash__content {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	justify-items: center;
	align-content: center;
	gap: 0;
	width: min(34rem, 100%);
	text-align: center;
}

.arch-pwa-splash:not(.arch-pwa-splash--seamless) .arch-pwa-splash__image {
	margin: 0 auto clamp(0.75rem, 2.5vh, 1.15rem);
}

.arch-pwa-splash:not(.arch-pwa-splash--seamless) .arch-pwa-splash__title {
	width: 100%;
	margin: 0;
	text-align: center;
	text-wrap: balance;
}

.arch-pwa-splash:not(.arch-pwa-splash--seamless) .arch-pwa-splash__message {
	max-width: 30rem;
	margin: 0.55rem auto 0;
	text-align: center;
	text-wrap: balance;
}

.arch-pwa-splash:not(.arch-pwa-splash--seamless) .arch-pwa-splash__loader {
	margin: clamp(1rem, 3vh, 1.5rem) auto 0;
}

@media (max-height: 520px) and (orientation: landscape) {
	.arch-pwa-splash:not(.arch-pwa-splash--seamless) .arch-pwa-splash__content {
		grid-template-columns: auto minmax(12rem, 1fr);
		column-gap: 1.5rem;
		text-align: left;
	}
	.arch-pwa-splash:not(.arch-pwa-splash--seamless) .arch-pwa-splash__image {
		grid-row: 1 / 4;
		margin: 0;
	}
	.arch-pwa-splash:not(.arch-pwa-splash--seamless) .arch-pwa-splash__title,
	.arch-pwa-splash:not(.arch-pwa-splash--seamless) .arch-pwa-splash__message {
		text-align: left;
	}
	.arch-pwa-splash:not(.arch-pwa-splash--seamless) .arch-pwa-splash__loader {
		margin-left: 0;
	}
}