/* Landing Gate — blank canvas */
*,
*::before,
*::after {
	box-sizing: border-box;
}

html,
body.landing-gate {
	margin: 0;
	min-height: 100%;
	height: 100%;
}

body.landing-gate {
	background-color: #232323;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	font-family: Georgia, "Times New Roman", serif;
	color: #f5f5f5;
	overflow: hidden;
}

body.landing-gate.admin-bar {
	min-height: calc(100% - 32px);
	height: calc(100% - 32px);
}

@media screen and (max-width: 782px) {
	body.landing-gate.admin-bar {
		min-height: calc(100% - 46px);
		height: calc(100% - 46px);
	}
}

.lg-stage {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 100%;
	padding: 1.5rem;
	animation: lg-fade-in 0.7s ease both;
}

.lg-logo {
	appearance: none;
	border: 0;
	background: transparent;
	padding: 0;
	margin: 0;
	cursor: pointer;
	line-height: 0;
	max-width: min(697px, 92vw);
	transition: transform 0.25s ease, opacity 0.25s ease;
}

.lg-logo:focus-visible {
	outline: 2px solid rgba(255, 255, 255, 0.7);
	outline-offset: 8px;
}

.lg-logo:hover {
	transform: scale(1.01);
}

.lg-logo img {
	display: block;
	width: 100%;
	height: auto;
	max-width: 100%;
	user-select: none;
	-webkit-user-drag: none;
}

.lg-empty {
	margin: 0;
	opacity: 0.7;
	font-size: 1rem;
	text-align: center;
}

@keyframes lg-fade-in {
	from {
		opacity: 0;
		transform: translateY(8px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@media (prefers-reduced-motion: reduce) {
	.lg-stage {
		animation: none;
	}

	.lg-logo {
		transition: none;
	}
}