.site-header {
	position: sticky;
	top: 0;
	border-bottom: 1px solid rgba(226, 232, 240, 0.6);
	z-index: 100;
	backdrop-filter: saturate(180%) blur(10px);
	background-color: rgba(255, 255, 255, 0.8);
}

.header-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.brand {
	display: flex;
	align-items: center;
	gap: 10px;
	color: inherit;
	text-decoration: none;
	font-weight: 500;
}

.logo {
	width: 80px;
	height: 80px;
}

.logo.tiny {
	width: 20px;
	height: 20px;
}

.nav {
	display: flex;
}

.nav ul {
	display: flex;
	gap: 24px;
	list-style: none;
	padding: 0;
	margin: 0;
	align-items: center;
}

.nav a {
	color: inherit;
	text-decoration: none;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 500;
}

.nav a:hover {
	color: #365314;
}

.nav .btn-accent {
	color: #fff !important;
}