/**
 * Brand block — shared with /app sidebar (see app-shell-styles.ts).
 *
 * Intro LP header: Secondary Logo structure (icon-leading) with a hybrid
 * wordmark — “College Transitions” on one line (not stacked), plus
 * “Admission Intelligence” under it at full wordmark width.
 */

.aip-nav-brand,
.sidebar-brand {
	display: flex;
	align-items: center;
	gap: 10px;
	text-decoration: none;
	color: #fff;
}

/* Secondary-style: icon leading, text column to the right */
.aip-nav-brand {
	align-items: center;
	gap: 8px;
	overflow: visible;
}

.aip-nav-brand .brand-logo-mark {
	width: 42px;
	height: 42px;
	flex-shrink: 0;
	object-fit: contain;
}

.aip-nav-brand .brand-text {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: center;
	min-width: max-content;
	min-height: 42px;
	gap: 4px;
	overflow: visible;
}

.aip-nav-brand .brand-wordmark {
	display: block;
	height: 20px;
	width: auto;
	flex-shrink: 0;
	overflow: visible;
	object-fit: contain;
	object-position: left center;
}

.aip-nav-brand .brand-title {
	font-family: "Meta Pro Condensed", "Meta Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: 17px;
	font-weight: 700;
	color: #fff;
	line-height: 1.05;
	white-space: nowrap;
	letter-spacing: 0.015em;
}

.aip-nav-brand .brand-tagline {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	width: 100%;
	box-sizing: border-box;
	font-family: "Meta Pro Condensed", "Meta Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: 7.5px;
	font-weight: 700;
	color: rgba(255, 255, 255, 0.72);
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: 0;
}

.aip-nav-brand .brand-tagline > span {
	flex: 0 0 auto;
}

.aip-nav-brand .brand-tagline-gap {
	flex: 1 1 auto;
	min-width: 0.4em;
}

@media (max-width: 400px) {
	.aip-nav-brand {
		gap: 6px;
	}

	.aip-nav-brand .brand-logo-mark {
		width: 34px;
		height: 34px;
	}

	.aip-nav-brand .brand-text {
		min-height: 34px;
		gap: 3px;
	}

	.aip-nav-brand .brand-wordmark {
		height: 16px;
	}

	.aip-nav-brand .brand-tagline {
		font-size: 6.5px;
	}
}

/* Compact / sidebar lockup — same structure as .aip-nav-brand */
.sidebar-brand .brand-logo-mark {
	width: 42px;
	height: 42px;
	flex-shrink: 0;
	object-fit: contain;
}

.sidebar-brand .brand-text {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: center;
	min-width: max-content;
	min-height: 42px;
	gap: 4px;
}

.sidebar-brand .brand-wordmark {
	display: block;
	height: 20px;
	width: auto;
	object-fit: contain;
	object-position: left center;
}

.sidebar-brand .brand-tagline {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	width: 100%;
	box-sizing: border-box;
	margin: 0;
	font-family: "Meta Pro Condensed", "Meta Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: 7.5px;
	font-weight: 700;
	color: rgba(255, 255, 255, 0.72);
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: 0;
	white-space: nowrap;
}

.sidebar-brand .brand-tagline > span {
	flex: 0 0 auto;
}

.sidebar-brand .brand-tagline-gap {
	flex: 1 1 auto;
	min-width: 0.4em;
}