/* Speaker Feature: a portrait and byline beside the latest message. */
.cc-msg-speaker {
	--cc-msg-speaker-portrait-ratio: 4 / 5;
	--cc-msg-speaker-radius: var(--img-radius, 0);
	--cc-msg-speaker-plate-bg: color-mix(in srgb, currentColor 8%, transparent);
	--cc-msg-speaker-accent: var(--color-main);
	--cc-msg-speaker-line: color-mix(in srgb, currentColor 18%, transparent);
	--cc-msg-speaker-muted: color-mix(in srgb, currentColor 76%, transparent);
	--cc-msg-speaker-name-font: var(--font-titles);
	--cc-msg-speaker-name-size: clamp(34px, 4.4vw, 72px);
	--cc-msg-speaker-mono-font: var(--font-titles);
	display: grid;
	grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
	gap: clamp(32px, 5vw, 96px);
	align-items: start;
	min-width: 0;
}
.bg-main .cc-msg-speaker, .bg-black .cc-msg-speaker, .bg-image .cc-msg-speaker { --cc-msg-speaker-accent: currentColor; }
.cc-msg-speaker > :is(.cc-msg-empty, .cc-msg-note) { grid-column: 1 / -1; margin: 0; overflow-wrap: anywhere; }
.cc-msg-speaker .cc-msg-speaker__person { position: sticky; top: calc(var(--ct-header-h, 100px) + 24px); min-width: 0; }
.cc-msg-speaker .cc-msg-speaker__work { min-width: 0; }
.cc-msg-speaker--right { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); }
.cc-msg-speaker--right .cc-msg-speaker__person { order: 2; }
.cc-msg-speaker .cc-msg-speaker__portrait {
	aspect-ratio: var(--cc-msg-speaker-portrait-ratio);
	overflow: hidden;
	border-radius: var(--cc-msg-speaker-radius);
	background: var(--cc-msg-speaker-plate-bg);
	margin: 0;
	position: relative;
}
.cc-msg-speaker .cc-msg-speaker__img, .cc-msg-speaker .cc-msg-speaker__frame img { display: block; width: 100%; height: 100%; object-fit: cover; }
.cc-msg-speaker--round .cc-msg-speaker__portrait { aspect-ratio: 1; border-radius: 50% !important; max-width: 420px; margin-inline: auto; }
.cc-msg-speaker .cc-msg-speaker__monogram {
	display: grid;
	place-items: center;
	height: 100%;
	box-sizing: border-box;
	font-family: var(--cc-msg-speaker-mono-font);
	font-size: clamp(64px, 9vw, 160px);
	line-height: 1;
	letter-spacing: -.02em;
	color: currentColor;
	opacity: .9;
}
.cc-msg-speaker .cc-msg-speaker__monogram--text { font-size: clamp(28px, 3vw, 48px); padding: 24px; text-align: center; overflow-wrap: anywhere; }
.cc-msg-speaker .cc-msg-speaker__name {
	margin: calc(var(--cc-msg-speaker-name-size) * -.42) 0 0;
	position: relative;
	z-index: 1;
	padding-inline: clamp(12px, 1.4vw, 20px);
	font-family: var(--cc-msg-speaker-name-font);
	font-size: var(--cc-msg-speaker-name-size);
	line-height: .95;
	letter-spacing: -.02em;
	text-wrap: balance;
	overflow-wrap: anywhere;
	text-transform: var(--title-transform, none);
}
.cc-msg-speaker--round .cc-msg-speaker__name { margin-top: 20px; text-align: center; }
.cc-msg-speaker .cc-msg-speaker__role { font-size: 16px; line-height: 1.5; color: var(--cc-msg-speaker-muted); margin: 10px 0 0; padding-inline: clamp(12px, 1.4vw, 20px); overflow-wrap: anywhere; }
.cc-msg-speaker--round .cc-msg-speaker__role { text-align: center; }
.cc-msg-speaker .cc-msg-speaker__label { margin: 0 0 20px; font-size: 16px; line-height: 1.5; overflow-wrap: anywhere; }
.cc-msg-speaker .cc-msg-speaker__frame { aspect-ratio: 16 / 9; overflow: hidden; border-radius: var(--cc-msg-speaker-radius); display: block; position: relative; margin: 8px 0 24px; }
.cc-msg-speaker .cc-msg-speaker__play { position: absolute; inset: 50% auto auto 50%; transform: translate(-50%, -50%); width: 64px; height: 64px; border-radius: 50%; display: grid; place-items: center; background: color-mix(in srgb, #000 55%, transparent); color: #fff; }
.cc-msg-speaker .cc-msg-speaker__play svg { width: 24px; height: 24px; }
.cc-msg-speaker .cc-msg-speaker__title { margin: 0 0 10px; text-wrap: balance; overflow-wrap: anywhere; }
.cc-msg-speaker :is(.cc-msg-speaker__name a, .cc-msg-speaker__title a, .cc-msg-speaker__row a) { color: inherit; text-decoration: none; text-underline-offset: .18em; }
.cc-msg-speaker :is(.cc-msg-speaker__name a, .cc-msg-speaker__title a, .cc-msg-speaker__row a):is(:hover, :focus-visible) { color: var(--cc-msg-speaker-accent); }
.cc-msg-speaker :is(.cc-msg-speaker__name a, .cc-msg-speaker__title a, .cc-msg-speaker__row a):hover { text-decoration-line: var(--cc-link-hover-line, none); }
.cc-msg-speaker :is(.cc-msg-speaker__name a, .cc-msg-speaker__title a, .cc-msg-speaker__row a):focus-visible { text-decoration-line: underline; }
.cc-msg-speaker a:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
.cc-msg-speaker .cc-msg-speaker__meta { font-size: 16px; line-height: 1.5; color: var(--cc-msg-speaker-muted); overflow-wrap: anywhere; }
.cc-msg-speaker .cc-msg-speaker__excerpt { max-width: 70ch; overflow-wrap: anywhere; text-wrap: pretty; }
.cc-msg-speaker .cc-msg-speaker__actions { display: flex; flex-wrap: wrap; gap: 16px 24px; align-items: center; margin: 24px 0 0; }
.cc-msg-speaker .cc-msg-speaker__actions .button { max-width: 100%; box-sizing: border-box; white-space: normal; overflow-wrap: anywhere; }
.cc-msg-speaker .cc-msg-speaker__notes { text-decoration: underline; text-underline-offset: .18em; color: inherit; font-size: 16px; }
.cc-msg-speaker .cc-msg-speaker__more { margin-top: clamp(32px, 3vw, 48px); border-top: 1px solid var(--cc-msg-speaker-line); }
.cc-msg-speaker .cc-msg-speaker__more-title { font-size: 16px; line-height: 1.5; text-transform: uppercase; letter-spacing: .04em; color: var(--cc-msg-speaker-muted); margin: 18px 0 6px; overflow-wrap: anywhere; }
.cc-msg-speaker .cc-msg-speaker__list { margin: 0; padding: 0; list-style: none; }
.cc-msg-speaker .cc-msg-speaker__row { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 16px; padding: 14px 0; margin: 0; border-bottom: 1px solid var(--cc-msg-speaker-line); }
.cc-msg-speaker .cc-msg-speaker__row a { font-size: 17px; line-height: 1.5; min-width: 0; overflow-wrap: anywhere; }
.cc-msg-speaker .cc-msg-speaker__row-meta { font-size: 16px; line-height: 1.5; color: var(--cc-msg-speaker-muted); overflow-wrap: anywhere; }
@media (max-width: 900px) {
	.cc-msg-speaker { --cc-msg-speaker-name-size: clamp(30px, 9vw, 48px); grid-template-columns: minmax(0, 1fr); }
	.cc-msg-speaker .cc-msg-speaker__person { position: static; order: 0; }
	.cc-msg-speaker .cc-msg-speaker__portrait { max-width: min(420px, 82%); }
	.cc-msg-speaker--round .cc-msg-speaker__portrait { max-width: 260px; }
}
@media (prefers-reduced-motion: no-preference) {
	.cc-msg-speaker .cc-msg-speaker__frame img { transition: transform .6s cubic-bezier(.22, .61, .36, 1); }
	.cc-msg-speaker .cc-msg-speaker__work:has(.cc-msg-speaker__title a:is(:hover, :focus-visible)) .cc-msg-speaker__frame img { transform: scale(1.03); }
	.cc-msg-speaker a { transition: color .2s; }
}