a.brand {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	vertical-align: middle;
	text-align: left;
	text-decoration: none;
	white-space: nowrap;
	line-height: 1.6;
}
a.brand .brand-mark {
	display: grid;
	place-items: center;
	flex-shrink: 0;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background: #063b57;
	color: white;
	font: 800 15px Georgia, serif;
	border: 3px solid #e9b44b;
}
a.brand strong { display: block; font: 700 20px Georgia, serif; color: #063b57; }
a.brand small { display: block; color: #cf8500; font: 10px/1.6 system-ui, sans-serif; letter-spacing: .18em; }
.blue-bg a.brand strong, footer a.brand strong, .brand-on-dark a.brand strong { color: white; }
.blue-bg a.brand small, footer a.brand small, .brand-on-dark a.brand small { color: #f0b43f; }
a.brand:focus-visible { outline: 3px solid #cf8500; outline-offset: 4px; }