*, *::before, *::after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

:root {
	--bg:           #0d0d0d;
	--text:         #e0e0e0;
	--text-muted:   rgba(224, 224, 224, 0.45);
	--border:       rgba(224, 224, 224, 0.1);
}

html, body {
	height: 100%;
}

body {
	background-color: var(--bg);
	color: var(--text);
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}



/* ── Main / Logo ─────────────────────────────────── */

main {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}

.logo-wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2rem;
}

.logo-mark {
	width: 120px;
	height: 120px;
	color: var(--text);
	opacity: 0.75;
}

.logo-label {
	font-family: 'Cormorant Garamond', serif;
	font-weight: 300;
	font-size: 1rem;
	letter-spacing: 0.35em;
	text-transform: uppercase;
	color: var(--text-muted);
}


/* ── Responsive ──────────────────────────────────── */

@media (max-width: 600px) {
	.logo-mark {
		width: 90px;
		height: 90px;
	}
}