/**
 * Variant CSS: logos--editorial-statement
 *
 * Client / partner names as larger editorial type (display font) flowing in one
 * centred line with subtle middot separators — a confident "trusted by"
 * statement rather than small chips or bordered cells. No logo files, no motion.
 * Names stay --ink (polarity-aware), middots + hover take --accent.
 */

body.aibt-universal .universal-logos--editorial-statement {
	padding-block: calc(clamp(2.6rem, 5.5vw, 4.2rem) * var(--density, 1));
}

body.aibt-universal .universal-logos--editorial-statement .universal-logos__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-md) auto !important;
}

body.aibt-universal .universal-logos--editorial-statement .universal-logos__statement {
	gap: 0.4rem 1.1rem !important;
	max-width: 60ch;
	margin: 0 auto;
}

body.aibt-universal .universal-logos--editorial-statement .universal-logos__chip {
	display: inline-flex;
	align-items: center;
	font-family: var(--font-display) !important;
	font-size: clamp(1.2rem, 2.5vw, 1.7rem) !important;
	font-weight: 500 !important;
	line-height: 1.15 !important;
	letter-spacing: -0.01em !important;
	color: var(--ink) !important;
	opacity: 0.82;
	margin: 0 !important;
	transition: opacity var(--duration-fast, 0.18s) var(--ease-default, ease),
		color var(--duration-fast, 0.18s) var(--ease-default, ease);
}

/* Middot separator after each name except the last. */
body.aibt-universal .universal-logos--editorial-statement .universal-logos__chip:not(:last-child)::after {
	content: "·";
	margin-left: 1.1rem;
	color: var(--accent);
	opacity: 0.6;
	font-weight: 400;
}

body.aibt-universal .universal-logos--editorial-statement .universal-logos__chip:hover {
	opacity: 1;
	color: var(--accent) !important;
}

@media (max-width: 600px) {
	body.aibt-universal .universal-logos--editorial-statement .universal-logos__statement {
		gap: 0.3rem 0.8rem !important;
	}
	body.aibt-universal .universal-logos--editorial-statement .universal-logos__chip:not(:last-child)::after {
		margin-left: 0.8rem;
	}
}

/* ≤640px: drop the kicker's wide tracking so the uppercase eyebrow doesn't
   fragment / overflow on narrow phones (anti-pattern A5). */
@media (max-width: 640px) {
	body.aibt-universal .universal-logos--editorial-statement .universal-logos__kicker {
		letter-spacing: 0 !important;
	}
}

/* Reduced motion: drop the chip hover transition. */
@media (prefers-reduced-motion: reduce) {
	body.aibt-universal .universal-logos--editorial-statement .universal-logos__chip {
		transition: none;
	}
}