/**
 * About Us (page-about-us.php) — Figma Desktop 333:14531.
 *
 * Section-specific layout only; cards/stats/CTA/section-head reuse the shared
 * .ne-* components. Blue primary buttons and the stats band come from
 * components.css untouched.
 */

/* ---- Hero ------------------------------------------------------------ */
.ne-about-hero {
	position: relative;
	min-height: 560px;
	display: flex;
	align-items: center;
	overflow: hidden;
	background: var(--ne-primary-500);
}
.ne-about-hero__bg { position: absolute; inset: 0; }
.ne-about-hero__bg img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ne-about-hero::after {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(23, 11, 91, 0.44);
}
.ne-about-hero__inner { position: relative; z-index: 1; width: 100%; }
.ne-about-hero__text { max-width: 620px; }
.ne-about-hero__title {
	margin: 0 0 var(--ne-space-m);
	color: var(--ne-neutral-100);
	font-size: var(--ne-h2-size);
	line-height: var(--ne-h2-line);
	font-weight: 700;
}
.ne-about-hero__intro {
	margin: 0;
	color: var(--ne-neutral-200);
	font-size: var(--ne-b1-size);
	line-height: var(--ne-b1-line);
}

/* ---- Our Vision / Our Mission --------------------------------------- */
.ne-about-vm__card {
	display: flex;
	flex-direction: column;
	gap: 14px;
	justify-content: center;
	padding: var(--ne-space-xl);
	background: var(--ne-neutral-100);
	border: 1px solid var(--ne-neutral-200);
	border-radius: 18px;
}
.ne-about-vm__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	border-radius: 14px;
	background: var(--ne-tertiary-a10);
	color: var(--ne-tertiary-500);
}
.ne-about-vm__icon img { width: 24px; height: 24px; object-fit: contain; }
.ne-about-vm__icon .ne-icon { width: 24px; height: 24px; }
.ne-about-vm__title {
	margin: 0;
	font-size: var(--ne-h4-size);
	line-height: var(--ne-h4-line);
	color: var(--ne-primary-400);
	font-weight: 700;
}
.ne-about-vm__text {
	margin: 0;
	color: var(--ne-neutral-800);
	font-size: var(--ne-b1-size);
	line-height: var(--ne-b1-line);
}

/* ---- A Legacy of Clinical Integrity --------------------------------- */
.ne-about-legacy__inner {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--ne-space-5xl);
	align-items: center;
}
.ne-about-legacy__title {
	margin: 0 0 var(--ne-space-xl);
	font-size: var(--ne-h4-size);
	line-height: var(--ne-h4-line);
	color: var(--ne-primary-400);
	font-weight: 700;
}
.ne-about-legacy__body { color: var(--ne-neutral-800); font-size: var(--ne-b1-size); line-height: var(--ne-b1-line); }
.ne-about-legacy__body p { margin: 0 0 var(--ne-space-m); }
.ne-about-legacy__body p:last-child { margin-bottom: 0; }
.ne-about-legacy__media { border-radius: 16px; overflow: hidden; aspect-ratio: 551 / 309; }
.ne-about-legacy__media img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* ---- Our Leaders / Our Founders ------------------------------------- */
.ne-about-people__intro {
	margin: calc(var(--ne-space-3xl) * -1 + var(--ne-space-xs)) 0 var(--ne-space-2xl);
	max-width: 620px;
	color: var(--ne-neutral-800);
	font-size: var(--ne-b1-size);
	line-height: var(--ne-b1-line);
}
.ne-about-doc.ne-card { border-color: transparent; }
.ne-about-doc .ne-card__body { padding: var(--ne-space-m) 0 0; }
.ne-about-doc .ne-card__media { border-radius: 16px; }
.ne-about-doc .ne-card__title { font-size: var(--ne-h8-size); color: var(--ne-primary-400); }
.ne-about-doc .ne-card__role {
	color: var(--ne-neutral-700);
	font-size: var(--ne-b3-size);
	line-height: var(--ne-b3-line);
	text-transform: uppercase;
	letter-spacing: 0.02em;
}
.ne-about-doc.ne-card:hover { transform: none; box-shadow: none; }

/* "View All" link inherits the front-page ghost-link style (not in components.css). */
.ne-viewall {
	display: inline-flex;
	align-items: center;
	gap: var(--ne-space-2xs);
	color: var(--ne-secondary-400);
	font-weight: 700;
	font-size: var(--ne-b2-size);
	text-decoration: none;
	white-space: nowrap;
	flex: 0 0 auto;
}
.ne-viewall .ne-icon { width: 16px; height: 16px; transition: transform .18s ease; }
.ne-viewall:hover { color: var(--ne-secondary-500); }
.ne-viewall:hover .ne-icon { transform: translateX(3px); }

/* ---- Recognised for Clinical Excellence ----------------------------- */
.ne-about-award {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: var(--ne-space-s);
	padding: var(--ne-space-xl);
	min-height: 132px;
	background: var(--ne-neutral-100);
	border: 1px solid var(--ne-neutral-200);
	border-radius: 16px;
	text-align: center;
}
.ne-about-award__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: var(--ne-secondary-a10);
	color: var(--ne-secondary-400);
}
.ne-about-award__icon .ne-icon { width: 24px; height: 24px; }
.ne-about-award__label {
	font-size: var(--ne-h8-size);
	line-height: 1.3;
	font-weight: 700;
	color: var(--ne-secondary-400);
}

/* ---- Responsive ----------------------------------------------------- */
@media (max-width: 960px) {
	.ne-about-legacy__inner { grid-template-columns: 1fr; gap: var(--ne-space-2xl); }
	.ne-about-legacy__media { order: -1; }
}
@media (max-width: 768px) {
	.ne-about-hero { min-height: 460px; }
	.ne-about-hero__title { font-size: var(--ne-h4-size); line-height: var(--ne-h4-line); }
	.ne-about-people__intro { margin-top: 0; }
}

/* ============================================================= *
 *  Founders — their own card, not a doctor card: three of the six
 *  are non-clinical directors with no doctor record or headshot.
 * ============================================================= */
.ne-founders { align-items: start; }
.ne-founder {
	display: flex;
	flex-direction: column;
	gap: var(--ne-space-xs);
	padding: var(--ne-space-xl);
	background: var(--ne-neutral-100);
	border: 1px solid var(--ne-neutral-200);
	border-radius: 16px;
	height: 100%;
}
.ne-founder__media {
	position: relative;
	width: 76px;
	height: 76px;
	margin-bottom: var(--ne-space-xs);
	border-radius: 50%;
	overflow: hidden;
	background: linear-gradient(135deg, var(--ne-secondary-a10), var(--ne-primary-a10));
}
.ne-founder__media img { width: 100%; height: 100%; object-fit: cover; }
.ne-founder__initials {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--ne-primary-500);
	font-weight: 700;
	font-size: var(--ne-h6-size);
	letter-spacing: .02em;
}
.ne-founder__name { margin: 0; color: var(--ne-primary-500); font-size: var(--ne-h7-size); }
.ne-founder__role { margin: 0; color: var(--ne-secondary-400); font-weight: 600; font-size: var(--ne-b2-size); }
.ne-founder__bio { margin: 0; color: var(--ne-neutral-800); font-size: var(--ne-b2-size); line-height: 1.6; }