/**
 * Variant CSS: team--founder-centered-statement
 * Layer 2 — Path B team role (2026-06-10).
 *
 * One key person in a centered vertical composition: a large circular portrait on
 * the symmetry axis, then name + role, then a generous bio set as a big centered
 * "statement" in display type. Unlike single-founder-spotlight (portrait beside the
 * text) and founder-stat-panel (dark island box), face and words sit on one centred
 * axis and the bio reads like the owner's manifesto. Text stays --ink (polarity-
 * aware) so it works on every theme; kicker + role take --accent. Portrait swapped
 * by the photo system (team_1). Part of the `team` role.
 *
 * A8/A9: this is a centered block inside an alignfull constrained section — every
 * centered child uses horizontal-auto margins (margin-inline:auto / margin:0 auto),
 * NEVER margin:0 0, so nothing left-pins inside the full-width container.
 */

body.aibt-universal .universal-team--founder-centered-statement {
	background: var(--background);
	color: var(--text-primary);
	padding-block: calc(clamp(var(--space-xl), 7vw, var(--space-2xl)) * var(--density, 1));
}

/* === Centered stack ======================================================= */
body.aibt-universal .universal-team--founder-centered-statement .universal-team__stack {
	text-align: center;
	max-width: 720px;
	margin-inline: auto;
}

/* === Portrait — circular, centered ======================================== */
body.aibt-universal .universal-team--founder-centered-statement .universal-team__photo {
	margin: 0 auto var(--space-lg) auto !important;
	width: clamp(140px, 26vw, 200px);
	border-radius: var(--radius-pill, 999px);
	overflow: hidden;
	/* Accent ring lifts the portrait off the section background. */
	box-shadow: 0 0 0 var(--space-3xs) var(--accent-fade), var(--decor-shadow-elevated);
}
body.aibt-universal .universal-team--founder-centered-statement .universal-team__photo img {
	display: block;
	width: 100%;
	aspect-ratio: 1;
	object-fit: cover;
	border-radius: var(--radius-pill, 999px);
	filter: var(--photo-filter, none);
	transition: transform var(--duration-medium) var(--ease-elegant);
}
body.aibt-universal .universal-team--founder-centered-statement .universal-team__photo:hover img {
	transform: scale(1.04);
}

/* === Identity ============================================================= */
body.aibt-universal .universal-team--founder-centered-statement .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 auto var(--space-sm) auto !important;
}
body.aibt-universal .universal-team--founder-centered-statement .universal-team__name {
	font-family: var(--font-display) !important;
	color: var(--ink) !important;
	margin: 0 auto var(--space-2xs) auto !important;
}
body.aibt-universal .universal-team--founder-centered-statement .universal-team__role {
	font-family: var(--font-body) !important;
	font-size: var(--text-base) !important;
	font-weight: 600 !important;
	letter-spacing: var(--tracking-wide) !important;
	color: var(--accent) !important;
	margin: 0 auto var(--space-lg) auto !important;
}

/* Statement bio — large display-scale, centered, comfortable measure. */
body.aibt-universal .universal-team--founder-centered-statement .universal-team__bio {
	font-family: var(--font-display) !important;
	font-size: clamp(1.3rem, 2.6vw, 1.85rem) !important;
	font-weight: 500 !important;
	line-height: var(--leading-snug) !important;
	letter-spacing: var(--tracking-normal) !important;
	color: var(--ink) !important;
	max-width: 30ch;
	margin: 0 auto !important;
	/* Short accent flourish above the statement. */
	padding-top: var(--space-lg);
	position: relative;
}
body.aibt-universal .universal-team--founder-centered-statement .universal-team__bio::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: var(--space-xl);
	height: var(--space-3xs);
	border-radius: var(--radius-pill, 999px);
	background: var(--accent);
}

/* === Keyboard focus — visible ring on the focusable portrait (a11y) ======== */
body.aibt-universal .universal-team--founder-centered-statement .universal-team__photo:focus-visible,
body.aibt-universal .universal-team--founder-centered-statement .universal-team__photo img:focus-visible {
	outline: 2px solid var(--accent);
	outline-offset: var(--focus-offset, 4px);
}

/* === Reduced motion ======================================================= */
@media (prefers-reduced-motion: reduce) {
	body.aibt-universal .universal-team--founder-centered-statement .universal-team__photo img {
		transition: none;
	}
	body.aibt-universal .universal-team--founder-centered-statement .universal-team__photo:hover img {
		transform: none;
	}
}

/* === Responsive =========================================================== */
/* Tablet (641–959): trim statement scale slightly. */
@media (max-width: 959px) {
	body.aibt-universal .universal-team--founder-centered-statement .universal-team__bio {
		font-size: clamp(1.2rem, 2.8vw, 1.6rem) !important;
	}
}

/* Mobile (≤640): smaller portrait, cap wide tracking, tighten rhythm. */
@media (max-width: 640px) {
	body.aibt-universal .universal-team--founder-centered-statement .universal-team__photo {
		width: clamp(120px, 38vw, 160px);
		margin-bottom: var(--space-md) !important;
	}
	body.aibt-universal .universal-team--founder-centered-statement .universal-team__kicker {
		letter-spacing: var(--tracking-wider) !important;
	}
	body.aibt-universal .universal-team--founder-centered-statement .universal-team__role {
		margin-bottom: var(--space-md) !important;
	}
}