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

html,
body {
	margin: 0;
	height: 100%;
}

body {
	background: #0b1d3a;
}

.intro {
	min-height: 100vh;
	min-height: 100dvh;
	display: grid;
	place-items: center;
	padding: 24px 16px;
	background: url('../img/hero-bg.webp') center / cover no-repeat, #0b1d3a;
}

.intro-logo {
	margin: 0;
	width: min(520px, 80vw);
}

.intro-logo img {
	display: block;
	width: 100%;
	height: auto;
	filter: drop-shadow(0 6px 24px rgba(0, 0, 0, 0.45));
}