/* ==========================================================================
   BKA 2026 v5 · pages/institutional – Küldetésünk · Csapatunk
   Mission: foundation pillars → hospital + national centres → care → whole-
   person care → values (red band, white cards) → closing line, each passage
   beside one of the page's own photographs.
   Team: person cards with one shared icon, red leader cards, the team
   photograph, the communications sentence. No accent top lines.
   ========================================================================== */

/* Shared: photographs ------------------------------------------------------ */
.v5-mission-foundation__photo,
.v5-mission-centres__photo,
.v5-mission-care__photo,
.v5-mission-whole__photo {
	margin: 0;
	overflow: hidden;
	border-radius: var(--v5-radius-lg);
	background: var(--v5-mist);
	box-shadow: var(--v5-shadow-lift);
}
:is(.v5-mission-foundation__photo, .v5-mission-centres__photo, .v5-mission-care__photo, .v5-mission-whole__photo) img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* 1 · The foundation --------------------------------------------------------- */
.v5-mission-foundation__grid {
	display: grid;
	grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
	gap: var(--v5-gap-lg);
	align-items: center;
}
.v5-mission-foundation__grid--solo { grid-template-columns: minmax(0, 1fr); }
.v5-mission-foundation__lead {
	margin: 0 0 clamp(1.25rem, 1rem + .8vw, 1.75rem);
	color: var(--v5-red);
	font-family: var(--v5-font-display);
	font-size: clamp(1.625rem, 1.15rem + 1.5vw, 2.5rem);
	line-height: 1.18;
	text-wrap: pretty;
}
.v5-mission-foundation__body {
	margin: 0 0 clamp(1.25rem, 1rem + .8vw, 1.75rem);
	color: var(--v5-ink);
	font-size: clamp(1.0625rem, 1rem + .3vw, 1.25rem);
	line-height: 1.55;
}
.v5-mission-foundation__photo { aspect-ratio: 4 / 5; }
.v5-mission-foundation__photo img { object-position: 30% 50%; }

/* 2 · The hospital + the national centres ----------------------------------- */
.v5-mission-centres__grid {
	display: grid;
	grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
	gap: var(--v5-gap-lg);
	align-items: center;
}
.v5-mission-centres__grid--solo { grid-template-columns: minmax(0, 1fr); }
.v5-mission-centres__photo { aspect-ratio: 4 / 5; }
.v5-mission-centres__photo img { object-position: 18% 50%; }
.v5-mission-centres__lead p {
	margin: 0 0 clamp(1.25rem, 1rem + 1vw, 2rem);
	color: var(--v5-ink);
	font-family: var(--v5-font-display);
	font-size: clamp(1.5rem, 1.1rem + 1.25vw, 2.25rem);
	line-height: 1.24;
	text-wrap: pretty;
}
.v5-mission-centres__list { display: grid; gap: .7rem; margin: 0; padding: 0; list-style: none; }
.v5-mission-centres__list li {
	position: relative;
	margin: 0;
	padding-left: 1.5rem;
	color: var(--v5-ink);
	font-family: var(--v5-font-display);
	font-size: clamp(1.1875rem, 1.05rem + .45vw, 1.5rem);
	line-height: 1.3;
}
.v5-mission-centres__list li::before {
	content: "";
	position: absolute;
	top: .5em;
	left: 0;
	width: .5rem;
	height: .5rem;
	border-radius: 50%;
	background: var(--v5-red);
}
.v5-mission-centres__list strong { color: var(--v5-red); font-weight: var(--v5-w-display); }

/* 3 · The care passage: one block, one size ---------------------------------- */
.v5-mission-care__grid {
	display: grid;
	grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
	gap: var(--v5-gap-lg);
	align-items: center;
}
.v5-mission-care__grid--solo { grid-template-columns: minmax(0, 1fr); }
.v5-mission-care__copy p {
	margin: 0;
	color: var(--v5-ink);
	font-size: clamp(1.0625rem, 1rem + .25vw, 1.1875rem);
	line-height: 1.65;
}
.v5-mission-care__copy p + p { margin-top: 1rem; }
.v5-mission-care__copy strong { color: var(--v5-red); font-weight: var(--v5-w-bold); }
.v5-mission-care__photo { aspect-ratio: 4 / 5; }

/* 4 · Whole-person care ------------------------------------------------------ */
.v5-mission-whole__grid {
	display: grid;
	grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
	gap: var(--v5-gap-lg);
	align-items: center;
}
.v5-mission-whole__grid--solo { grid-template-columns: minmax(0, 1fr); }
.v5-mission-whole__photo { aspect-ratio: 1; }
.v5-mission-whole__photo img { object-position: 60% 50%; }
.v5-mission-whole__lead p {
	margin: 0 0 1.5rem;
	color: var(--v5-ink);
	font-family: var(--v5-font-display);
	font-size: clamp(1.5rem, 1.1rem + 1.3vw, 2.25rem);
	line-height: 1.25;
	text-wrap: pretty;
}
.v5-mission-whole__lead strong { color: var(--v5-red); font-weight: var(--v5-w-display); }
.v5-mission-whole__body p { margin: 0; font-size: clamp(1.0625rem, 1rem + .3vw, 1.25rem); line-height: 1.65; }

/* 5 · Értékeink: the red band and white cards of the home page results ------- */
.v5-mission-values { overflow: hidden; }
.v5-mission-values::before {
	content: "";
	position: absolute;
	top: -18rem;
	right: -14rem;
	width: 40rem;
	aspect-ratio: 1;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(255, 255, 255, .13), rgba(255, 255, 255, 0) 66%);
	pointer-events: none;
}
.v5-mission-values__title {
	position: relative;
	margin: 0 0 clamp(2.5rem, 2rem + 2vw, 4rem);
	color: #fff;
	font-size: clamp(2.25rem, 1.3rem + 3.1vw, 4.25rem);
	line-height: 1.04;
}
.v5-mission-values__list {
	--v5-values-gap: clamp(.85rem, .5rem + .9vw, 1.5rem);
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--v5-values-gap);
	margin: 0;
	padding: 0;
	list-style: none;
}
.v5-mission-values__item {
	display: flex;
	flex: 0 0 calc((100% - 3 * var(--v5-values-gap)) / 4);
	flex-direction: column;
	gap: 1.15rem;
	min-height: 12.75rem;
	margin: 0;
	padding: clamp(1.4rem, 1rem + 1vw, 2rem) clamp(1.2rem, .9rem + .8vw, 1.6rem) clamp(1.5rem, 1rem + 1vw, 2rem);
	border-radius: var(--v5-radius);
	background: #fff;
	color: var(--v5-ink);
	box-shadow: 0 24px 48px -28px rgba(70, 0, 20, .55);
}
.v5-mission-values__item + .v5-mission-values__item { margin-top: 0; }
.v5-mission-values__icon {
	display: grid;
	place-items: center;
	flex: none;
	width: 4.25rem;
	height: 4.25rem;
	border-radius: 50%;
	background: var(--v5-red-100);
	color: var(--v5-red);
}
.v5-mission-values__icon .v5-icon { width: 2.3rem; height: 2.3rem; }
.v5-mission-values__text {
	color: var(--v5-ink);
	font-family: var(--v5-font-display);
	font-size: clamp(1.25rem, 1.05rem + .6vw, 1.5625rem);
	line-height: 1.18;
	text-wrap: balance;
}

/* 6 · Closing line ----------------------------------------------------------- */
.v5-mission-closing__text {
	margin: 0;
	color: var(--v5-red);
	font-family: var(--v5-font-display);
	font-size: clamp(2rem, 1.3rem + 2.6vw, 3.75rem);
	line-height: 1.08;
	text-align: center;
	text-wrap: balance;
}

/* ===== Csapatunk ============================================================ */
.v5-team-group__head { margin-bottom: clamp(2rem, 1.5rem + 2vw, 3.25rem); }
.v5-team-group__title { margin: 0; letter-spacing: .04em; }

/* One shared icon for everybody. */
.v5-person-icon {
	display: grid;
	place-items: center;
	flex: none;
	width: 4.5rem;
	height: 4.5rem;
	border-radius: 50%;
	background: var(--v5-red-100);
	color: var(--v5-red);
}
.v5-person-icon .v5-icon { width: 2.5rem; height: 2.5rem; }

.v5-person-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--v5-gap);
	margin: 0;
	padding: 0;
	list-style: none;
}
.v5-person-tile {
	display: grid;
	justify-items: center;
	align-content: start;
	gap: 1.1rem;
	margin: 0;
	padding: clamp(1.5rem, 1.1rem + 1.2vw, 2.25rem) 1.25rem clamp(1.5rem, 1.1rem + 1vw, 2rem);
	border-radius: var(--v5-radius-lg);
	background: var(--v5-mist);
	text-align: center;
	transition: transform var(--v5-dur) var(--v5-ease), box-shadow var(--v5-dur) var(--v5-ease);
}
.v5-person-tile + .v5-person-tile { margin-top: 0; }
.v5-band--mist .v5-person-tile { background: var(--v5-white); box-shadow: var(--v5-shadow-card); }
.v5-person-tile__copy { display: grid; gap: .45rem; }
.v5-person-tile__name { color: var(--v5-ink); font-family: var(--v5-font-display); font-size: clamp(1.125rem, 1rem + .4vw, 1.3125rem); line-height: 1.22; text-wrap: balance; }
.v5-person-tile__role { color: var(--v5-muted); font-size: .9375rem; line-height: 1.45; text-wrap: balance; }

/* Leaders: the two named roles as red cards */
.v5-team-leaders {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--v5-gap);
	margin-top: var(--v5-gap);
}
.v5-team-leaders--1 { grid-template-columns: minmax(0, 1fr); }
.v5-leader {
	display: flex;
	align-items: center;
	gap: clamp(1.25rem, .9rem + 1vw, 1.75rem);
	padding: clamp(1.5rem, 1.1rem + 1.2vw, 2.25rem);
	border-radius: var(--v5-radius-lg);
	background:
		radial-gradient(120% 140% at 100% 0%, rgba(255, 255, 255, .14) 0%, rgba(255, 255, 255, 0) 55%),
		var(--v5-red);
	color: #fff;
	box-shadow: var(--v5-shadow-red);
}
.v5-leader .v5-person-icon { background: #fff; }
.v5-leader__copy { display: grid; gap: .35rem; min-width: 0; }
.v5-leader__copy p { margin: 0; }
.v5-leader__role { color: rgba(255, 255, 255, .85); font-size: .8125rem; font-weight: var(--v5-w-bold); letter-spacing: .12em; text-transform: uppercase; }
.v5-leader__name { color: #fff; font-family: var(--v5-font-display); font-size: clamp(1.5rem, 1.15rem + 1vw, 2.125rem); line-height: 1.12; }

/* Notes: supervisory board, volunteer thanks */
.v5-team-note,
.v5-team-thanks {
	display: flex;
	align-items: flex-start;
	gap: 1.25rem;
	margin-top: var(--v5-gap);
	padding: clamp(1.25rem, 1rem + 1vw, 1.75rem) clamp(1.25rem, 1rem + 1.2vw, 2rem);
	border-radius: var(--v5-radius-lg);
	background: var(--v5-mist-2);
}
.v5-team-thanks { background: var(--v5-red-100); }
.v5-team-note .v5-icon-disc,
.v5-team-thanks .v5-icon-disc { width: 3rem; height: 3rem; }
.v5-team-note .v5-icon-disc .v5-icon,
.v5-team-thanks .v5-icon-disc .v5-icon { width: 1.35rem; height: 1.35rem; }
:is(.v5-team-note__text, .v5-team-thanks__text) { align-self: center; color: var(--v5-ink); font-size: clamp(1rem, .96rem + .25vw, 1.125rem); line-height: 1.6; }
:is(.v5-team-note__text, .v5-team-thanks__text) p { margin: 0; }

/* The team photograph between the leadership and the staff */
.v5-team-photo { background: linear-gradient(180deg, var(--v5-white) 50%, var(--v5-mist) 50%); }
.v5-team-photo__frame {
	margin: 0;
	overflow: hidden;
	aspect-ratio: 2 / 1;
	border-radius: var(--v5-radius-lg);
	background: var(--v5-mist);
	box-shadow: var(--v5-shadow-lift);
}
.v5-team-photo__frame img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 28%; }
.v5-team-photo + .v5-band--mist { padding-top: clamp(3.5rem, 2.5rem + 3vw, 6rem); }

/* The communications team: one small sentence */
.v5-team-partners__text {
	max-width: 60rem;
	margin: 0 auto;
	color: var(--v5-ink-soft);
	font-size: .9375rem;
	line-height: 1.6;
	text-align: center;
	text-wrap: pretty;
}

/* Responsive ----------------------------------------------------------------- */
@media (max-width: 68.75rem) {
	.v5-person-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.v5-mission-values__item { flex-basis: calc((100% - 2 * var(--v5-values-gap)) / 3); }
}

@media (max-width: 56rem) {
	.v5-mission-foundation__grid,
	.v5-mission-centres__grid,
	.v5-mission-care__grid,
	.v5-mission-whole__grid { grid-template-columns: minmax(0, 1fr); }
	.v5-mission-foundation__photo,
	.v5-mission-centres__photo,
	.v5-mission-care__photo,
	.v5-mission-whole__photo { position: static; aspect-ratio: 3 / 2; }
	.v5-mission-centres__photo,
	.v5-mission-whole__photo { order: -1; }
	.v5-mission-values__item { flex-basis: calc((100% - var(--v5-values-gap)) / 2); }
	.v5-person-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.v5-team-leaders { grid-template-columns: minmax(0, 1fr); }
	.v5-team-photo__frame { aspect-ratio: 3 / 2; }
}

@media (max-width: 40rem) {
	.v5-mission-values__item {
		flex: 0 0 100%;
		flex-direction: row;
		align-items: center;
		gap: 1rem;
		min-height: 0;
		padding: 1rem 1.15rem;
	}
	.v5-mission-values__icon { width: 3.4rem; height: 3.4rem; }
	.v5-mission-values__icon .v5-icon { width: 1.9rem; height: 1.9rem; }
	.v5-person-tile { padding-inline: .85rem; }
	.v5-person-tile__role { font-size: .875rem; }
	.v5-leader { align-items: flex-start; }
}