/**
 * Variant CSS: team--founder-letter-signature
 *
 * Team rendered as a personal founder letter: a vertical portrait column beside
 * a multi-paragraph signed message. The message closes with a handwritten-style
 * sign-off line, the founder's name in display type, and their role under a thin
 * rule. Unlike the spotlight card (portrait + bio + detail line), this reads as a
 * "note from the founder" — trust built by tone, not by a list. Text stays --ink
 * (polarity-aware) so it works on every theme. Portrait swapped by the photo
 * system (team_1). Part of the `team` role.
 */

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

/* Intro — centred heading block; horizontal-auto margins so it never left-pins
   inside the full-width constrained section (A8/A9). */
body.aibt-universal .universal-team--founder-letter-signature .universal-team__intro {
	text-align: center;
	margin: 0 auto clamp(2rem, 4.5vw, 3rem) auto;
}

body.aibt-universal .universal-team--founder-letter-signature .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-letter-signature .universal-team__headline {
	font-family: var(--font-display) !important;
	color: var(--ink) !important;
	margin: 0 auto !important;
}

body.aibt-universal .universal-team--founder-letter-signature .universal-team__headline em {
	color: var(--accent) !important;
	font-style: italic;
}

/* Letter layout — portrait aside + message column. */
body.aibt-universal .universal-team--founder-letter-signature .universal-team__letter {
	gap: clamp(1.6rem, 4vw, 3.2rem);
	align-items: flex-start;
}

/* Portrait aside — sticky-feeling framed card with the name/role caption. */
body.aibt-universal .universal-team--founder-letter-signature .universal-team__aside {
	text-align: center;
}

body.aibt-universal .universal-team--founder-letter-signature .universal-team__photo {
	margin: 0 0 var(--space-md) 0 !important;
	border-radius: var(--decor-radius);
	overflow: hidden;
}

body.aibt-universal .universal-team--founder-letter-signature .universal-team__photo img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 5;
	object-fit: cover;
	transition: transform var(--duration-fast, 0.18s) var(--ease-default, ease);
}

/* Subtle portrait warm-up on hover — matches the rest of the team library. */
body.aibt-universal .universal-team--founder-letter-signature .universal-team__aside:hover .universal-team__photo img {
	transform: scale(1.03);
}

body.aibt-universal .universal-team--founder-letter-signature .universal-team__aside .universal-team__name {
	font-family: var(--font-display) !important;
	font-size: clamp(1.1rem, 2vw, 1.3rem) !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	color: var(--ink) !important;
	margin: 0 0 var(--space-xs, 0.3rem) 0 !important;
}

body.aibt-universal .universal-team--founder-letter-signature .universal-team__aside .universal-team__role {
	font-family: var(--font-body) !important;
	font-size: var(--text-sm) !important;
	color: var(--ink) !important;
	opacity: 0.66;
	margin: 0 !important;
}

/* Message column — readable measure, generous rhythm. */
body.aibt-universal .universal-team--founder-letter-signature .universal-team__lede {
	font-family: var(--font-body) !important;
	font-size: var(--text-lg) !important;
	line-height: var(--leading-relaxed) !important;
	font-weight: 500 !important;
	color: var(--ink) !important;
	margin: 0 0 var(--space-md) 0 !important;
}

body.aibt-universal .universal-team--founder-letter-signature .universal-team__letter-body {
	font-family: var(--font-body) !important;
	font-size: var(--text-base) !important;
	line-height: var(--leading-relaxed) !important;
	color: var(--ink) !important;
	opacity: 0.82;
	margin: 0 0 var(--space-md) 0 !important;
}

/* Handwritten-style sign-off — italic display type, accent tint, sits above the
   signature name with a small gap. Decorative, aria-hidden in markup. */
body.aibt-universal .universal-team--founder-letter-signature .universal-team__signature {
	font-family: var(--font-display);
	font-style: italic;
	font-size: clamp(1.4rem, 3vw, 1.9rem);
	line-height: 1.1;
	color: color-mix(in srgb, var(--accent) 80%, var(--ink));
	margin: clamp(1rem, 2.5vw, 1.6rem) 0 var(--space-sm) 0;
}

body.aibt-universal .universal-team--founder-letter-signature .universal-team__sign-name {
	font-family: var(--font-display) !important;
	font-size: clamp(1.15rem, 2.2vw, 1.4rem) !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	color: var(--ink) !important;
	margin: 0 0 var(--space-xs, 0.3rem) 0 !important;
}

/* Role sits under a thin rule for a "letterhead footer" feel. */
body.aibt-universal .universal-team--founder-letter-signature .universal-team__sign-role {
	font-family: var(--font-body) !important;
	font-size: var(--text-sm) !important;
	letter-spacing: var(--tracking-wide) !important;
	text-transform: uppercase !important;
	color: var(--ink) !important;
	opacity: 0.6;
	margin: 0 !important;
	padding-top: var(--space-sm);
	border-top: 1px solid color-mix(in srgb, var(--ink) 16%, transparent);
	display: inline-block;
}

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

/* Respect reduced-motion — neutralise the portrait hover zoom. */
@media (prefers-reduced-motion: reduce) {
	body.aibt-universal .universal-team--founder-letter-signature .universal-team__photo img {
		transition: none;
	}
	body.aibt-universal .universal-team--founder-letter-signature .universal-team__aside:hover .universal-team__photo img {
		transform: none;
	}
}

/* Cap wide uppercase tracking on small screens so the kicker / sign-role never
   crowd themselves (A5). */
@media (max-width: 640px) {
	body.aibt-universal .universal-team--founder-letter-signature .universal-team__kicker,
	body.aibt-universal .universal-team--founder-letter-signature .universal-team__sign-role {
		letter-spacing: 0 !important;
	}
}

/* Tablet / mobile — stack portrait over message, cap portrait width, left-align
   the message for a natural letter feel; keep 0 horizontal overflow. */
@media (max-width: 781px) {
	body.aibt-universal .universal-team--founder-letter-signature .universal-team__letter {
		flex-wrap: wrap;
	}
	body.aibt-universal .universal-team--founder-letter-signature .universal-team__aside,
	body.aibt-universal .universal-team--founder-letter-signature .universal-team__message {
		flex-basis: 100% !important;
		width: 100%;
	}
	body.aibt-universal .universal-team--founder-letter-signature .universal-team__aside {
		max-width: 320px;
		margin: 0 auto;
	}
	body.aibt-universal .universal-team--founder-letter-signature .universal-team__message {
		margin-top: clamp(1.4rem, 4vw, 2rem);
	}
}