header {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: start;
}

header > * {
	flex: 1;
}
header ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
header ul.nav {
	display: flex;
margin: .25em 0;
--plr: .5vw;
}
header ul.nav.n1 {
	justify-content: start;
	padding-left: .5em;
	padding-left: var(--plr);
}
header ul.nav.n2 {
	justify-content: end;
	padding-right: .5em;
	padding-right: var(--plr);
}
header ul.nav > li {
	position: relative;
	flex: 0;
	font-size: 73%;
	padding: 0 .5em;
	transition: background-color 0.3s ease 0s;
}
header ul.nav > li a,
header ul.nav > li a:link {
	color: var(--ah-yellow);
}
header ul.nav > li:hover a {
	color: var(--ah-blue) !important;
}
header ul.nav > li:hover {
	color: var(--ah-blue);
	background-color: var(--ah-yellow);
}
header ul.nav > li > ul.sub {
	z-index: 2;
	position: absolute;
	right: 0;
	display: flex;
	flex-direction: column;
	background-color: var(--ah-yellow);
	padding: .5em;
	display: none;
}
header ul.nav > li:hover > ul.sub,
header ul.nav > li:active > ul.sub,
header ul.nav > li:focus-within > ul.sub {
	display: flex;
}
header ul.nav > li a,
header ul.nav > li a:link,
header ul.nav > li a:active,
header ul.nav > li a:visited {
	color: var(--ah-yellow);
	text-decoration: none;
}
header ul.nav > li > ul.sub > li {
	padding: .13em .5em;
	text-align: center;
}
header ul.nav > li > ul.sub > li a,
header ul.nav > li > ul.sub > li a:link,
header ul.nav > li > ul.sub > li a:active,
header ul.nav > li > ul.sub > li a:visited {
	color: var(--ah-blue);
	text-decoration: none;
}
header ul.nav > li > ul.sub > li:hover {
	background-color: var(--ah-blue);
}
header ul.nav > li > ul.sub > li:hover a {
	color: var(--ah-yellow) !important;
}
@media (max-width: 640px) {
	header ul.nav {
		display: none;
	}
}
header div.mmenu {
	--h: var(--hf_h) / 1.25;

	flex: 1;
	flex-basis: auto;
	display: flex;
	flex-grow: 1;
	align-items: center;
}
header div.mmenu > div {
	flex: 1;
	padding: .25em 1rem;
padding: 0;
	text-align: center;
	line-height: .98;
font-size: max(30%, 1.5vmin);
font-size: calc(1ch * .73);
	white-space: break-spaces;
}
header div.mmenu > a {
	flex: 0;
	display: none;
}
@media (max-width: 640px) {
	header div.mmenu > a {
		display: block;
	}
	header div.mmenu > div {
		font-size: 80%;
		white-space: nowrap;
	}
	header div.mmenu > a > span {
		display: block;
		position: relative;
		top: 0;
		left: 100%;
		margin: 0;
		width: 16px;
		height: 16px;
		background-image: none;
	}
	header div.mmenu > a.close > span {
		background-image: none;
	}
}
#mobm {
	--t: 0;
}
#mobm {
	position: fixed;
	left: 0;
	top: var(--t);
	width: 100%;
	height: 100%;
height: calc(100% - var(--t));
	padding-bottom: var(--t);
	background: var(--ah-beige);
	z-index: 12;
	display: flex;
	align-items: center;
	justify-content: center;
-	display: none;
visibility: hidden;
opacity: 0;
@starting-style {
	opacity: 0;
}
transition: opacity 200ms ease-in;
}
#mobm ul {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
}
#mobm ul > li {
	display: flex;
	align-items: center;
	justify-content: center;
}
#mobm ul > li > a {
	display: block;
	flex: 1;
	text-align: center;
	padding: .5em 0;
padding: .5em 1em;
font-size: clamp(.5rem, 73vmin, 1.153rem);
text-decoration: none;
}
#mobm ul > li > a:hover,
#mobm ul > li > a:focus-within,
#mobm ul > li > a:active {
	background: var(--ah-yellow);
}
#mobm.show {
-	display: flex;
visibility: visible;
opacity: 1;
}