/**
 * Variant CSS: team--founder-quote-card
 * Layer 2 — Path B team role (2026-06-10).
 *
 * One key person framed inside an elevated bordered card: a large decorative
 * quotation glyph (CSS ::before) opens the card, a short signature-style quote
 * bio follows, and the card footer carries a small round portrait beside the name
 * and role. Unlike single-founder-spotlight (portrait beside a paragraph), founder-
 * stat-panel (dark island) and avatar-quote-profiles (a 2-person duo), one strong
 * sentence in a frame builds the character and the portrait acts as a signature.
 * Card sits on a LIGHT card surface, so all text stays --ink (polarity-aware) — no
 * dark-on-dark (KI-020). Portrait swapped by the photo system (team_1). Part of the
 * `team` role.
 */

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

/* === Card — elevated, bordered, light surface ============================= */
body.aibt-universal .universal-team--founder-quote-card .universal-team__card {
	position: relative;
	background: var(--background-card, var(--background));
	border: var(--decor-border-width, 1px) solid var(--line-strong);
	border-radius: var(--radius-xl, 24px);
	padding: clamp(var(--space-lg), 5vw, var(--space-xl));
	padding-top: calc(clamp(var(--space-xl), 7vw, var(--space-2xl)) * var(--density, 1));
	box-shadow: var(--decor-shadow-elevated);
	overflow: hidden;
}

/* Big decorative opening quotation mark — purely ornamental (aria-hidden N/A:
   it's a pseudo-element, never read by assistive tech). */
body.aibt-universal .universal-team--founder-quote-card .universal-team__card::before {
	content: "\201C";
	position: absolute;
	top: clamp(-0.18em, -0.5vw, -0.05em);
	left: clamp(var(--space-md), 4vw, var(--space-lg));
	font-family: var(--font-display);
	font-weight: 700;
	font-size: clamp(5rem, 12vw, 8rem);
	line-height: 1;
	color: var(--accent);
	opacity: 0.22;
	pointer-events: none;
}

/* === Quote bio ============================================================ */
body.aibt-universal .universal-team--founder-quote-card .universal-team__quote {
	font-family: var(--font-display) !important;
	font-size: clamp(1.3rem, 2.8vw, 1.9rem) !important;
	font-weight: 500 !important;
	line-height: var(--leading-snug) !important;
	letter-spacing: var(--tracking-normal) !important;
	color: var(--ink) !important;
	margin: 0 0 var(--space-lg) 0 !important;
	position: relative;
}

/* === Byline footer — small round portrait + name + role ==================== */
body.aibt-universal .universal-team--founder-quote-card .universal-team__byline {
	gap: var(--space-md);
	align-items: center;
	padding-top: var(--space-md);
	border-top: var(--decor-border-width, 1px) solid var(--line-strong);
}
body.aibt-universal .universal-team--founder-quote-card .universal-team__photo {
	margin: 0;
	flex: 0 0 auto;
	width: clamp(52px, 9vw, 64px);
	border-radius: var(--radius-pill, 999px);
	overflow: hidden;
	box-shadow: 0 0 0 var(--space-px) var(--accent-fade);
}
body.aibt-universal .universal-team--founder-quote-card .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-fast) var(--ease-default);
}
body.aibt-universal .universal-team--founder-quote-card .universal-team__card:hover .universal-team__photo img {
	transform: scale(1.05);
}
body.aibt-universal .universal-team--founder-quote-card .universal-team__byline-text {
	min-width: 0;
}
body.aibt-universal .universal-team--founder-quote-card .universal-team__name {
	font-family: var(--font-display) !important;
	font-size: var(--text-xl) !important;
	font-weight: 600 !important;
	line-height: 1.15 !important;
	color: var(--ink) !important;
	margin: 0 0 var(--space-3xs) 0 !important;
}
body.aibt-universal .universal-team--founder-quote-card .universal-team__role {
	font-family: var(--font-body) !important;
	font-size: var(--text-sm) !important;
	font-weight: 600 !important;
	letter-spacing: var(--tracking-wide) !important;
	color: var(--accent) !important;
	margin: 0 !important;
}

/* === Keyboard focus — visible ring on the focusable portrait (a11y) ======== */
body.aibt-universal .universal-team--founder-quote-card .universal-team__photo:focus-visible,
body.aibt-universal .universal-team--founder-quote-card .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-quote-card .universal-team__photo img {
		transition: none;
	}
	body.aibt-universal .universal-team--founder-quote-card .universal-team__card:hover .universal-team__photo img {
		transform: none;
	}
}

/* === Responsive =========================================================== */
/* Tablet (641–959): trim quote scale a touch. */
@media (max-width: 959px) {
	body.aibt-universal .universal-team--founder-quote-card .universal-team__quote {
		font-size: clamp(1.2rem, 3vw, 1.6rem) !important;
	}
}

/* Mobile (≤640): stack the byline so the round portrait sits above the name. */
@media (max-width: 640px) {
	body.aibt-universal .universal-team--founder-quote-card .universal-team__byline {
		flex-wrap: wrap;
		gap: var(--space-sm);
	}
	body.aibt-universal .universal-team--founder-quote-card .universal-team__role {
		letter-spacing: var(--tracking-normal) !important;
	}
}