/* ==================================================================
 * LikeFilm route bundle: People
 * Routes: /people/, /people/pageN/, /people/{slug}/ and their subpages,
 * plus /service/people/*.
 *
 * Extracted from UnityMovie-2.2(48).css. The original order of all
 * lfPeople* declarations is preserved. Shared cast/film-person widgets
 * remain in the global u.css because they are used outside People routes.
 * ================================================================== */

@media (max-width: 620px) {
	.lfPeopleHubSearch__control {
		grid-template-columns: 38px minmax(0, 1fr);
		overflow: visible;
		border-radius: 14px;
	}

	.lfPeopleHubSearch__control > button {
		grid-column: 1 / -1;
		min-height: 44px;
		margin: 7px 0 0;
		border-radius: 12px;
	}

	.lfPeopleHubSearch__hint,
	.lfPeopleHubSearch__error,
	.lfPeopleHubSearch__clear {
		display: block;
		margin-left: 0;
	}
}

/* ========================================================================
   PEOPLE PAGE V3 — stage 1: hero, breadcrumbs and local navigation
   ======================================================================== */

.lfPeoplePage {
	--lf-people-surface: #0c1420;
	--lf-people-border: rgba(148,163,184,.18);
	--lf-people-text: #f4f7fb;
	--lf-people-muted: #9aa9ba;
	--lf-people-blue: #2f80ed;
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	color: var(--lf-people-text);
}

.lfPeopleOverview { padding-top: 2px; }

.lfPeopleBreadcrumbs {
	margin: 0 0 17px;
	color: rgba(203,213,225,.7);
}

.lfPeopleBreadcrumbs .lfv2-breadcrumbs__current {
	display: block;
	max-width: 360px;
	overflow: hidden;
	color: rgba(241,245,249,.88);
	text-overflow: ellipsis;
	white-space: nowrap;
}

.lfPeopleBreadcrumbs__mobile {
	display: none;
	align-items: center;
	gap: 8px;
	color: rgba(226,232,240,.88) !important;
	font-weight: 700;
	text-decoration: none !important;
}

.lfPeopleHero {
	position: relative;
	display: grid;
	grid-template-columns: 190px minmax(0,1fr);
	gap: 32px;
	align-items: stretch;
	min-height: 286px;
	padding: 28px;
	overflow: hidden;
	background:
		radial-gradient(circle at 82% 12%, rgba(47,128,237,.15), transparent 34%),
		linear-gradient(135deg, rgba(16,27,42,.98), rgba(7,13,22,.98));
	border: 1px solid var(--lf-people-border);
	border-radius: 20px;
	box-shadow: 0 22px 54px rgba(0,0,0,.28);
}

.lfPeopleHero::after {
	position: absolute;
	top: -110px;
	right: -90px;
	width: 320px;
	height: 320px;
	background: radial-gradient(circle, rgba(47,128,237,.14), transparent 68%);
	content: "";
	pointer-events: none;
}

.lfPeopleHero__poster {
	position: relative;
	z-index: 1;
	align-self: start;
	width: 190px;
	aspect-ratio: 3 / 4;
	overflow: hidden;
	background: #050a11;
	border: 1px solid rgba(255,255,255,.12);
	border-radius: 15px;
	box-shadow: 0 18px 34px rgba(0,0,0,.38);
}

.lfPeopleHero__poster img {
	display: block;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	object-position: center top;
}

.lfPeopleHero__body {
	position: relative;
	z-index: 1;
	min-width: 0;
}

.lfPeopleHero__eyebrow {
	margin: 1px 0 7px;
	color: #74aef8;
	font-size: .78rem;
	font-weight: 800;
	letter-spacing: .1em;
	line-height: 1.3;
	text-transform: uppercase;
}

.lfPeopleHero__title {
	max-width: 860px;
	margin: 0;
	color: var(--lf-people-text);
	font-size: clamp(2.35rem, 4.5vw, 4.35rem);
	font-weight: 800;
	letter-spacing: -.045em;
	line-height: .98;
}

.lfPeopleHero__description {
	max-width: 900px;
	margin: 16px 0 0;
	color: #d7e0ea;
	font-size: 1rem;
	line-height: 1.65;
}

.lfPeopleHero__description p:last-child { margin-bottom: 0; }

.lfPeopleHero__stats {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 21px 0 0;
}

.lfPeopleHero__stat {
	display: flex;
	min-width: 106px;
	flex-direction: column;
	padding: 10px 14px;
	background: rgba(5,11,19,.52);
	border: 1px solid rgba(148,163,184,.17);
	border-radius: 11px;
}

.lfPeopleHero__stat strong {
	color: #f8fafc;
	font-size: 1.05rem;
	font-weight: 800;
	line-height: 1.25;
}

.lfPeopleHero__stat span {
	margin-top: 2px;
	color: var(--lf-people-muted);
	font-size: .75rem;
	font-weight: 700;
	letter-spacing: .025em;
}

.lfPeopleHero__details {
	display: grid;
	grid-template-columns: repeat(2, minmax(0,1fr));
	gap: 0 24px;
	max-width: 850px;
	margin: 21px 0 0;
}

.lfPeopleHero__detail {
	display: grid;
	grid-template-columns: minmax(110px,.72fr) minmax(0,1.28fr);
	gap: 12px;
	align-items: baseline;
	padding: 9px 0;
	border-top: 1px solid rgba(148,163,184,.13);
}

.lfPeopleHero__detail dt,
.lfPeopleHero__detail dd {
	min-width: 0;
	margin: 0;
}

.lfPeopleHero__detail dt {
	color: var(--lf-people-muted);
	font-size: .82rem;
	font-weight: 700;
}

.lfPeopleHero__detail dd {
	color: #edf2f7;
	font-size: .88rem;
}

.lfPeopleHero__detail a,
.lfPeopleHero__detail a:visited { color: #77aff8; }
.lfPeopleHero__detail a:hover { color: #fff; text-decoration: none; }

.lfPeopleHero__detail img {
	width: 16px !important;
	margin-left: 4px;
	vertical-align: -2px;
}

.lfPeopleNav {
	display: flex;
	gap: 7px;
	align-items: center;
	margin: 18px 0 34px;
	padding: 8px;
	overflow-x: auto;
	background: rgba(12,20,32,.9);
	border: 1px solid var(--lf-people-border);
	border-radius: 14px;
	box-shadow: 0 12px 32px rgba(0,0,0,.16);
	scrollbar-width: none;
}

.lfPeopleNav::-webkit-scrollbar { display: none; }

.lfPeopleNav__link,
.lfPeopleNav__link:visited {
	display: inline-flex;
	flex: 0 0 auto;
	gap: 8px;
	align-items: center;
	min-height: 39px;
	padding: 8px 14px;
	color: #aebccc;
	font-size: .86rem;
	font-weight: 700;
	text-decoration: none;
	white-space: nowrap;
	border: 1px solid transparent;
	border-radius: 9px;
	transition: background .16s ease, border-color .16s ease, color .16s ease;
}

.lfPeopleNav__link:hover {
	color: #fff;
	text-decoration: none;
	background: rgba(47,128,237,.09);
	border-color: rgba(47,128,237,.22);
}

.lfPeopleNav__link.is-current {
	color: #fff;
	background: #236dce;
	border-color: #347fdf;
	box-shadow: 0 7px 18px rgba(35,109,206,.22);
}

.lfPeopleNav__count {
	display: inline-flex;
	min-width: 22px;
	height: 22px;
	align-items: center;
	justify-content: center;
	padding: 0 6px;
	color: inherit;
	font-size: .72rem;
	background: rgba(255,255,255,.1);
	border-radius: 999px;
}

/* Существующие AJAX-панели получают ту же navy/blue-палитру. */
.lfPeoplePage .uiPanelAnkList {
	width: calc(100% - 22px);
	background: #0b121d;
	border-color: var(--lf-people-border);
	box-shadow: none;
}

.lfPeoplePage .uiPanelAnkListElementCurrent {
	color: #fff;
	background: #236dce;
}

.lfPeoplePage .uiPanelAnkListElement a,
.lfPeoplePage .uiPanelAnkListElement a:visited { color: #aebccc; }

.lfPeoplePage .uiPanelAnkListElement:hover,
.lfPeoplePage .uiPanelAnkListElement a:hover {
	color: #fff;
	text-decoration: none;
	background: rgba(47,128,237,.09);
}

@media (max-width: 900px) {
	.lfPeopleHero {
		grid-template-columns: 150px minmax(0,1fr);
		gap: 22px;
		padding: 22px;
	}
	.lfPeopleHero__poster { width: 150px; }
	.lfPeopleHero__details { grid-template-columns: 1fr; }
}

@media (max-width: 620px) {
	.lfPeopleOverview { padding-top: 0; }
	.lfPeopleBreadcrumbs ol { display: none; }
	.lfPeopleBreadcrumbs__mobile { display: inline-flex; }
	.lfPeopleHero {
		grid-template-columns: 104px minmax(0,1fr);
		gap: 15px;
		min-height: 0;
		padding: 16px;
		border-radius: 15px;
	}
	.lfPeopleHero__poster { width: 104px; border-radius: 11px; }
	.lfPeopleHero__eyebrow { margin-top: 0; font-size: .68rem; }
	.lfPeopleHero__title { font-size: clamp(1.75rem,9vw,2.7rem); line-height: 1.02; }
	.lfPeopleHero__description { margin-top: 12px; font-size: .9rem; }
	.lfPeopleHero__stats { gap: 7px; margin-top: 14px; }
	.lfPeopleHero__stat { min-width: 82px; padding: 8px 10px; }
	.lfPeopleHero__details { margin-top: 14px; }
	.lfPeopleHero__detail { grid-template-columns: 112px minmax(0,1fr); }
	.lfPeopleNav { margin-bottom: 27px; border-radius: 12px; }
}

@media (max-width: 430px) {
	.lfPeopleHero {
		grid-template-columns: 88px minmax(0,1fr);
		gap: 12px;
		margin-right: -10px;
		margin-left: -10px;
		padding: 14px;
		border-radius: 0;
	}
	.lfPeopleHero__poster { width: 88px; }
	.lfPeopleHero__description { display: none; }
	.lfPeopleHero__stats,
	.lfPeopleHero__details { grid-column: 1 / -1; }
	.lfPeopleHero__detail { grid-template-columns: 100px minmax(0,1fr); gap: 9px; }
	.lfPeopleNav {
		margin-right: -10px;
		margin-left: -10px;
		padding-right: 10px;
		padding-left: 10px;
		border-right: 0;
		border-left: 0;
		border-radius: 0;
	}
}

html.lfv2-active.light-theme .lfPeoplePage {
	--lf-people-surface: #fff;
	--lf-people-border: rgba(51,65,85,.15);
	--lf-people-text: #132033;
	--lf-people-muted: #66758a;
}

html.lfv2-active.light-theme .lfPeopleHero {
	background:
		radial-gradient(circle at 82% 12%, rgba(47,128,237,.12), transparent 34%),
		linear-gradient(135deg,#fff,#f5f8fc);
	box-shadow: 0 20px 48px rgba(15,23,42,.09);
}

html.lfv2-active.light-theme .lfPeopleHero__title,
html.lfv2-active.light-theme .lfPeopleHero__stat strong,
html.lfv2-active.light-theme .lfPeopleHero__detail dd { color: #172235; }
html.lfv2-active.light-theme .lfPeopleHero__description { color: #45566d; }
html.lfv2-active.light-theme .lfPeopleHero__stat { background: rgba(241,245,249,.8); }
html.lfv2-active.light-theme .lfPeopleNav,
html.lfv2-active.light-theme .lfPeoplePage .uiPanelAnkList { background: rgba(255,255,255,.94); }
html.lfv2-active.light-theme .lfPeopleNav__link,
html.lfv2-active.light-theme .lfPeopleNav__link:visited,
html.lfv2-active.light-theme .lfPeoplePage .uiPanelAnkListElement a,
html.lfv2-active.light-theme .lfPeoplePage .uiPanelAnkListElement a:visited { color: #5b6b80; }
html.lfv2-active.light-theme .lfPeopleNav__link.is-current,
html.lfv2-active.light-theme .lfPeoplePage .uiPanelAnkListElementCurrent { color: #fff; }


/* ========================================================================
   PEOPLE PAGE V3 — stage 2: facts, filmography controls and premium cards
   ======================================================================== */

.lfPeoplePage #biography,
.lfPeoplePage #facts,
.lfPeoplePage #filmography,
.lfPeoplePage #reviews,
.lfPeoplePage #viewer_rate {
	scroll-margin-top: 92px;
}

/* У глобального a:link выше специфичность, поэтому фиксируем цвета вкладок явно. */
.lfPeopleNav a.lfPeopleNav__link:link,
.lfPeopleNav a.lfPeopleNav__link:visited {
	color: #aebccc;
}

.lfPeopleNav a.lfPeopleNav__link:hover {
	color: #fff;
}

.lfPeopleSection {
	margin: 0 0 38px;
}

.lfPeopleSection__title {
	margin: 0 0 16px;
	color: #f4f7fb;
	font-size: clamp(1.45rem,2.1vw,1.85rem);
	font-weight: 800;
	letter-spacing: -.025em;
	line-height: 1.2;
}

.lfPeopleBio__content {
	padding: 20px 22px;
	background: linear-gradient(145deg,rgba(15,25,39,.92),rgba(8,15,25,.94));
	border: 1px solid var(--lf-people-border);
	border-radius: 15px;
}

.lfPeopleBio__lead,
.lfPeopleBio__more {
	max-width: 960px;
	color: #d6dfeb;
	font-size: .96rem;
	line-height: 1.75;
}

.lfPeopleBio__lead p:last-child,
.lfPeopleBio__more p:last-child {
	margin-bottom: 0;
}

.lfPeopleBio__more {
	margin-top: 16px;
}

.lfPeopleReveal,
.lfPeopleReveal:link,
.lfPeopleReveal:visited {
	display: inline-flex;
	align-items: center;
	min-height: 40px;
	margin-top: 14px;
	padding: 8px 14px;
	color: #cfe2ff;
	font-size: .86rem;
	font-weight: 800;
	text-decoration: none;
	background: rgba(47,128,237,.09);
	border: 1px solid rgba(73,142,236,.3);
	border-radius: 9px;
	transition: background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease;
}

.lfPeopleReveal:hover {
	color: #fff;
	text-decoration: none;
	background: rgba(47,128,237,.18);
	border-color: rgba(85,155,247,.55);
	transform: translateY(-1px);
}

.lfPeopleFacts {
	display: grid;
	gap: 10px;
}

.lfPeopleFacts__more {
	display: grid;
	gap: 10px;
}

.lfPeopleFact {
	display: grid;
	grid-template-columns: 42px minmax(0,1fr);
	gap: 15px;
	align-items: start;
	padding: 17px 19px;
	background: linear-gradient(145deg,rgba(15,25,39,.92),rgba(8,15,25,.94));
	border: 1px solid var(--lf-people-border);
	border-radius: 13px;
}

.lfPeopleFact__number {
	display: inline-flex;
	width: 38px;
	height: 38px;
	align-items: center;
	justify-content: center;
	color: #80b5fa;
	font-size: .79rem;
	font-weight: 900;
	letter-spacing: .04em;
	background: rgba(47,128,237,.1);
	border: 1px solid rgba(80,148,239,.24);
	border-radius: 10px;
}

.lfPeopleFact__text {
	min-width: 0;
	padding-top: 5px;
	color: #d9e2ec;
	font-size: .95rem;
	line-height: 1.68;
}

.lfPeopleFact__text p:last-child {
	margin-bottom: 0;
}

.lfPeopleFilmographySection {
	margin-top: 4px;
}

.lfPeopleFilmPanel {
	width: 100%;
}

.lfPeopleFilmControls {
	display: flex;
	gap: 18px;
	align-items: flex-end;
	justify-content: space-between;
	margin: 0 0 22px;
	padding: 13px 14px;
	background: rgba(12,20,32,.9);
	border: 1px solid var(--lf-people-border);
	border-radius: 14px;
}

.lfPeopleFilmControls__group {
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: 7px;
}

.lfPeopleFilmControls__group--sort {
	align-items: flex-end;
}

.lfPeopleFilmControls__label {
	padding: 0 3px;
	color: #8293a7;
	font-size: .7rem;
	font-weight: 900;
	letter-spacing: .08em;
	line-height: 1;
	text-transform: uppercase;
}

.lfPeopleFilmControls__options {
	display: flex;
	gap: 6px;
	min-width: 0;
	flex-wrap: wrap;
}

.lfPeopleFilmControls__option,
.lfPeopleFilmControls__option:link,
.lfPeopleFilmControls__option:visited {
	display: inline-flex;
	gap: 7px;
	align-items: center;
	min-height: 38px;
	padding: 8px 13px;
	color: #aebccc;
	font-size: .84rem;
	font-weight: 800;
	text-decoration: none;
	background: transparent;
	border: 1px solid transparent;
	border-radius: 9px;
	transition: color .16s ease,background .16s ease,border-color .16s ease;
}

.lfPeopleFilmControls__option:hover {
	color: #fff;
	text-decoration: none;
	background: rgba(47,128,237,.09);
	border-color: rgba(47,128,237,.2);
}

.lfPeopleFilmControls__option.is-current {
	color: #fff;
	background: #236dce;
	border-color: #347fdf;
	box-shadow: 0 7px 18px rgba(35,109,206,.2);
}

.lfPeopleFilmControls__count {
	display: inline-flex;
	min-width: 21px;
	height: 21px;
	align-items: center;
	justify-content: center;
	padding: 0 6px;
	font-size: .69rem;
	background: rgba(255,255,255,.1);
	border-radius: 999px;
}

.lfPeopleFilmGrid {
	display: grid;
	grid-template-columns: repeat(2,minmax(0,1fr));
	gap: 14px;
	width: 100%;
}

.lfPeopleFilmCard {
	display: grid;
	grid-template-columns: 105px minmax(0,1fr);
	gap: 18px;
	min-width: 0;
	min-height: 318px;
	padding: 15px;
	background:
		linear-gradient(145deg,rgba(16,26,40,.98),rgba(8,15,24,.98));
	border: 1px solid var(--lf-people-border);
	border-radius: 15px;
	box-shadow: 0 12px 28px rgba(0,0,0,.16);
	transition: border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}

.lfPeopleFilmCard:hover {
	border-color: rgba(79,145,235,.34);
	box-shadow: 0 18px 38px rgba(0,0,0,.23);
	transform: translateY(-2px);
}

.lfPeopleFilmCard__poster {
	display: block;
	align-self: start;
	width: 105px;
	aspect-ratio: 7 / 10;
	overflow: hidden;
	background: #050910;
	border: 1px solid rgba(148,163,184,.2);
	border-radius: 9px;
}

.lfPeopleFilmCard__poster img {
	display: block;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
}

.lfPeopleFilmCard__body {
	display: flex;
	min-width: 0;
	flex-direction: column;
}

.lfPeopleFilmCard__header {
	min-width: 0;
}

.lfPeopleFilmCard__title {
	margin: 0;
	font-size: 1.02rem;
	font-weight: 800;
	letter-spacing: -.015em;
	line-height: 1.38;
}

.lfPeopleFilmCard__title a:link,
.lfPeopleFilmCard__title a:visited {
	color: #f1f5f9;
	text-decoration: none;
}

.lfPeopleFilmCard__title a:hover {
	color: #80b5fa;
	text-decoration: none;
}

.lfPeopleFilmCard__meta {
	display: flex;
	gap: 13px;
	align-items: center;
	margin-top: 5px;
	color: #8798ac;
	font-size: .78rem;
	font-weight: 700;
}

.lfPeopleFilmCard__meta span + span::before {
	margin-right: 13px;
	color: #47566a;
	content: "•";
}

.lfPeopleFilmCard__alternative {
	margin-top: 5px;
	overflow: hidden;
	color: #718197;
	font-size: .76rem;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.lfPeopleFilmCard__ratings {
	display: flex;
	gap: 7px;
	margin-top: 12px;
}

.lfPeopleFilmCard__rating {
	display: inline-flex;
	gap: 5px;
	align-items: baseline;
	padding: 5px 8px;
	color: #8fa0b3;
	font-size: .69rem;
	font-weight: 800;
	background: rgba(148,163,184,.07);
	border: 1px solid rgba(148,163,184,.13);
	border-radius: 7px;
}

.lfPeopleFilmCard__rating strong {
	color: #66d08a;
	font-size: .79rem;
}

.lfPeopleFilmCard__role {
	margin-top: 13px;
	padding: 11px 12px;
	background: rgba(4,10,17,.43);
	border: 1px solid rgba(148,163,184,.1);
	border-radius: 10px;
}

.lfPeopleFilmCard__roleText {
	display: flex;
	gap: 6px;
	align-items: baseline;
	min-width: 0;
}

.lfPeopleFilmCard__roleText span {
	color: #8394a8;
	font-size: .76rem;
	font-weight: 800;
}

.lfPeopleFilmCard__roleText strong {
	overflow: hidden;
	color: #dce5ef;
	font-size: .84rem;
	font-weight: 700;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.lfPeopleFilmCard__roleRating {
	display: flex;
	gap: 9px;
	align-items: center;
	margin-top: 8px;
}

.lfPeopleFilmCard__roleRatingLabel {
	flex: 0 0 auto;
	color: #718297;
	font-size: .68rem;
	font-weight: 800;
}

.lfPeopleFilmCard__ratingStars {
	min-width: 0;
	overflow: hidden;
	line-height: 1;
	white-space: nowrap;
}

.lfPeopleFilmCard__ratingStars > div {
	display: flex;
	align-items: center;
}

.lfPeopleFilmCard__ratingStars a {
	display: inline-flex;
	text-decoration: none;
}

.lfPeopleFilmCard__ratingStars i {
	font-size: .88rem !important;
	padding-right: 1px !important;
}

.lfPeopleFilmCard__roleRating.is-empty .lfPeopleFilmCard__ratingStars {
	opacity: .6;
}

.lfPeopleFilmCard__description {
	display: -webkit-box;
	margin: 13px 0 0;
	overflow: hidden;
	color: #b7c3d1;
	font-size: .82rem;
	line-height: 1.62;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}

.lfPeopleFilmCard__age {
	margin-top: 12px;
	color: #8292a5;
	font-size: .75rem;
}

.lfPeopleFilmCard__footer {
	display: flex;
	align-items: flex-end;
	margin-top: auto;
	padding-top: 15px;
}

.lfPeopleFilmCard__watch,
.lfPeopleFilmCard__watch:link,
.lfPeopleFilmCard__watch:visited {
	display: inline-flex;
	gap: 7px;
	align-items: center;
	min-height: 36px;
	padding: 7px 12px;
	color: #fff;
	font-size: .77rem;
	font-weight: 900;
	text-decoration: none;
	background: #236dce;
	border: 1px solid #347fdf;
	border-radius: 8px;
	box-shadow: 0 8px 18px rgba(35,109,206,.18);
	transition: background .16s ease,border-color .16s ease,transform .16s ease;
}

.lfPeopleFilmCard__watch:hover {
	color: #fff;
	text-decoration: none;
	background: #2e7bdd;
	border-color: #5795e8;
	transform: translateY(-1px);
}

.lfPeopleFilmCard__extra {
	grid-column: 1 / -1;
	margin-top: 12px;
}

.lfPeopleGenresSection {
	max-width: 840px;
}

.lfPeopleGenres {
	display: grid;
	gap: 13px;
	padding: 19px 21px;
	background: linear-gradient(145deg,rgba(15,25,39,.92),rgba(8,15,25,.94));
	border: 1px solid var(--lf-people-border);
	border-radius: 15px;
}

.lfPeopleGenre {
	display: grid;
	grid-template-columns: minmax(150px,220px) minmax(0,1fr);
	gap: 16px;
	align-items: center;
}

.lfPeopleGenre__label {
	display: flex;
	gap: 8px;
	align-items: baseline;
	justify-content: space-between;
	min-width: 0;
}

.lfPeopleGenre__label strong {
	overflow: hidden;
	color: #dce5ef;
	font-size: .83rem;
	font-weight: 800;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.lfPeopleGenre__label span {
	flex: 0 0 auto;
	color: #78899d;
	font-size: .72rem;
	font-weight: 700;
}

.lfPeopleGenre__track {
	height: 8px;
	overflow: hidden;
	background: rgba(148,163,184,.1);
	border-radius: 999px;
}

.lfPeopleGenre__track span {
	display: block;
	width: var(--lf-people-genre);
	height: 100%;
	min-width: 7px;
	background: linear-gradient(90deg,#236dce,#4b96ef);
	border-radius: inherit;
}

@media (max-width: 900px) {
	.lfPeopleFilmGrid {
		grid-template-columns: 1fr;
	}

	.lfPeopleFilmCard {
		min-height: 285px;
	}
}

@media (max-width: 680px) {
	.lfPeopleFilmControls {
		align-items: stretch;
		flex-direction: column;
		gap: 13px;
	}

	.lfPeopleFilmControls__group--sort {
		align-items: flex-start;
	}

	.lfPeopleGenre {
		grid-template-columns: 1fr;
		gap: 7px;
	}
}

@media (max-width: 500px) {
	.lfPeopleSection {
		margin-bottom: 30px;
	}

	.lfPeopleFact {
		grid-template-columns: 34px minmax(0,1fr);
		gap: 11px;
		padding: 14px;
	}

	.lfPeopleFact__number {
		width: 32px;
		height: 32px;
		border-radius: 8px;
	}

	.lfPeopleFilmCard {
		grid-template-columns: 82px minmax(0,1fr);
		gap: 13px;
		min-height: 0;
		padding: 12px;
		border-radius: 12px;
	}

	.lfPeopleFilmCard__poster {
		width: 82px;
	}

	.lfPeopleFilmCard__roleText {
		align-items: flex-start;
		flex-direction: column;
		gap: 2px;
	}

	.lfPeopleFilmCard__roleText strong {
		white-space: normal;
	}

	.lfPeopleFilmCard__roleRating {
		align-items: flex-start;
		flex-direction: column;
		gap: 5px;
	}

	.lfPeopleFilmCard__description {
		-webkit-line-clamp: 3;
	}
}

@media (max-width: 390px) {
	.lfPeopleFilmCard {
		grid-template-columns: 68px minmax(0,1fr);
	}

	.lfPeopleFilmCard__poster {
		width: 68px;
	}

	.lfPeopleFilmCard__ratings {
		flex-wrap: wrap;
	}
}

html.lfv2-active.light-theme .lfPeopleSection__title {
	color: #172235;
}

html.lfv2-active.light-theme .lfPeopleBio__content,
html.lfv2-active.light-theme .lfPeopleFact,
html.lfv2-active.light-theme .lfPeopleFilmCard,
html.lfv2-active.light-theme .lfPeopleGenres {
	background: #fff;
	box-shadow: 0 14px 34px rgba(15,23,42,.07);
}

html.lfv2-active.light-theme .lfPeopleBio__lead,
html.lfv2-active.light-theme .lfPeopleBio__more,
html.lfv2-active.light-theme .lfPeopleFact__text,
html.lfv2-active.light-theme .lfPeopleFilmCard__title a:link,
html.lfv2-active.light-theme .lfPeopleFilmCard__title a:visited,
html.lfv2-active.light-theme .lfPeopleGenre__label strong {
	color: #26374d;
}

html.lfv2-active.light-theme .lfPeopleFilmControls {
	background: rgba(255,255,255,.96);
}

html.lfv2-active.light-theme .lfPeopleFilmControls__option:link,
html.lfv2-active.light-theme .lfPeopleFilmControls__option:visited {
	color: #5e6f84;
}

html.lfv2-active.light-theme .lfPeopleFilmControls__option.is-current {
	color: #fff;
}

html.lfv2-active.light-theme .lfPeopleFilmCard__role {
	background: #f6f8fb;
}

html.lfv2-active.light-theme .lfPeopleFilmCard__description {
	color: #52647a;
}

/* ========================================================================
   PEOPLE PAGE V3 — palette correction
   LikeFilm system: navy surfaces + restrained yellow accent.
   Blue remains decorative/informational and is no longer the default CTA.
   ======================================================================== */

.lfPeoplePage {
	--lf-people-accent: #f5c518;
	--lf-people-accent-hover: #ffd84a;
	--lf-people-accent-soft: rgba(245,197,24,.10);
	--lf-people-accent-border: rgba(245,197,24,.34);
}

.lfPeopleHero {
	background:
		radial-gradient(circle at 82% 12%, rgba(245,197,24,.11), transparent 34%),
		linear-gradient(135deg,rgba(16,27,42,.98),rgba(7,13,22,.98));
}

.lfPeopleHero::after {
	background: radial-gradient(circle,rgba(245,197,24,.10),transparent 68%);
}

.lfPeopleHero__eyebrow {
	color: var(--lf-people-accent);
}

.lfPeopleHero__detail a,
.lfPeopleHero__detail a:link,
.lfPeopleHero__detail a:visited {
	color: var(--lf-people-accent);
}

.lfPeopleHero__detail a:hover {
	color: var(--lf-people-accent-hover);
}

.lfPeopleNav__link:hover,
.lfPeopleNav a.lfPeopleNav__link:hover {
	color: #fff;
	background: var(--lf-people-accent-soft);
	border-color: var(--lf-people-accent-border);
}

.lfPeopleNav__link.is-current,
.lfPeopleNav a.lfPeopleNav__link.is-current:link,
.lfPeopleNav a.lfPeopleNav__link.is-current:visited {
	color: #111;
	background: var(--lf-people-accent);
	border-color: var(--lf-people-accent);
	box-shadow: none;
}

.lfPeopleNav__link.is-current .lfPeopleNav__count {
	color: #111;
	background: rgba(0,0,0,.12);
}

.lfPeoplePage .uiPanelAnkListElementCurrent {
	color: #111;
	background: var(--lf-people-accent);
}

.lfPeoplePage .uiPanelAnkListElement:hover,
.lfPeoplePage .uiPanelAnkListElement a:hover {
	color: #fff;
	background: var(--lf-people-accent-soft);
}

.lfPeopleReveal,
.lfPeopleReveal:link,
.lfPeopleReveal:visited {
	color: #dbe4ee;
	background: rgba(148,163,184,.055);
	border-color: rgba(148,163,184,.22);
}

.lfPeopleReveal:hover {
	color: #fff;
	background: rgba(148,163,184,.09);
	border-color: var(--lf-people-accent-border);
}

.lfPeopleFact__number {
	color: var(--lf-people-accent);
	background: var(--lf-people-accent-soft);
	border-color: rgba(245,197,24,.24);
}

.lfPeopleFilmControls__option:hover {
	color: #fff;
	background: var(--lf-people-accent-soft);
	border-color: var(--lf-people-accent-border);
}

.lfPeopleFilmControls__option.is-current,
.lfPeopleFilmControls__option.is-current:link,
.lfPeopleFilmControls__option.is-current:visited {
	color: #111;
	background: var(--lf-people-accent);
	border-color: var(--lf-people-accent);
	box-shadow: none;
}

.lfPeopleFilmControls__option.is-current .lfPeopleFilmControls__count {
	color: #111;
	background: rgba(0,0,0,.12);
}

.lfPeopleFilmCard:hover {
	border-color: rgba(245,197,24,.30);
}

.lfPeopleFilmCard__title a:hover {
	color: var(--lf-people-accent);
}

.lfPeopleFilmCard__watch,
.lfPeopleFilmCard__watch:link,
.lfPeopleFilmCard__watch:visited {
	color: #111;
	background: var(--lf-people-accent);
	border-color: var(--lf-people-accent);
	box-shadow: 0 8px 18px rgba(245,197,24,.10);
}

.lfPeopleFilmCard__watch:hover {
	color: #111;
	background: var(--lf-people-accent-hover);
	border-color: var(--lf-people-accent-hover);
	box-shadow: 0 10px 22px rgba(245,197,24,.14);
}

.lfPeopleGenre__track span {
	background: linear-gradient(90deg,#d4a913,var(--lf-people-accent));
}

html.lfv2-active.light-theme .lfPeopleHero {
	background:
		radial-gradient(circle at 82% 12%,rgba(245,197,24,.11),transparent 34%),
		linear-gradient(135deg,#fff,#f5f8fc);
}

html.lfv2-active.light-theme .lfPeopleHero__detail a,
html.lfv2-active.light-theme .lfPeopleHero__detail a:link,
html.lfv2-active.light-theme .lfPeopleHero__detail a:visited {
	color: #9a7400;
}

html.lfv2-active.light-theme .lfPeopleNav__link.is-current,
html.lfv2-active.light-theme .lfPeopleNav a.lfPeopleNav__link.is-current:link,
html.lfv2-active.light-theme .lfPeopleNav a.lfPeopleNav__link.is-current:visited,
html.lfv2-active.light-theme .lfPeoplePage .uiPanelAnkListElementCurrent,
html.lfv2-active.light-theme .lfPeopleFilmControls__option.is-current,
html.lfv2-active.light-theme .lfPeopleFilmControls__option.is-current:link,
html.lfv2-active.light-theme .lfPeopleFilmControls__option.is-current:visited {
	color: #111;
}

html.lfv2-active.light-theme .lfPeopleReveal,
html.lfv2-active.light-theme .lfPeopleReveal:link,
html.lfv2-active.light-theme .lfPeopleReveal:visited {
	color: #405168;
	background: #fff;
	border-color: rgba(51,65,85,.18);
}

/* ========================================================================
   PEOPLE PAGE VER2
   Collapsible biography, three visible facts, compact film cards,
   full-width genres and redesigned viewer-rated best works.
   ======================================================================== */

.lfPeopleToggleInput {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	opacity: 0;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
}

.lfPeopleBio__text {
	position: relative;
	max-width: 1040px;
	color: #d6dfeb;
	font-size: .96rem;
	line-height: 1.75;
}

.lfPeopleBio__text p:last-child {
	margin-bottom: 0;
}

.lfPeopleBio__text.is-collapsible {
	max-height: 14em;
	overflow: hidden;
}

.lfPeopleBio__text.is-collapsible::after {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 72px;
	pointer-events: none;
	background: linear-gradient(to bottom,rgba(8,15,25,0),rgba(8,15,25,.96) 82%);
	content: "";
}

.lfPeopleToggleInput:checked + .lfPeopleBio__text.is-collapsible {
	max-height: none;
	overflow: visible;
}

.lfPeopleToggleInput:checked + .lfPeopleBio__text.is-collapsible::after {
	display: none;
}

.lfPeopleReveal--toggle {
	cursor: pointer;
	user-select: none;
}

.lfPeopleReveal__less {
	display: none;
}

.lfPeopleToggleInput:checked ~ .lfPeopleReveal--toggle .lfPeopleReveal__more {
	display: none;
}

.lfPeopleToggleInput:checked ~ .lfPeopleReveal--toggle .lfPeopleReveal__less {
	display: inline;
}

.lfPeopleToggleInput:focus ~ .lfPeopleReveal--toggle {
	outline: 2px solid var(--lf-people-accent);
	outline-offset: 3px;
}

.lfPeopleFacts__more {
	display: none;
	gap: 10px;
}

.lfPeopleToggleInput:checked + .lfPeopleFacts__more {
	display: grid;
}

.lfPeopleFilmCard {
	gap: 15px;
	min-height: 286px;
	padding: 13px;
}

.lfPeopleFilmCard__ratings {
	margin-top: 9px;
}

.lfPeopleFilmCard__role {
	margin-top: 10px;
	padding: 9px 10px;
}

.lfPeopleFilmCard__roleRating {
	gap: 7px;
	margin-top: 7px;
}

.lfPeopleFilmCard__roleVotes {
	display: inline-flex;
	min-width: 20px;
	height: 20px;
	align-items: center;
	justify-content: center;
	padding: 0 6px;
	color: #7f90a4;
	font-size: .65rem;
	font-weight: 800;
	background: rgba(148,163,184,.08);
	border-radius: 999px;
}

.lfPeopleFilmCard__description {
	margin-top: 10px;
	line-height: 1.58;
	-webkit-line-clamp: 4;
}

.lfPeopleFilmCard__age {
	margin-top: 9px;
}

.lfPeopleFilmCard__footer {
	padding-top: 10px;
}

.lfPeopleGenresSection {
	max-width: none;
}

.lfPeopleGenres {
	width: 100%;
}

.lfPeopleBestSection {
	margin-top: 2px;
}

.lfPeopleBest__summary {
	margin: -2px 0 20px;
	color: #aeb9c6;
	font-size: .96rem;
}

.lfPeopleBest__summaryRate {
	display: inline-flex;
	gap: 5px;
	align-items: baseline;
	color: var(--lf-people-accent);
	font-size: 1.12rem;
	font-weight: 900;
}

.lfPeopleBest__summaryRate span {
	font-size: .82em;
}

.lfPeopleBestGrid {
	display: grid;
	grid-template-columns: repeat(4,minmax(0,1fr));
	gap: 14px;
}

.lfPeopleBestCard {
	display: flex;
	min-width: 0;
	flex-direction: column;
	overflow: hidden;
	background: linear-gradient(145deg,rgba(16,26,40,.98),rgba(8,15,24,.98));
	border: 1px solid var(--lf-people-border);
	border-radius: 14px;
	box-shadow: 0 12px 28px rgba(0,0,0,.14);
	transition: border-color .18s ease,transform .18s ease,box-shadow .18s ease;
}

.lfPeopleBestCard:hover {
	border-color: rgba(245,197,24,.3);
	box-shadow: 0 17px 34px rgba(0,0,0,.22);
	transform: translateY(-2px);
}

.lfPeopleBestCard__poster {
	display: block;
	width: 100%;
	aspect-ratio: 7 / 10;
	overflow: hidden;
	background: #050910;
}

.lfPeopleBestCard__poster img {
	display: block;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	transition: transform .25s ease;
}

.lfPeopleBestCard:hover .lfPeopleBestCard__poster img {
	transform: scale(1.025);
}

.lfPeopleBestCard__body {
	display: flex;
	min-height: 174px;
	flex: 1 1 auto;
	flex-direction: column;
	padding: 13px 14px 14px;
}

.lfPeopleBestCard__title {
	margin: 0;
	font-size: .94rem;
	font-weight: 850;
	letter-spacing: -.012em;
	line-height: 1.42;
}

.lfPeopleBestCard__title a,
.lfPeopleBestCard__title a:link,
.lfPeopleBestCard__title a:visited {
	display: -webkit-box;
	overflow: hidden;
	color: #f1f5f9;
	text-decoration: none;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.lfPeopleBestCard__title a:hover {
	color: var(--lf-people-accent);
}

.lfPeopleBestCard__year {
	margin-top: 5px;
	color: #7e8fa3;
	font-size: .74rem;
	font-weight: 700;
}

.lfPeopleBestCard__role {
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: 2px;
	margin-top: 13px;
}

.lfPeopleBestCard__role span,
.lfPeopleBestCard__rating > span {
	color: #74869a;
	font-size: .68rem;
	font-weight: 850;
	letter-spacing: .03em;
	text-transform: uppercase;
}

.lfPeopleBestCard__role strong {
	display: -webkit-box;
	overflow: hidden;
	color: #d8e1eb;
	font-size: .8rem;
	font-weight: 700;
	line-height: 1.45;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.lfPeopleBestCard__rating {
	display: flex;
	gap: 5px;
	align-items: baseline;
	margin-top: auto;
	padding-top: 13px;
}

.lfPeopleBestCard__rating strong {
	display: inline-flex;
	gap: 4px;
	align-items: baseline;
	color: var(--lf-people-accent);
	font-size: 1rem;
	font-weight: 900;
}

.lfPeopleBestCard__rating strong i {
	font-size: .72rem;
	font-style: normal;
}

.lfPeopleBestCard__rating small {
	color: #8696a8;
	font-size: .7rem;
	font-weight: 800;
}

@media (max-width: 980px) {
	.lfPeopleBestGrid {
		grid-template-columns: repeat(2,minmax(0,1fr));
	}
}

@media (max-width: 500px) {
	.lfPeopleBio__content {
		padding: 17px;
	}

	.lfPeopleBio__text.is-collapsible {
		max-height: 13.5em;
	}

	.lfPeopleFilmCard {
		min-height: 0;
	}

	.lfPeopleBestGrid {
		grid-template-columns: repeat(2,minmax(0,1fr));
		gap: 10px;
	}

	.lfPeopleBestCard__body {
		min-height: 158px;
		padding: 11px;
	}

	.lfPeopleBestCard__title {
		font-size: .84rem;
	}

	.lfPeopleBestCard__role strong {
		font-size: .74rem;
	}
}

@media (max-width: 360px) {
	.lfPeopleBestGrid {
		grid-template-columns: 1fr;
	}

	.lfPeopleBestCard {
		display: grid;
		grid-template-columns: 92px minmax(0,1fr);
	}

	.lfPeopleBestCard__poster {
		width: 92px;
	}

	.lfPeopleBestCard__body {
		min-height: 132px;
	}
}

html.lfv2-active.light-theme .lfPeopleBio__text {
	color: #26374d;
}

html.lfv2-active.light-theme .lfPeopleBio__text.is-collapsible::after {
	background: linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.98) 82%);
}

html.lfv2-active.light-theme .lfPeopleBestCard {
	background: #fff;
	box-shadow: 0 14px 34px rgba(15,23,42,.07);
}

html.lfv2-active.light-theme .lfPeopleBestCard__title a,
html.lfv2-active.light-theme .lfPeopleBestCard__title a:link,
html.lfv2-active.light-theme .lfPeopleBestCard__title a:visited {
	color: #26374d;
}

html.lfv2-active.light-theme .lfPeopleBestCard__role strong {
	color: #405168;
}



/* ========================================================================
   LikeFilm People Directory V1 — /service/people/*/
   Compact catalogue hero, profession filters and premium person cards.
   ======================================================================== */
.lfPeopleDirectoryPage {
	--lfpd-bg: #070e17;
	--lfpd-surface: #0d1724;
	--lfpd-surface-soft: #101c2a;
	--lfpd-border: rgba(148, 163, 184, .16);
	--lfpd-border-strong: rgba(148, 163, 184, .24);
	--lfpd-text: #f4f7fb;
	--lfpd-muted: #94a3b8;
	--lfpd-accent: #f5c518;
	width: 100%;
	color: var(--lfpd-text);
}

.lfPeopleDirectoryBreadcrumbs {
	margin: 2px 0 16px;
	font-size: .82rem;
}

.lfPeopleDirectoryBreadcrumbs ol {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

.lfPeopleDirectoryBreadcrumbs li {
	display: inline-flex;
	align-items: center;
	min-width: 0;
	color: #a7b3c4;
}

.lfPeopleDirectoryBreadcrumbs li + li::before {
	content: "›";
	margin-right: 10px;
	color: #566477;
}

.lfPeopleDirectoryBreadcrumbs a,
.lfPeopleDirectoryBreadcrumbs a:link,
.lfPeopleDirectoryBreadcrumbs a:visited {
	color: #9da9ba !important;
	text-decoration: none;
}

.lfPeopleDirectoryBreadcrumbs a:hover,
.lfPeopleDirectoryBreadcrumbs a:focus-visible {
	color: #fff !important;
}

.lfPeopleDirectoryBreadcrumbs li:last-child span {
	display: block;
	overflow: hidden;
	color: #e4eaf2;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.lfPeopleDirectoryHero {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) 230px;
	min-height: 292px;
	margin-bottom: 16px;
	overflow: hidden;
	background:
		radial-gradient(circle at 88% 14%, rgba(245, 197, 24, .18), transparent 34%),
		linear-gradient(115deg, #0d1a2a 0%, #09131f 58%, #11170f 100%);
	border: 1px solid var(--lfpd-border);
	border-radius: 22px;
	box-shadow: 0 26px 65px rgba(0, 0, 0, .24);
}

.lfPeopleDirectoryHero::after {
	content: "";
	position: absolute;
	inset: auto 0 0;
	height: 46%;
	background: linear-gradient(180deg, transparent, rgba(3, 8, 14, .25));
	pointer-events: none;
}

.lfPeopleDirectoryHero__content {
	position: relative;
	z-index: 2;
	align-self: center;
	max-width: 930px;
	padding: 42px 48px;
}

.lfPeopleDirectoryHero__eyebrow,
.lfPeopleDirectoryResults__header > div > span {
	color: var(--lfpd-accent);
	font-size: .76rem;
	font-weight: 900;
	letter-spacing: .075em;
	text-transform: uppercase;
}

.lfPeopleDirectoryHero h1 {
	max-width: 1000px;
	margin: 12px 0 15px;
	color: var(--lfpd-text);
	font-size: clamp(2rem, 4vw, 3.7rem);
	line-height: 1.04;
	letter-spacing: -.035em;
}

.lfPeopleDirectoryHero p {
	display: -webkit-box;
	max-width: 880px;
	margin: 0;
	overflow: hidden;
	color: #c5d0de;
	font-size: 1rem;
	line-height: 1.65;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.lfPeopleDirectoryHero__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 22px;
}

.lfPeopleDirectoryHero__meta span {
	display: inline-flex;
	align-items: center;
	min-height: 34px;
	padding: 6px 12px;
	color: #c8d2df;
	font-size: .84rem;
	font-weight: 700;
	background: rgba(4, 11, 19, .42);
	border: 1px solid rgba(148, 163, 184, .17);
	border-radius: 999px;
	backdrop-filter: blur(8px);
}

.lfPeopleDirectoryHero__meta strong {
	margin-right: 5px;
	color: #fff;
	font-size: 1rem;
}

.lfPeopleDirectoryHero__art {
	position: relative;
	z-index: 1;
	min-height: 100%;
}

.lfPeopleDirectoryHero__portrait {
	position: absolute;
	top: 47px;
	right: 55px;
	width: 125px;
	height: 162px;
	background:
		linear-gradient(145deg, rgba(18, 39, 63, .98), rgba(7, 17, 29, .98));
	border: 1px solid rgba(148, 163, 184, .18);
	border-radius: 24px 24px 48px 48px;
	box-shadow: 0 22px 45px rgba(0, 0, 0, .28);
	transform: rotate(-8deg);
}

.lfPeopleDirectoryHero__portrait::before {
	content: "";
	position: absolute;
	top: 27px;
	left: 50%;
	width: 43px;
	height: 43px;
	background: rgba(245, 197, 24, .9);
	border-radius: 50%;
	box-shadow: 0 62px 0 19px rgba(245, 197, 24, .18);
	transform: translateX(-50%);
}

.lfPeopleDirectoryHero__star {
	position: absolute;
	top: 61px;
	right: 18px;
	display: grid;
	place-items: center;
	width: 76px;
	height: 76px;
	color: #07101a;
	font-size: 1.8rem;
	background: var(--lfpd-accent);
	border-radius: 50%;
	box-shadow: 0 14px 34px rgba(245, 197, 24, .18);
}

.lfPeopleDirectoryFilters {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: center;
	gap: 18px;
	margin-bottom: 30px;
	padding: 12px 14px;
	background: linear-gradient(180deg, #0d1724, #0b141f);
	border: 1px solid var(--lfpd-border);
	border-radius: 15px;
}

.lfPeopleDirectoryFilters__label {
	padding-left: 6px;
	color: #7f8da1;
	font-size: .72rem;
	font-weight: 900;
	letter-spacing: .07em;
	text-transform: uppercase;
}

.lfPeopleDirectoryFilters__rail {
	display: flex;
	gap: 8px;
	overflow-x: auto;
	padding: 1px 2px 4px;
	scrollbar-width: thin;
}

.lfPeopleDirectoryFilter,
.lfPeopleDirectoryFilter:link,
.lfPeopleDirectoryFilter:visited {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 38px;
	padding: 8px 14px;
	color: #b8c3d1 !important;
	font-size: .84rem;
	font-weight: 800;
	background: #111d2b;
	border: 1px solid rgba(148, 163, 184, .14);
	border-radius: 999px;
	text-decoration: none;
	transition: background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease;
}

.lfPeopleDirectoryFilter:hover,
.lfPeopleDirectoryFilter:focus-visible {
	color: #fff !important;
	background: #172536;
	border-color: rgba(245, 197, 24, .32);
	text-decoration: none;
	transform: translateY(-1px);
}

.lfPeopleDirectoryFilter.is-active {
	color: #09111a !important;
	background: var(--lfpd-accent);
	border-color: var(--lfpd-accent);
	box-shadow: 0 8px 22px rgba(245, 197, 24, .14);
}

.lfPeopleDirectoryResults {
	padding-bottom: 24px;
}

.lfPeopleDirectoryResults__header {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 18px;
}

.lfPeopleDirectoryResults__header h2 {
	margin: 4px 0 0;
	color: var(--lfpd-text);
	font-size: clamp(1.65rem, 2.5vw, 2.25rem);
	line-height: 1.15;
}

.lfPeopleDirectoryResults__status {
	display: flex;
	align-items: center;
	gap: 10px;
	color: #8795a8;
	font-size: .82rem;
}

.lfPeopleDirectoryResults__status strong {
	color: #dce3ec;
}

.lfPeopleDirectoryResults__status span {
	padding: 7px 11px;
	background: #0d1724;
	border: 1px solid var(--lfpd-border);
	border-radius: 999px;
}

.lfPeopleDirectoryGrid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
}

.lfPeopleDirectoryCard {
	position: relative;
	display: grid;
	grid-template-columns: 104px minmax(0, 1fr);
	gap: 16px;
	min-width: 0;
	min-height: 170px;
	padding: 14px;
	background: linear-gradient(145deg, #0f1a28, #0a131e);
	border: 1px solid var(--lfpd-border);
	border-radius: 17px;
	box-shadow: 0 14px 32px rgba(0, 0, 0, .16);
	transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.lfPeopleDirectoryCard:hover {
	border-color: rgba(245, 197, 24, .32);
	box-shadow: 0 20px 42px rgba(0, 0, 0, .24);
	transform: translateY(-2px);
}

.lfPeopleDirectoryCard__photo {
	display: block;
	width: 104px;
	height: 136px;
	overflow: hidden;
	background: #121d28;
	border: 1px solid rgba(255, 255, 255, .08);
	border-radius: 12px;
}

.lfPeopleDirectoryCard__photo img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .25s ease;
}

.lfPeopleDirectoryCard:hover .lfPeopleDirectoryCard__photo img {
	transform: scale(1.035);
}

.lfPeopleDirectoryCard__body {
	display: flex;
	min-width: 0;
	flex-direction: column;
}

.lfPeopleDirectoryCard__role {
	margin-bottom: 3px;
	color: #75859a;
	font-size: .68rem;
	font-weight: 900;
	letter-spacing: .055em;
	text-transform: uppercase;
}

.lfPeopleDirectoryCard__name {
	margin: 0 0 12px;
	font-size: 1.05rem;
	line-height: 1.3;
}

.lfPeopleDirectoryCard__name a,
.lfPeopleDirectoryCard__name a:link,
.lfPeopleDirectoryCard__name a:visited {
	display: -webkit-box;
	overflow: hidden;
	color: #f4f7fb !important;
	text-decoration: none;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.lfPeopleDirectoryCard__name a:hover {
	color: var(--lfpd-accent) !important;
	text-decoration: none;
}

.lfPeopleDirectoryCard__date {
	margin-bottom: 11px;
	padding-top: 9px;
	border-top: 1px solid rgba(148, 163, 184, .12);
}

.lfPeopleDirectoryCard__date span {
	display: block;
	margin-bottom: 1px;
	color: #718197;
	font-size: .7rem;
	font-weight: 800;
}

.lfPeopleDirectoryCard__date strong,
.lfPeopleDirectoryCard__date a {
	color: #dbe4ee !important;
	font-size: .88rem;
	font-weight: 800;
	text-decoration: none;
}

.lfPeopleDirectoryCard__date a:hover {
	color: var(--lfpd-accent) !important;
}

.lfPeopleDirectoryCard__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: auto;
}

.lfPeopleDirectoryCard__meta > span {
	display: inline-flex;
	align-items: center;
	min-height: 26px;
	padding: 4px 8px;
	color: #aab7c7;
	font-size: .72rem;
	font-weight: 800;
	background: rgba(18, 31, 46, .86);
	border: 1px solid rgba(148, 163, 184, .12);
	border-radius: 999px;
}

.lfPeopleDirectoryCard__zodiac a,
.lfPeopleDirectoryCard__zodiac a:link,
.lfPeopleDirectoryCard__zodiac a:visited {
	color: var(--lfpd-accent) !important;
	text-decoration: none;
}

.lfPeopleDirectoryCard__location {
	margin-top: 9px;
	overflow: hidden;
	color: #8493a6;
	font-size: .74rem;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.lfPeopleDirectoryCard__location a,
.lfPeopleDirectoryCard__location a:link,
.lfPeopleDirectoryCard__location a:visited {
	color: #aab7c7 !important;
	text-decoration: none;
}

.lfPeopleDirectoryCard__location a:hover {
	color: var(--lfpd-accent) !important;
}

.lfPeopleDirectoryCard__location img {
	position: relative;
	top: 2px;
	width: 16px !important;
	height: 16px;
	margin-left: 2px;
}

/* Контейнер только позиционирует готовый рекламный HTML. */
.lfPeopleDirectoryAd {
	grid-column: 1 / -1;
	width: 100%;
	margin: 22px 0 8px;
	overflow: hidden;
}

.lfPeopleDirectoryEmpty {
	display: grid;
	gap: 5px;
	padding: 30px;
	color: #8e9caf;
	text-align: center;
	background: #0d1724;
	border: 1px solid var(--lfpd-border);
	border-radius: 17px;
}

.lfPeopleDirectoryEmpty strong {
	color: #eef3f9;
	font-size: 1.2rem;
}

@media (max-width: 1080px) {
	.lfPeopleDirectoryGrid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 760px) {
	.lfPeopleDirectoryHero {
		grid-template-columns: minmax(0, 1fr) 120px;
		min-height: 260px;
		border-radius: 18px;
	}

	.lfPeopleDirectoryHero__content {
		padding: 32px 24px;
	}

	.lfPeopleDirectoryHero h1 {
		font-size: clamp(1.8rem, 8vw, 2.55rem);
	}

	.lfPeopleDirectoryHero__art {
		opacity: .72;
	}

	.lfPeopleDirectoryHero__portrait {
		top: 70px;
		right: 18px;
		width: 86px;
		height: 118px;
	}

	.lfPeopleDirectoryHero__star {
		top: 58px;
		right: 2px;
		width: 52px;
		height: 52px;
		font-size: 1.25rem;
	}

	.lfPeopleDirectoryFilters {
		grid-template-columns: 1fr;
		gap: 8px;
	}

	.lfPeopleDirectoryResults__header {
		align-items: flex-start;
		flex-direction: column;
	}
}

@media (max-width: 640px) {
	.lfPeopleDirectoryBreadcrumbs li:last-child {
		max-width: 42vw;
	}

	.lfPeopleDirectoryHero {
		grid-template-columns: 1fr;
	}

	.lfPeopleDirectoryHero__content {
		padding: 28px 20px;
	}

	.lfPeopleDirectoryHero__art {
		display: none;
	}

	.lfPeopleDirectoryHero p {
		-webkit-line-clamp: 4;
	}

	.lfPeopleDirectoryGrid {
		grid-template-columns: 1fr;
	}

	.lfPeopleDirectoryCard {
		grid-template-columns: 88px minmax(0, 1fr);
		gap: 13px;
		min-height: 148px;
		padding: 12px;
	}

	.lfPeopleDirectoryCard__photo {
		width: 88px;
		height: 122px;
	}
}

@media (max-width: 380px) {
	.lfPeopleDirectoryCard {
		grid-template-columns: 76px minmax(0, 1fr);
	}

	.lfPeopleDirectoryCard__photo {
		width: 76px;
		height: 108px;
	}

	.lfPeopleDirectoryCard__date {
		margin-bottom: 7px;
	}
}

html.lfv2-active.light-theme .lfPeopleDirectoryPage {
	--lfpd-text: #132033;
	--lfpd-muted: #65738a;
	--lfpd-border: rgba(15, 23, 42, .12);
	--lfpd-border-strong: rgba(15, 23, 42, .2);
	color: #172033;
}

html.lfv2-active.light-theme .lfPeopleDirectoryHero {
	background:
		radial-gradient(circle at 88% 14%, rgba(245, 197, 24, .22), transparent 34%),
		linear-gradient(115deg, #f7faff 0%, #eef4fb 65%, #f5f3df 100%);
	box-shadow: 0 22px 52px rgba(15, 23, 42, .1);
}

html.lfv2-active.light-theme .lfPeopleDirectoryHero h1,
html.lfv2-active.light-theme .lfPeopleDirectoryResults__header h2 {
	color: #142034;
}

html.lfv2-active.light-theme .lfPeopleDirectoryHero p {
	color: #526177;
}

html.lfv2-active.light-theme .lfPeopleDirectoryHero__meta span,
html.lfv2-active.light-theme .lfPeopleDirectoryFilters,
html.lfv2-active.light-theme .lfPeopleDirectoryCard,
html.lfv2-active.light-theme .lfPeopleDirectoryResults__status span,
html.lfv2-active.light-theme .lfPeopleDirectoryEmpty {
	background: rgba(255, 255, 255, .82);
	border-color: rgba(15, 23, 42, .11);
}

html.lfv2-active.light-theme .lfPeopleDirectoryHero__meta span,
html.lfv2-active.light-theme .lfPeopleDirectoryHero__meta strong,
html.lfv2-active.light-theme .lfPeopleDirectoryCard__name a,
html.lfv2-active.light-theme .lfPeopleDirectoryCard__date strong,
html.lfv2-active.light-theme .lfPeopleDirectoryCard__date a,
html.lfv2-active.light-theme .lfPeopleDirectoryEmpty strong {
	color: #172033 !important;
}

html.lfv2-active.light-theme .lfPeopleDirectoryFilter,
html.lfv2-active.light-theme .lfPeopleDirectoryFilter:link,
html.lfv2-active.light-theme .lfPeopleDirectoryFilter:visited {
	color: #4f5e73 !important;
	background: #edf2f8;
	border-color: rgba(15, 23, 42, .1);
}

html.lfv2-active.light-theme .lfPeopleDirectoryFilter.is-active {
	color: #09111a !important;
	background: var(--lfpd-accent);
	border-color: var(--lfpd-accent);
}


/* ========================================================================
   LikeFilm People Directory V2 — VER4 polish
   Short visual titles, wrapped desktop filters, hidden mobile scrollbar,
   stable card rhythm and stronger hero artwork.
   ======================================================================== */

/* На десктопе категории переносятся, а не создают системный scrollbar. */
.lfPeopleDirectoryFilters__rail {
	flex-wrap: wrap;
	overflow: visible;
	padding-bottom: 1px;
}

/* Мета-информация следует сразу за датой, не проваливаясь к низу карточки. */
.lfPeopleDirectoryCard__meta {
	margin-top: 0;
}

.lfPeopleDirectoryCard__location {
	min-height: 18px;
}

.lfPeopleDirectoryCard__location.is-empty {
	visibility: hidden;
}

/* Декоративный портрет остаётся деликатным, но больше не исчезает на фоне. */
.lfPeopleDirectoryHero__portrait {
	background: linear-gradient(145deg, rgba(22, 48, 76, .99), rgba(8, 20, 34, .99));
	border-color: rgba(148, 163, 184, .26);
	box-shadow: 0 24px 52px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .035);
}

.lfPeopleDirectoryHero__portrait::before {
	box-shadow: 0 62px 0 19px rgba(245, 197, 24, .29);
}

.lfPeopleDirectoryHero__star {
	box-shadow: 0 14px 34px rgba(245, 197, 24, .25), 0 0 0 1px rgba(245, 197, 24, .14);
}

@media (max-width: 760px) {
	/* На телефоне сохраняется свайп, но системная полоса не показывается. */
	.lfPeopleDirectoryFilters__rail {
		flex-wrap: nowrap;
		overflow-x: auto;
		overflow-y: hidden;
		padding-bottom: 2px;
		-ms-overflow-style: none;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
	}

	.lfPeopleDirectoryFilters__rail::-webkit-scrollbar {
		display: none;
		width: 0;
		height: 0;
	}
}

html.lfv2-active.light-theme .lfPeopleDirectoryHero__portrait {
	background: linear-gradient(145deg, #dce9f7, #cbdced);
	border-color: rgba(15, 23, 42, .15);
}


/* ========================================================================
   LikeFilm People Directory V3 — VER5 final polish
   Clear active category, stacked filter heading, tighter hero, larger portraits,
   fully clickable cards and calmer result hierarchy.
   ======================================================================== */

/* Категории читаются сверху вниз: подпись, затем набор фильтров. */
.lfPeopleDirectoryFilters {
	grid-template-columns: minmax(0, 1fr);
	align-items: stretch;
	gap: 9px;
	padding: 15px 16px 13px;
}

.lfPeopleDirectoryFilters__label {
	padding-left: 2px;
}

/* Активная категория должна однозначно выглядеть активной. */
html.lfv2-active .lfPeopleDirectoryFilters .lfPeopleDirectoryFilter.is-active,
html.lfv2-active .lfPeopleDirectoryFilters .lfPeopleDirectoryFilter.is-active:link,
html.lfv2-active .lfPeopleDirectoryFilters .lfPeopleDirectoryFilter.is-active:visited {
	color: #09111a !important;
	background: var(--lfpd-accent) !important;
	border-color: var(--lfpd-accent) !important;
	box-shadow: none;
}

html.lfv2-active .lfPeopleDirectoryFilters .lfPeopleDirectoryFilter.is-active:hover,
html.lfv2-active .lfPeopleDirectoryFilters .lfPeopleDirectoryFilter.is-active:focus-visible {
	color: #09111a !important;
	background: #ffd42a !important;
	border-color: #ffd42a !important;
	transform: none;
}

/* Hero сохраняет композицию, но занимает немного меньше вертикального места. */
.lfPeopleDirectoryHero {
	min-height: 274px;
}

.lfPeopleDirectoryHero__content {
	padding: 36px 48px 34px;
}

.lfPeopleDirectoryHero__meta {
	margin-top: 18px;
}

/* Второй заголовок не конкурирует с основным h1. */
.lfPeopleDirectoryResults__header h2 {
	font-size: clamp(1.55rem, 2.25vw, 2.05rem);
}

/* Более выразительная фотография при сохранении компактной карточки. */
.lfPeopleDirectoryCard {
	grid-template-columns: 116px minmax(0, 1fr);
	min-height: 176px;
	cursor: pointer;
}

.lfPeopleDirectoryCard__photo {
	position: relative;
	z-index: 2;
	width: 116px;
	height: 148px;
}

/* Невидимая семантическая ссылка делает кликабельным свободное место карточки. */
.lfPeopleDirectoryCard__hitarea {
	position: absolute;
	z-index: 1;
	inset: 0;
	border-radius: inherit;
}

.lfPeopleDirectoryCard__hitarea:focus-visible {
	outline: 2px solid var(--lfpd-accent);
	outline-offset: 3px;
}

.lfPeopleDirectoryCard:focus-within {
	border-color: rgba(245, 197, 24, .42);
}

/* Внутренние ссылки остаются поверх общей кликабельной области. */
.lfPeopleDirectoryCard__name a,
.lfPeopleDirectoryCard__date a,
.lfPeopleDirectoryCard__zodiac a,
.lfPeopleDirectoryCard__location a {
	position: relative;
	z-index: 2;
}

/* Пустая география не создаёт искусственный высокий хвост карточки. */
.lfPeopleDirectoryCard__location.is-empty {
	display: none;
}

@media (max-width: 760px) {
	.lfPeopleDirectoryHero {
		min-height: 248px;
	}

	.lfPeopleDirectoryHero__content {
		padding: 29px 24px 27px;
	}
}

@media (max-width: 640px) {
	.lfPeopleDirectoryCard {
		grid-template-columns: 88px minmax(0, 1fr);
		min-height: 148px;
		cursor: default;
	}

	.lfPeopleDirectoryCard__photo {
		width: 88px;
		height: 122px;
	}
}

@media (max-width: 380px) {
	.lfPeopleDirectoryCard {
		grid-template-columns: 76px minmax(0, 1fr);
	}

	.lfPeopleDirectoryCard__photo {
		width: 76px;
		height: 108px;
	}
}

html.lfv2-active.light-theme .lfPeopleDirectoryFilters .lfPeopleDirectoryFilter.is-active,
html.lfv2-active.light-theme .lfPeopleDirectoryFilters .lfPeopleDirectoryFilter.is-active:link,
html.lfv2-active.light-theme .lfPeopleDirectoryFilters .lfPeopleDirectoryFilter.is-active:visited {
	color: #09111a !important;
	background: var(--lfpd-accent) !important;
	border-color: var(--lfpd-accent) !important;
}


/* ========================================================================
   LikeFilm People Directory — VER6 catalogue card cleanup
   Persistent active filter, no repeated generic role, tighter card rhythm.
   ======================================================================== */

/* Выбранная категория видна постоянно, независимо от корневого JS-класса. */
.lfPeopleDirectoryFilters .lfPeopleDirectoryFilter[aria-current="page"],
.lfPeopleDirectoryFilters .lfPeopleDirectoryFilter[aria-current="page"]:link,
.lfPeopleDirectoryFilters .lfPeopleDirectoryFilter[aria-current="page"]:visited,
.lfPeopleDirectoryFilters .lfPeopleDirectoryFilter--active,
.lfPeopleDirectoryFilters .lfPeopleDirectoryFilter--active:link,
.lfPeopleDirectoryFilters .lfPeopleDirectoryFilter--active:visited {
	color: #09111a !important;
	background-color: #f5c518 !important;
	background-image: none !important;
	border-color: #f5c518 !important;
	box-shadow: none !important;
}

.lfPeopleDirectoryFilters .lfPeopleDirectoryFilter[aria-current="page"]:hover,
.lfPeopleDirectoryFilters .lfPeopleDirectoryFilter[aria-current="page"]:focus-visible,
.lfPeopleDirectoryFilters .lfPeopleDirectoryFilter--active:hover,
.lfPeopleDirectoryFilters .lfPeopleDirectoryFilter--active:focus-visible {
	color: #09111a !important;
	background-color: #ffd42a !important;
	border-color: #ffd42a !important;
	transform: none;
}

/* Без общей подписи «Знаменитость» имя становится шапкой карточки. */
.lfPeopleDirectoryCard__name {
	display: flex;
	align-items: flex-start;
	min-height: 2.6em;
	margin-bottom: 8px;
	line-height: 1.3;
}

.lfPeopleDirectoryCard__name a,
.lfPeopleDirectoryCard__name a:link,
.lfPeopleDirectoryCard__name a:visited {
	width: 100%;
}

/* Профессия остаётся только в профильных каталогах. */
.lfPeopleDirectoryCard__role {
	margin-bottom: 2px;
}

.lfPeopleDirectoryCard__date {
	margin-bottom: 8px;
	padding-top: 7px;
	border-top-color: rgba(148, 163, 184, .09);
}

.lfPeopleDirectoryCard__meta {
	margin-top: 0;
}

.lfPeopleDirectoryCard__location {
	margin-top: 7px;
}

/* Более плотный ритм для длинного каталога без уменьшения фотографии. */
.lfPeopleDirectoryCard {
	gap: 14px;
	padding: 13px;
	box-shadow: 0 12px 28px rgba(0, 0, 0, .14);
}

.lfPeopleDirectoryCard:hover {
	box-shadow: 0 17px 36px rgba(0, 0, 0, .21);
}

@media (max-width: 640px) {
	.lfPeopleDirectoryCard__name {
		min-height: 0;
		margin-bottom: 7px;
	}
}

/* ========================================================================
   LikeFilm People Directory — VER7 active filter fix
   The previous high-specificity rule used a scoped CSS variable. When the
   filter panel is rendered outside that variable scope, the background
   declaration becomes invalid while the dark text remains active.
   Use a local fallback variable and a hard-coded final background.
   ======================================================================== */
.lfPeopleDirectoryFilters {
	--lfpd-accent: #f5c518;
}

html.lfv2-active .lfPeopleDirectoryFilters .lfPeopleDirectoryFilter.is-active,
html.lfv2-active .lfPeopleDirectoryFilters .lfPeopleDirectoryFilter.is-active:link,
html.lfv2-active .lfPeopleDirectoryFilters .lfPeopleDirectoryFilter.is-active:visited,
html.lfv2-active .lfPeopleDirectoryFilters .lfPeopleDirectoryFilter--active,
html.lfv2-active .lfPeopleDirectoryFilters .lfPeopleDirectoryFilter--active:link,
html.lfv2-active .lfPeopleDirectoryFilters .lfPeopleDirectoryFilter--active:visited,
html.lfv2-active .lfPeopleDirectoryFilters .lfPeopleDirectoryFilter[aria-current="page"],
html.lfv2-active .lfPeopleDirectoryFilters .lfPeopleDirectoryFilter[aria-current="page"]:link,
html.lfv2-active .lfPeopleDirectoryFilters .lfPeopleDirectoryFilter[aria-current="page"]:visited {
	color: #09111a !important;
	background: #f5c518 !important;
	border-color: #f5c518 !important;
	box-shadow: none !important;
	opacity: 1 !important;
}

html.lfv2-active .lfPeopleDirectoryFilters .lfPeopleDirectoryFilter.is-active:hover,
html.lfv2-active .lfPeopleDirectoryFilters .lfPeopleDirectoryFilter.is-active:focus-visible,
html.lfv2-active .lfPeopleDirectoryFilters .lfPeopleDirectoryFilter--active:hover,
html.lfv2-active .lfPeopleDirectoryFilters .lfPeopleDirectoryFilter--active:focus-visible,
html.lfv2-active .lfPeopleDirectoryFilters .lfPeopleDirectoryFilter[aria-current="page"]:hover,
html.lfv2-active .lfPeopleDirectoryFilters .lfPeopleDirectoryFilter[aria-current="page"]:focus-visible {
	color: #09111a !important;
	background: #ffd42a !important;
	border-color: #ffd42a !important;
	transform: none;
}

/* ========================================================================
   LikeFilm People Hub — VER8 main /people/ redesign
   Visual discovery catalogue: compact hero, six-column portrait grid,
   one batched profession query and responsive pagination.
   ======================================================================== */

.lfPeopleHubPage {
	--lfph-bg: #07101b;
	--lfph-surface: #0c1826;
	--lfph-surface-2: #101f30;
	--lfph-border: rgba(148, 163, 184, .17);
	--lfph-border-strong: rgba(148, 163, 184, .26);
	--lfph-text: #f8fafc;
	--lfph-muted: #a9b8ca;
	--lfph-muted-2: #7890aa;
	--lfph-accent: #f5c518;
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 0 46px;
	color: var(--lfph-text);
}

.lfPeopleHubBreadcrumbs {
	margin: 2px 0 18px;
	font-size: .82rem;
	line-height: 1.4;
}

.lfPeopleHubBreadcrumbs ol {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

.lfPeopleHubBreadcrumbs li {
	display: inline-flex;
	align-items: center;
	min-width: 0;
	color: var(--lfph-muted-2);
}

.lfPeopleHubBreadcrumbs li + li::before {
	content: "›";
	margin: 0 10px;
	color: rgba(148, 163, 184, .48);
}

.lfPeopleHubBreadcrumbs a,
.lfPeopleHubBreadcrumbs a:link,
.lfPeopleHubBreadcrumbs a:visited {
	color: var(--lfph-muted-2) !important;
	text-decoration: none;
}

.lfPeopleHubBreadcrumbs a:hover,
.lfPeopleHubBreadcrumbs a:focus-visible {
	color: var(--lfph-accent) !important;
}

.lfPeopleHubBreadcrumbs li:last-child span {
	display: block;
	overflow: hidden;
	max-width: 310px;
	color: #dce6f2;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.lfPeopleHubHero {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) 300px;
	min-height: 330px;
	overflow: hidden;
	border: 1px solid var(--lfph-border);
	border-radius: 22px;
	background:
		radial-gradient(circle at 91% 23%, rgba(245, 197, 24, .18), transparent 29%),
		linear-gradient(118deg, #0b1b2d 0%, #07111d 58%, #17190e 100%);
	box-shadow: 0 22px 55px rgba(0, 0, 0, .22);
}

.lfPeopleHubHero::after {
	content: "";
	position: absolute;
	inset: auto -110px -170px auto;
	width: 430px;
	height: 430px;
	border: 1px solid rgba(245, 197, 24, .08);
	border-radius: 50%;
	pointer-events: none;
}

.lfPeopleHubHero__content {
	position: relative;
	z-index: 2;
	align-self: center;
	max-width: 850px;
	padding: 48px 54px 45px;
}

.lfPeopleHubHero__eyebrow,
.lfPeopleHubResults__header > div > span {
	display: block;
	margin-bottom: 11px;
	color: var(--lfph-accent);
	font-size: .74rem;
	font-weight: 800;
	letter-spacing: .075em;
	line-height: 1.2;
	text-transform: uppercase;
}

.lfPeopleHubHero h1 {
	max-width: 760px;
	margin: 0;
	color: var(--lfph-text);
	font-size: clamp(2.45rem, 4.2vw, 4.25rem);
	font-weight: 760;
	letter-spacing: -.045em;
	line-height: .99;
}

.lfPeopleHubHero p {
	max-width: 760px;
	margin: 20px 0 0;
	color: #c4d0de;
	font-size: 1.03rem;
	line-height: 1.65;
}

.lfPeopleHubHero__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 24px;
}

.lfPeopleHubHero__meta span,
.lfPeopleHubHero__scope span {
	display: inline-flex;
	align-items: center;
	min-height: 40px;
	padding: 8px 13px;
	border: 1px solid var(--lfph-border-strong);
	border-radius: 999px;
	background: rgba(4, 12, 22, .44);
	color: #b9c8d9;
	font-size: .84rem;
	font-weight: 700;
	line-height: 1;
}

.lfPeopleHubHero__meta strong {
	margin-right: 5px;
	color: #fff;
	font-size: 1rem;
}

.lfPeopleHubHero__scope {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 12px;
}

.lfPeopleHubHero__scope span {
	min-height: 34px;
	padding: 6px 11px;
	border-color: var(--lfph-border-strong);
	background: rgba(4, 12, 22, .34);
	color: #aebed0;
	font-size: .77rem;
}


/* VER10: limited hash-based AJAX people search. */
.lfPeopleHubSearch {
	max-width: 760px;
	margin-top: 23px;
}

.lfPeopleHubSearch__label {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
}

.lfPeopleHubSearch__control {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr) auto;
	align-items: center;
	min-height: 54px;
	overflow: hidden;
	border: 1px solid var(--lfph-border-strong);
	border-radius: 16px;
	background: rgba(3, 10, 18, .66);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
	transition: border-color .18s ease, box-shadow .18s ease;
}

.lfPeopleHubSearch__control:focus-within {
	border-color: rgba(245, 197, 24, .58);
	box-shadow: 0 0 0 3px rgba(245, 197, 24, .08);
}

.lfPeopleHubSearch__icon {
	display: grid;
	height: 100%;
	place-items: center;
	color: #7f94ab;
	font-size: 1.24rem;
	line-height: 1;
}

.lfPeopleHubSearch input[type="search"] {
	min-width: 0;
	height: 52px;
	padding: 0 12px 0 0;
	border: 0;
	outline: 0;
	background: transparent;
	color: #eef5fc;
	font: inherit;
	font-size: .94rem;
}

.lfPeopleHubSearch input[type="search"]::placeholder {
	color: #71869d;
	opacity: 1;
}

.lfPeopleHubSearch input[type="search"]::-webkit-search-cancel-button {
	filter: invert(1);
	opacity: .58;
}

.lfPeopleHubSearch__control > button {
	align-self: stretch;
	min-width: 112px;
	margin: 5px;
	padding: 0 20px;
	border: 1px solid var(--lfph-accent);
	border-radius: 12px;
	background: var(--lfph-accent);
	color: #09111a;
	font: inherit;
	font-size: .86rem;
	font-weight: 800;
	cursor: pointer;
	transition: background .16s ease, border-color .16s ease, transform .08s ease;
}

.lfPeopleHubSearch__control > button:hover,
.lfPeopleHubSearch__control > button:focus-visible {
	border-color: #ffd42a;
	background: #ffd42a;
	outline: none;
}

.lfPeopleHubSearch__control > button:active {
	transform: translateY(1px);
}

.lfPeopleHubSearch__hint,
.lfPeopleHubSearch__error,
.lfPeopleHubSearch__clear {
	display: inline-block;
	margin-top: 8px;
	font-size: .75rem;
	line-height: 1.4;
}

.lfPeopleHubSearch__hint {
	color: #71869d;
}

.lfPeopleHubSearch__error {
	margin-left: 12px;
	color: #ffc8c8;
	font-weight: 700;
}

.lfPeopleHubSearch__clear,
.lfPeopleHubSearch__clear:link,
.lfPeopleHubSearch__clear:visited {
	margin-left: 12px;
	color: #c7d3df !important;
	font-weight: 700;
	text-decoration: underline;
	text-decoration-color: rgba(199, 211, 223, .35);
	text-underline-offset: 3px;
}

.lfPeopleHubSearch__clear:hover,
.lfPeopleHubSearch__clear:focus-visible {
	color: var(--lfph-accent) !important;
}

.lfPeopleHubSearch + .lfPeopleHubHero__meta {
	margin-top: 15px;
}

.lfPeopleHubEmpty {
	display: grid;
	min-height: 250px;
	place-items: center;
	align-content: center;
	padding: 42px 24px;
	border: 1px solid var(--lfph-border);
	border-radius: 18px;
	background: linear-gradient(180deg, rgba(13, 26, 41, .78), rgba(8, 19, 31, .78));
	text-align: center;
}

.lfPeopleHubEmpty > span {
	display: grid;
	width: 50px;
	height: 50px;
	place-items: center;
	margin-bottom: 12px;
	border: 1px solid rgba(245, 197, 24, .24);
	border-radius: 50%;
	color: var(--lfph-accent);
	font-size: 1.55rem;
}

.lfPeopleHubEmpty h3 {
	margin: 0;
	color: var(--lfph-text);
	font-size: 1.25rem;
}

.lfPeopleHubEmpty p {
	max-width: 620px;
	margin: 9px 0 0;
	color: var(--lfph-muted);
	font-size: .9rem;
	line-height: 1.6;
}

.lfPeopleHubHero__art {
	position: relative;
	z-index: 1;
	min-height: 330px;
	pointer-events: none;
}

.lfPeopleHubHero__portrait {
	position: absolute;
	display: block;
	width: 116px;
	height: 158px;
	border: 1px solid rgba(148, 163, 184, .18);
	border-radius: 24px;
	background:
		radial-gradient(circle at 50% 30%, #f5c518 0 17%, transparent 18%),
		radial-gradient(circle at 50% 76%, rgba(245, 197, 24, .28) 0 30%, transparent 31%),
		linear-gradient(155deg, #17314e, #0a1727);
	box-shadow: 0 18px 35px rgba(0, 0, 0, .28);
}

.lfPeopleHubHero__portrait--one {
	top: 58px;
	left: 42px;
	transform: rotate(-10deg);
}

.lfPeopleHubHero__portrait--two {
	top: 106px;
	right: 34px;
	transform: rotate(11deg) scale(.9);
	opacity: .72;
}

.lfPeopleHubHero__portrait--three {
	bottom: 22px;
	left: 106px;
	transform: rotate(4deg) scale(.74);
	opacity: .48;
}

.lfPeopleHubHero__star {
	position: absolute;
	top: 72px;
	right: 52px;
	display: grid;
	width: 68px;
	height: 68px;
	place-items: center;
	border: 1px solid rgba(245, 197, 24, .28);
	border-radius: 50%;
	background: var(--lfph-accent);
	color: #07101b;
	font-size: 1.45rem;
	box-shadow: 0 15px 35px rgba(245, 197, 24, .13);
}

.lfPeopleHubResults {
	margin-top: 38px;
}

.lfPeopleHubResults__header {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 24px;
	margin-bottom: 18px;
}

.lfPeopleHubResults__header h2 {
	margin: 0;
	color: var(--lfph-text);
	font-size: clamp(1.65rem, 2.4vw, 2.25rem);
	letter-spacing: -.025em;
	line-height: 1.1;
}

.lfPeopleHubResults__status {
	display: flex;
	align-items: center;
	gap: 10px;
	padding-bottom: 2px;
	white-space: nowrap;
}

.lfPeopleHubResults__status strong,
.lfPeopleHubResults__status span {
	display: inline-flex;
	align-items: center;
	min-height: 36px;
	padding: 7px 12px;
	border-radius: 999px;
	font-size: .78rem;
	font-weight: 750;
}

.lfPeopleHubResults__status strong {
	color: #e7eef7;
}

.lfPeopleHubResults__status span {
	background: var(--lfph-surface);
	color: var(--lfph-muted-2);
	letter-spacing: .035em;
	text-transform: uppercase;
}

.lfPeopleHubGrid {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 18px;
}

.lfPeopleHubCard {
	min-width: 0;
}

.lfPeopleHubCard__link,
.lfPeopleHubCard__link:link,
.lfPeopleHubCard__link:visited {
	display: flex;
	height: 100%;
	min-height: 302px;
	flex-direction: column;
	overflow: hidden;
	border: 1px solid var(--lfph-border);
	border-radius: 16px;
	background: linear-gradient(180deg, #0d1a29 0%, #0a1522 100%);
	box-shadow: 0 13px 28px rgba(0, 0, 0, .16);
	color: var(--lfph-text) !important;
	text-decoration: none !important;
	transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.lfPeopleHubCard__link:hover,
.lfPeopleHubCard__link:focus-visible {
	border-color: rgba(245, 197, 24, .52);
	box-shadow: 0 18px 38px rgba(0, 0, 0, .24);
	transform: translateY(-2px);
	outline: none;
}

.lfPeopleHubCard__photo {
	position: relative;
	display: block;
	height: 238px;
	overflow: hidden;
	background: #0a121d;
}

.lfPeopleHubCard__photo::after {
	content: "";
	position: absolute;
	inset: auto 0 0;
	height: 38%;
	background: linear-gradient(180deg, transparent, rgba(4, 10, 17, .44));
	pointer-events: none;
}

.lfPeopleHubCard__photo img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center 18%;
	transition: transform .32s ease, filter .32s ease;
}

.lfPeopleHubCard__link:hover .lfPeopleHubCard__photo img,
.lfPeopleHubCard__link:focus-visible .lfPeopleHubCard__photo img {
	filter: saturate(1.04) contrast(1.025);
	transform: scale(1.025);
}

.lfPeopleHubCard__body {
	display: flex;
	min-height: 64px;
	flex: 1 1 auto;
	flex-direction: column;
	justify-content: center;
	padding: 11px 14px 12px;
}

.lfPeopleHubCard__name {
	display: -webkit-box;
	overflow: hidden;
	min-height: 2.5em;
	color: #f8fafc;
	font-size: .98rem;
	font-weight: 760;
	letter-spacing: -.012em;
	line-height: 1.25;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.lfPeopleHubCard__profession {
	display: block;
	margin-top: 7px;
	overflow: hidden;
	color: var(--lfph-muted-2);
	font-size: .78rem;
	font-weight: 650;
	line-height: 1.35;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.lfPeopleHubPagination {
	margin-top: 34px;
}

.lfPeopleHubPagination .uiPagination {
	margin: 0;
}

@media (max-width: 1180px) {
	.lfPeopleHubGrid {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}
}

@media (max-width: 980px) {
	.lfPeopleHubHero {
		grid-template-columns: minmax(0, 1fr) 220px;
	}

	.lfPeopleHubHero__content {
		padding: 42px 38px 39px;
	}

	.lfPeopleHubHero__portrait--one {
		left: 24px;
	}

	.lfPeopleHubHero__portrait--three {
		left: 72px;
	}

	.lfPeopleHubGrid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media (max-width: 760px) {
	.lfPeopleHubPage {
		padding-bottom: 34px;
	}

	.lfPeopleHubHero {
		display: block;
		min-height: 0;
	}

	.lfPeopleHubHero__content {
		padding: 34px 25px 31px;
	}

	.lfPeopleHubHero h1 {
		max-width: 590px;
		font-size: clamp(2.25rem, 9vw, 3.35rem);
	}

	.lfPeopleHubHero p {
		font-size: .95rem;
	}

	.lfPeopleHubHero__art {
		display: none;
	}

	.lfPeopleHubResults__header {
		align-items: flex-start;
		flex-direction: column;
		gap: 13px;
	}

	.lfPeopleHubResults__status {
		padding-bottom: 0;
	}

	.lfPeopleHubGrid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 14px;
	}
}

@media (max-width: 520px) {
	.lfPeopleHubBreadcrumbs {
		margin-bottom: 13px;
	}

	.lfPeopleHubHero {
		border-radius: 17px;
	}

	.lfPeopleHubHero__content {
		padding: 29px 20px 26px;
	}

	.lfPeopleHubHero p {
		line-height: 1.55;
	}

	.lfPeopleHubHero__meta,
	.lfPeopleHubHero__scope {
		gap: 7px;
	}

	.lfPeopleHubHero__meta span,
	.lfPeopleHubHero__scope span {
		min-height: 34px;
		padding: 6px 10px;
		font-size: .74rem;
	}

	.lfPeopleHubResults {
		margin-top: 29px;
	}

	.lfPeopleHubResults__status {
		flex-wrap: wrap;
		gap: 7px;
	}

	.lfPeopleHubGrid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 11px;
	}

	.lfPeopleHubCard__link {
		min-height: 250px;
		border-radius: 13px;
	}

	.lfPeopleHubCard__photo {
		height: 188px;
	}

	.lfPeopleHubCard__body {
		min-height: 62px;
		padding: 10px 11px 11px;
	}

	.lfPeopleHubCard__name {
		font-size: .9rem;
	}

	.lfPeopleHubCard__profession {
		font-size: .72rem;
	}
}

@media (max-width: 350px) {
	.lfPeopleHubGrid {
		grid-template-columns: minmax(0, 1fr);
	}

	.lfPeopleHubCard__photo {
		height: 300px;
	}
}

html.lfv2-active.light-theme .lfPeopleHubPage {
	--lfph-surface: #ffffff;
	--lfph-surface-2: #f5f8fc;
	--lfph-border: rgba(71, 85, 105, .18);
	--lfph-border-strong: rgba(71, 85, 105, .25);
	--lfph-text: #102033;
	--lfph-muted: #516276;
	--lfph-muted-2: #6d7f93;
}

html.lfv2-active.light-theme .lfPeopleHubHero {
	background:
		radial-gradient(circle at 91% 23%, rgba(245, 197, 24, .22), transparent 29%),
		linear-gradient(118deg, #eaf2fb 0%, #f8fafc 58%, #f4f0d9 100%);
	box-shadow: 0 18px 45px rgba(15, 23, 42, .08);
}

html.lfv2-active.light-theme .lfPeopleHubHero h1,
html.lfv2-active.light-theme .lfPeopleHubResults__header h2 {
	color: #102033;
}

html.lfv2-active.light-theme .lfPeopleHubHero p {
	color: #516276;
}

html.lfv2-active.light-theme .lfPeopleHubHero__meta span {
	background: rgba(255, 255, 255, .62);
	color: #516276;
}

html.lfv2-active.light-theme .lfPeopleHubHero__meta strong {
	color: #102033;
}

html.lfv2-active.light-theme .lfPeopleHubCard__link,
html.lfv2-active.light-theme .lfPeopleHubCard__link:link,
html.lfv2-active.light-theme .lfPeopleHubCard__link:visited {
	background: #ffffff;
	color: #102033 !important;
	box-shadow: 0 12px 26px rgba(15, 23, 42, .07);
}

html.lfv2-active.light-theme .lfPeopleHubCard__name {
	color: #102033;
}


html.lfv2-active.light-theme .lfPeopleHubSearch__control {
	background: rgba(255, 255, 255, .72);
}

html.lfv2-active.light-theme .lfPeopleHubSearch input[type="search"] {
	color: #102033;
}

html.lfv2-active.light-theme .lfPeopleHubSearch input[type="search"]::placeholder,
html.lfv2-active.light-theme .lfPeopleHubSearch__hint {
	color: #6d7f93;
}

html.lfv2-active.light-theme .lfPeopleHubSearch__error {
	color: #a83232;
}

html.lfv2-active.light-theme .lfPeopleHubEmpty {
	background: #fff;
}



/* ==================================================================
 * PEOPLE HUB — VER10: hash-based AJAX search state
 * ================================================================== */

.lfPeopleHubSearch__clear {
	appearance: none;
	padding: 0;
	border: 0;
	background: transparent;
	font: inherit;
	cursor: pointer;
}

.lfPeopleHubSearch__clear[hidden],
.lfPeopleHubSearch__error[hidden] {
	display: none !important;
}

.lfPeopleHubSearch__control > button:disabled {
	cursor: wait;
	opacity: .72;
	transform: none;
}

.lfPeopleHubResults {
	position: relative;
}

.lfPeopleHubResults.is-loading {
	min-height: 270px;
	pointer-events: none;
}

.lfPeopleHubResults.is-loading > * {
	opacity: .34;
	transition: opacity .16s ease;
}

.lfPeopleHubResults.is-loading::before,
.lfPeopleHubResults.is-loading::after {
	position: absolute;
	z-index: 6;
	left: 50%;
	content: "";
	pointer-events: none;
}

.lfPeopleHubResults.is-loading::before {
	top: 92px;
	width: 38px;
	height: 38px;
	margin-left: -19px;
	border: 3px solid rgba(148, 163, 184, .2);
	border-top-color: var(--lfph-accent, #f5c518);
	border-radius: 50%;
	animation: lfPeopleHubSearchSpin .72s linear infinite;
}

.lfPeopleHubResults.is-loading::after {
	top: 142px;
	width: 120px;
	height: 8px;
	margin-left: -60px;
	border-radius: 999px;
	background: rgba(148, 163, 184, .14);
}

.lfPeopleHubEmpty--error > span {
	border-color: rgba(255, 135, 135, .26);
	color: #ffc8c8;
}

@keyframes lfPeopleHubSearchSpin {
	to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
	.lfPeopleHubResults.is-loading::before {
		animation: none;
	}
}