@font-face {
	font-family: Awesome Nav Subset; /* Cera Round Pro */
	font-weight: 900;
	src: url(data:font/woff2;base64,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) format("woff2");
	font-display: block;
	unicode-range: U+41-5A; /* A-Z */
}

awesome-nav,
awesome-nav * {
	box-sizing: border-box;
}

awesome-nav {
	--brand-ba: #00a776;
	--brand-fa: #548cd8;
	--brand-wa: #f36945;
	--brand-navy: #183153;

	--awesome-nav-padding: 1em;
	--awesome-nav-padding-primary: var(--awesome-nav-padding);
	--awesome-nav-max: 69em;
	--awesome-nav-bgmix-time: 400ms;

	&,
	&[theme="light"] /* overrides prefers-color-scheme */ {
		--awesome-nav-bg: #f0f1f3;
		--awesome-nav-tab-bg: #fff;
		--awesome-nav-fg: var(--brand-navy);
		--awesome-nav-icon-color: var(--brand-navy);
		--awesome-nav-tooltip-bg: var(--brand-navy);
		--awesome-nav-tooltip-fg: #fff;
	}

	@media (prefers-color-scheme: dark) {
		--awesome-nav-bg: #222;
		--awesome-nav-fg: #fff;
		--awesome-nav-icon-color: #fff;
		--awesome-nav-tab-bg: #0c0c0c;
		--awesome-nav-tooltip-bg: #fff;
		--awesome-nav-tooltip-fg: var(--brand-navy);
	}

	/* Match color scheme values above */
	&[theme="dark"] {
		--awesome-nav-bg: #222;
		--awesome-nav-tab-bg: #0c0c0c;
		--awesome-nav-fg: #fff;
		--awesome-nav-icon-color: #fff;
		--awesome-nav-tooltip-bg: #fff;
		--awesome-nav-tooltip-fg: var(--brand-navy);
	}

	@media (width >= 38.75em) { /* 620px */
		--awesome-nav-padding: 1.25em;
		--awesome-nav-padding-primary: 2em;
	}

	display: flex;
	align-items: flex-end;
	background-color: var(--awesome-nav-bg);
	color: var(--awesome-nav-fg);
	font-weight: 500;
	font-family: system-ui, sans-serif;
	min-height: 4.25rem; /* 68px /16 */

	wa-icon {
		font-size: 1.25em; /* 20px /16 */
	}

	.awesome-spacer {
		flex-grow: 1;
	}
}

awesome-nav > nav {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	width: 100%;
	height: 100%;
	padding: .5rem 0 0 0;
	margin-inline: auto;
	max-width: calc(var(--awesome-nav-max) + 2rem);
}

/* Icons */
awesome-nav {
	i[class*="fa-"],
	wa-icon {
		font-size: 1.4em;
	}

	svg,
	svg.fa11ty-icon {
		aspect-ratio: 1/1;
		width: auto;
		height: 1.75em;
		fill: currentColor;
		font-size: 1em;
	}

	svg,
	i[class*="fa-"],
	.fa11ty-icon,
	wa-icon {
		color: var(--awesome-nav-icon-color);
	}
}

awesome-nav a[href] {
	display: flex;
	gap: .75em;
	align-items: center;
	color: inherit;
	text-decoration: none;
	padding: 1em var(--awesome-nav-padding);
	min-height: 3.75em;
	font-size: 0.875em; /* 14px /16 */
	font-family: system-ui, sans-serif;
	text-transform: none;
	letter-spacing: 0;
	font-weight: 600;
	color: var(--awesome-nav-fg);

	&.awesome-nav-build {
		--awesome-nav-icon-color: var(--brand-ba);
	}
	&.awesome-nav-font {
		--awesome-nav-icon-color: var(--brand-fa);
	}
	&.awesome-nav-web {
		--awesome-nav-icon-color: var(--brand-wa);
	}
}

/* primary (may not be first) */
awesome-nav:not(:has(.awesome-nav-primary)) a[href]:first-child,
awesome-nav a[href].awesome-nav-primary {
	color: var(--awesome-nav-fg-primary, var(--awesome-nav-fg));
	background-color: var(--awesome-nav-tab-bg);
	border-radius: 0.1875em .1875em 0 0; /* 3px /16 */
	padding: 1em var(--awesome-nav-padding-primary);
	margin-inline: var(--awesome-nav-padding);

	/* Brand font */
	font-family: Awesome Nav Subset, Cera Round Pro, system-ui, sans-serif;
	text-transform: uppercase;
	letter-spacing: .16em;
	font-weight: 900;

	@media (width >= 38.75em) { /* 620px */
		margin-inline: var(--awesome-nav-padding);

		&:before,
		&:after {
			display: none;
		}
	}

	.awesome-sr-only {
		line-height: 1;

		@media (width < 38.75em) { /* 620px */
			position: absolute;
			height: 1px;
			width: 1px;
			overflow: hidden;
			clip: rect(1px, 1px, 1px, 1px);
			opacity: 0;
		}
	}

	svg,
	i[class*="fa-"],
	.fa11ty-icon,
	wa-icon {
		color: var(--awesome-nav-icon-color-primary, var(--awesome-nav-icon-color));
	}
}

awesome-nav:has(.awesome-nav-primary:is(:hover, :focus)) {
	--awesome-nav-bgmix: var(--brand-navy);
}
awesome-nav:has(.awesome-nav-build:is(:hover, :focus)) {
	--awesome-nav-bgmix: var(--brand-ba);
}
awesome-nav:has(.awesome-nav-font:is(:hover, :focus)) {
	--awesome-nav-bgmix: var(--brand-fa);
}
awesome-nav:has(.awesome-nav-web:is(:hover, :focus)) {
	--awesome-nav-bgmix: var(--brand-wa);
}
awesome-nav:has(a[href]:is(.awesome-nav-web, .awesome-nav-build, .awesome-nav-font, .awesome-nav-primary)) {
	transition: background-color var(--awesome-nav-bgmix-time);
}
awesome-nav:has(a[href]:is(.awesome-nav-web, .awesome-nav-build, .awesome-nav-font, .awesome-nav-primary):is(:hover, :focus)) {
	background-color: color-mix(in oklab, var(--awesome-nav-bgmix), var(--awesome-nav-bg) 80%);
}

/* Only show icons (where available) pre-JS to reduce CLS */
awesome-nav:not(:defined) {
	wa-icon {
		display: none;
	}

	&:not(:has(.awesome-nav-primary)) a[href]:not(:first-child),
	&:has(.awesome-nav-primary) a[href]:not(.awesome-nav-primary) {
		&:has(i, svg) {
			max-width: calc(1.75em + 2 * var(--awesome-nav-padding)); /* 24.5px /14 */
			overflow: hidden;
			white-space: nowrap;
			color: transparent;

			i, svg {
				position: absolute;
			}
		}
	}
}
/* Tooltips are styled in JS */