/* Brand overlay. Variable names from Canvas 7. */
:root {
	--cnvs-themecolor: #e41c34;
	--cnvs-themecolor-rgb: 228, 28, 52;
	--cnvs-body-font: "Poppins", sans-serif;
	--cnvs-primary-font: "Poppins", sans-serif;
	--cnvs-secondary-font: "Poppins", sans-serif;
}
.brand-mark {
	display: inline-block;
	line-height: 1.1;
	text-decoration: none;
	color: inherit;
}
.brand-mark .brand-name {
	display: block;
	font-family: var(--cnvs-secondary-font);
	font-weight: 700;
	font-size: 1.35rem;
	margin: 0;
	letter-spacing: 0.04em;
	color: #111;
}
.brand-mark .brand-meta {
	display: block;
	font-size: 0.62rem;
	letter-spacing: 0.24em;
	text-transform: uppercase;
	opacity: 0.65;
	margin: 0.2rem 0 0;
	color: #111;
}
/* Overlay hamburger is the desktop menu for this demo — do not hide it. */