/* hyperGrid landing overrides — load after assets/css/main.css */

#header {
	background-image: url("../../images/bg.jpg");
	background-position: center center;
}

body.homepage #header:after {
	background: #0f1c24;
}

/* Full logo lockup (replaces text h1) */
#header .site-logo {
	display: inline-block;
	border: 0;
	line-height: 0;
}

#header .site-logo img {
	display: block;
	max-width: min(22em, 88vw);
	width: auto;
	height: auto;
	margin: 0 auto;
}

/* Compact mark for top nav area */
#nav .nav-brand {
	position: absolute;
	left: 1.5em;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
	line-height: 0;
}

#nav .nav-brand img {
	display: block;
	height: 2.25em;
	width: auto;
	filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35));
}

@media screen and (max-width: 736px) {
	#nav .nav-brand {
		display: none;
	}

	#header .site-logo img {
		max-width: min(18em, 92vw);
	}
}