/**
 * Variant CSS: team--single-founder-spotlight
 *
 * One key person in the lead — a large portrait beside the kicker, name, role,
 * a personal bio and a credentials line. Unlike the team grids and lists: builds
 * the "there's a real person behind this" relationship, ideal for solo and
 * founder-led businesses. Text stays --ink (polarity-aware); kicker, role and
 * the detail hairline take --accent / color-mix. Portrait swapped by the photo
 * system. Part of the `team` role.
 */

body.aibt-universal .universal-team--single-founder-spotlight {
	padding-block: calc(clamp(3rem, 7vw, 5.5rem) * var(--density, 1));
}

body.aibt-universal .universal-team--single-founder-spotlight .universal-team__spotlight {
	display: grid;
	grid-template-columns: minmax(0, 0.8fr) minmax(0, 1fr);
	gap: clamp(1.8rem, 4.5vw, 3.6rem);
	align-items: center;
}

/* Portrait. */
body.aibt-universal .universal-team--single-founder-spotlight .universal-team__media {
	border-radius: var(--decor-radius, 18px);
	overflow: hidden;
	aspect-ratio: 4 / 5;
}

body.aibt-universal .universal-team--single-founder-spotlight .universal-team__photo {
	margin: 0 !important;
	height: 100%;
}

body.aibt-universal .universal-team--single-founder-spotlight .universal-team__photo img {
	display: block;
	width: 100%;
	height: 100%;
	aspect-ratio: 4 / 5;
	object-fit: cover;
}

/* Body. */
body.aibt-universal .universal-team--single-founder-spotlight .universal-team__kicker {
	font-family: var(--font-body) !important;
	font-size: var(--text-xs) !important;
	font-weight: 600 !important;
	letter-spacing: var(--tracking-widest) !important;
	text-transform: uppercase !important;
	color: var(--accent) !important;
	margin: 0 0 var(--space-sm) 0 !important;
}

body.aibt-universal .universal-team--single-founder-spotlight .universal-team__name {
	font-family: var(--font-display) !important;
	color: var(--ink) !important;
	margin: 0 0 var(--space-xs, 0.4rem) 0 !important;
}

body.aibt-universal .universal-team--single-founder-spotlight .universal-team__role {
	font-family: var(--font-body) !important;
	font-size: var(--text-base) !important;
	font-weight: 600 !important;
	color: var(--accent) !important;
	margin: 0 0 var(--space-md) 0 !important;
}

body.aibt-universal .universal-team--single-founder-spotlight .universal-team__bio {
	font-family: var(--font-body) !important;
	font-size: var(--text-lg, 1.15rem) !important;
	line-height: var(--leading-relaxed) !important;
	color: var(--ink) !important;
	opacity: 0.84;
	margin: 0 !important;
	max-width: 52ch;
}

body.aibt-universal .universal-team--single-founder-spotlight .universal-team__detail {
	font-family: var(--font-body) !important;
	font-size: var(--text-sm) !important;
	font-weight: 600 !important;
	color: var(--ink) !important;
	opacity: 0.66;
	margin: var(--space-lg) 0 0 0 !important;
	padding-top: var(--space-md);
	border-top: 1px solid color-mix(in srgb, var(--ink) 14%, transparent);
	max-width: 52ch;
}

/* Mobile: portrait above the body, capped so it isn't too tall. */
@media (max-width: 720px) {
	body.aibt-universal .universal-team--single-founder-spotlight .universal-team__spotlight {
		grid-template-columns: 1fr;
		gap: clamp(1.6rem, 5vw, 2.2rem);
	}
	body.aibt-universal .universal-team--single-founder-spotlight .universal-team__media {
		max-width: 360px;
	}
}