/*
 * About page.
 * UX Builder controls structure and responsive typography.
 * This file supplies the visual identity and component states only.
 */

.page-id-18 #main,
.page-id-18 .page-wrapper,
.page-id-18 .page-inner {
	background: var(--ahr-color-surface-dark);
	color: var(--ahr-color-white);
	padding: 0;
}

.page-id-18 .entry-header {
	display: none;
}

.page-id-18 .ahr-about-page,
.page-id-18 .ahr-about-section {
	direction: rtl;
}

.page-id-18 .ahr-about-section {
	background: var(--ahr-color-surface-dark);
	border-bottom: 1px solid var(--ahr-color-border-subtle);
	color: var(--ahr-color-white);
}

.page-id-18 .ahr-about-section > .section-content,
.page-id-18 .ahr-about-hero > .section-content {
	margin-inline: auto;
	max-width: none;
}

.page-id-18 .ahr-about-section .row {
	max-width: var(--ahr-content-width);
}

.page-id-18 .ahr-about-hero-banner .overlay {
	background:
		linear-gradient(
			90deg,
			color-mix(in srgb, var(--ahr-color-surface-dark) 92%, transparent),
			color-mix(in srgb, var(--ahr-color-surface-dark) 62%, transparent) 52%,
			color-mix(in srgb, var(--ahr-color-surface-dark) 26%, transparent)
		) !important;
}

.page-id-18 .ahr-about-hero-content {
	z-index: 2;
}

.page-id-18 .ahr-about-eyebrow,
.page-id-18 .ahr-about-eyebrow > * {
	color: var(--ahr-color-accent) !important;
	font-family: var(--ahr-font-heading);
	font-size: 0.78rem;
	font-weight: var(--ahr-font-weight-heading);
	letter-spacing: 2px;
	margin-bottom: 14px;
}

.page-id-18 .ahr-about-hero-title {
	color: var(--ahr-color-white) !important;
	font-family: var(--ahr-font-heading);
	font-size: 1em;
	font-weight: var(--ahr-font-weight-heading);
	letter-spacing: -2px;
	margin-bottom: 22px;
}

.page-id-18 .ahr-about-hero-title::after {
	background: var(--ahr-color-accent);
	content: "";
	display: block;
	height: 3px;
	margin-top: 22px;
	width: 72px;
}

.page-id-18 .ahr-about-hero-lead {
	color: var(--ahr-color-white) !important;
	font-family: var(--ahr-font-body);
	font-size: 1.05rem;
	line-height: 1.9;
	margin-bottom: 28px;
	max-width: 620px;
	opacity: 0.82;
}

.page-id-18 .ahr-about-hero-button {
	margin-bottom: 0;
}

.page-id-18 .ahr-about-section h2,
.page-id-18 .ahr-about-section h3,
.page-id-18 .ahr-about-section strong {
	font-family: var(--ahr-font-heading);
}

.page-id-18 .ahr-about-section h2 {
	color: var(--ahr-color-white);
	font-size: 1em;
	font-weight: var(--ahr-font-weight-heading);
	letter-spacing: -1.5px;
	margin-bottom: 24px;
}

.page-id-18 .ahr-about-section h3 {
	color: var(--ahr-color-white);
	font-weight: var(--ahr-font-weight-heading);
}

.page-id-18 .ahr-about-section p {
	color: var(--ahr-color-text-muted);
	font-family: var(--ahr-font-body);
}

.page-id-18 .ahr-about-story p:not(.ahr-about-eyebrow) {
	margin-bottom: 18px;
	max-width: 760px;
}

.page-id-18 .ahr-about-vision-card {
	background:
		radial-gradient(
			circle at 85% 12%,
			color-mix(in srgb, var(--ahr-color-accent) 14%, transparent),
			transparent 46%
		),
		var(--ahr-color-surface-card);
	border: 1px solid var(--ahr-color-border);
	border-radius: 22px;
	padding: 42px;
	position: relative;
}

.page-id-18 .ahr-about-vision-card::after {
	background: var(--ahr-color-accent);
	border-radius: var(--ahr-radius-pill);
	content: "";
	height: 4px;
	inset: auto 42px -2px;
	position: absolute;
}

.page-id-18 .ahr-about-vision-mark {
	color: var(--ahr-color-accent);
	display: inline-block;
	font-family: var(--ahr-font-heading);
	font-size: 0.75rem;
	margin-bottom: 18px;
}

.page-id-18 .ahr-about-vision-card h3 {
	font-size: 1.25rem;
	line-height: 1.9;
	margin-bottom: 18px;
}

.page-id-18 .ahr-about-vision-card p {
	font-size: 0.92rem;
	margin-bottom: 0;
}

.page-id-18 .ahr-about-history,
.page-id-18 .ahr-about-board {
	background:
		radial-gradient(
			circle at 50% 0,
			color-mix(in srgb, var(--ahr-color-orange) 8%, transparent),
			transparent 34%
		),
		var(--ahr-color-surface-dark);
}

.page-id-18 .ahr-about-anchor {
	display: block;
	position: relative;
	top: -110px;
	visibility: hidden;
}

.page-id-18 .ahr-about-section-heading {
	margin: 0 auto 52px;
	max-width: 780px;
}

.page-id-18 .ahr-about-section-heading h2 {
	margin-bottom: 14px;
}

.page-id-18 .ahr-about-section-heading > p:last-child {
	font-size: 1rem;
	line-height: 1.85;
	margin: 0 auto;
	max-width: 650px;
}

.page-id-18 .ahr-about-timeline-card {
	background: var(--ahr-color-surface-card);
	border: 1px solid var(--ahr-color-border-subtle);
	border-radius: 18px;
	height: 100%;
	min-height: 270px;
	overflow: hidden;
	padding: 30px 26px;
	position: relative;
	transition:
		transform var(--ahr-transition-card),
		border-color var(--ahr-transition-card),
		box-shadow var(--ahr-transition-card);
}

.page-id-18 .ahr-about-timeline-card::before {
	background: var(--ahr-color-accent);
	content: "";
	height: 3px;
	inset: 0 0 auto;
	position: absolute;
}

.page-id-18 .ahr-about-timeline-card:hover {
	border-color: var(--ahr-color-border);
	box-shadow: var(--ahr-card-shadow-hover);
	transform: translateY(var(--ahr-card-lift));
}

.page-id-18 .ahr-about-year {
	color: var(--ahr-color-accent);
	display: block;
	font-size: 1.35rem;
	margin-bottom: 28px;
}

.page-id-18 .ahr-about-timeline-card h3 {
	font-size: 1.08rem;
	margin-bottom: 14px;
}

.page-id-18 .ahr-about-timeline-card p {
	font-size: 0.92rem;
	line-height: 1.85;
	margin-bottom: 0;
}

.page-id-18 .ahr-about-founders {
	background: var(--ahr-color-surface-card);
}

.page-id-18 .ahr-about-founders-copy p:last-child,
.page-id-18 .ahr-about-culture-copy p:last-child {
	font-size: 1rem;
	line-height: 1.9;
}

.page-id-18 .ahr-about-founders-list {
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.page-id-18 .ahr-about-founders-list span {
	align-items: center;
	background: var(--ahr-color-surface-dark);
	border: 1px solid var(--ahr-color-border-subtle);
	border-radius: 14px;
	color: var(--ahr-color-white);
	display: flex;
	font-family: var(--ahr-font-body);
	font-size: 0.94rem;
	line-height: 1.6;
	min-height: 64px;
	padding: 12px 18px;
}

.page-id-18 .ahr-about-founders-list span::before {
	background: var(--ahr-color-accent);
	border-radius: 50%;
	content: "";
	flex: 0 0 7px;
	height: 7px;
	margin-left: 12px;
	width: 7px;
}

.page-id-18 .ahr-about-culture .img-inner,
.page-id-18 .ahr-about-board-image .img-inner {
	border: 1px solid var(--ahr-color-border);
	border-radius: 22px;
	overflow: hidden;
}

.page-id-18 .ahr-about-culture .img-inner {
	box-shadow:
		-18px 18px 0 color-mix(in srgb, var(--ahr-color-accent) 10%, transparent);
}

.page-id-18 .ahr-about-values {
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-top: 32px;
}

.page-id-18 .ahr-about-values article {
	background: var(--ahr-color-surface-card);
	border: 1px solid var(--ahr-color-border-subtle);
	border-radius: 14px;
	min-height: 126px;
	padding: 22px;
	transition:
		border-color var(--ahr-transition-fast),
		transform var(--ahr-transition-fast);
}

.page-id-18 .ahr-about-values article:hover {
	border-color: var(--ahr-color-border);
	transform: translateY(-3px);
}

.page-id-18 .ahr-about-values strong {
	color: var(--ahr-color-accent);
	display: block;
	font-size: 0.98rem;
	margin-bottom: 10px;
}

.page-id-18 .ahr-about-values span {
	color: var(--ahr-color-text-muted);
	font-family: var(--ahr-font-body);
	font-size: 0.88rem;
	line-height: 1.7;
}

.page-id-18 .ahr-about-board-image {
	margin-inline: auto;
}

.page-id-18 .ahr-about-board-grid {
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.page-id-18 .ahr-about-board-grid article {
	background: var(--ahr-color-surface-card);
	border: 1px solid var(--ahr-color-border-subtle);
	border-radius: 14px;
	min-height: 96px;
	padding: 20px;
	transition:
		border-color var(--ahr-transition-fast),
		box-shadow var(--ahr-transition-fast);
}

.page-id-18 .ahr-about-board-grid article:hover {
	border-color: var(--ahr-color-border);
	box-shadow: 0 12px 35px rgb(0 0 0 / 34%);
}

.page-id-18 .ahr-about-board-grid .ahr-about-board-leader {
	background:
		linear-gradient(
			120deg,
			color-mix(in srgb, var(--ahr-color-orange) 10%, transparent),
			transparent 55%
		),
		var(--ahr-color-surface-card);
	border-color: var(--ahr-color-border);
	grid-column: 1 / -1;
}

.page-id-18 .ahr-about-board-grid span {
	color: var(--ahr-color-accent);
	display: block;
	font-family: var(--ahr-font-body);
	font-size: 0.8rem;
	margin-bottom: 8px;
}

.page-id-18 .ahr-about-board-grid strong {
	color: var(--ahr-color-white);
	display: block;
	font-size: 0.96rem;
	line-height: 1.6;
}

.page-id-18 .ahr-about-cta {
	background:
		radial-gradient(
			circle at 50% 105%,
			color-mix(in srgb, var(--ahr-color-accent) 16%, transparent),
			transparent 44%
		),
		var(--ahr-color-surface-card);
}

.page-id-18 .ahr-about-cta-copy {
	margin-bottom: 26px;
}

.page-id-18 .ahr-about-cta-copy h2 {
	margin-bottom: 16px;
}

.page-id-18 .ahr-about-cta-copy p:last-child {
	font-size: 1rem;
	line-height: 1.85;
	margin-inline: auto;
	max-width: 720px;
}

.page-id-18 .ahr-about-cta .button {
	margin: 6px;
	min-width: 180px;
	text-transform: none;
}

@media (max-width: 849px) {
	.page-id-18 .ahr-about-hero-banner .overlay {
		background:
			linear-gradient(
				90deg,
				color-mix(in srgb, var(--ahr-color-surface-dark) 88%, transparent),
				color-mix(in srgb, var(--ahr-color-surface-dark) 54%, transparent)
			) !important;
	}

	.page-id-18 .ahr-about-vision-card {
		padding: 32px;
	}

	.page-id-18 .ahr-about-timeline-card {
		min-height: 235px;
	}

	.page-id-18 .ahr-about-culture .img-inner {
		box-shadow:
			-10px 10px 0 color-mix(in srgb, var(--ahr-color-accent) 9%, transparent);
	}
}

@media (max-width: 549px) {
	.page-id-18 .ahr-about-hero-banner .overlay {
		background: color-mix(
			in srgb,
			var(--ahr-color-surface-dark) 76%,
			transparent
		) !important;
	}

	.page-id-18 .ahr-about-hero-content,
	.page-id-18 .ahr-about-hero-content p,
	.page-id-18 .ahr-about-hero-content h1 {
		text-align: center !important;
	}

	.page-id-18 .ahr-about-hero-title {
		letter-spacing: -0.8px;
	}

	.page-id-18 .ahr-about-hero-title::after {
		margin-inline: auto;
	}

	.page-id-18 .ahr-about-hero-lead {
		font-size: 0.94rem;
		line-height: 1.8;
		margin-inline: auto;
	}

	.page-id-18 .ahr-about-eyebrow,
	.page-id-18 .ahr-about-eyebrow > * {
		font-size: 0.7rem;
		letter-spacing: 1.4px;
	}

	.page-id-18 .ahr-about-vision-card {
		margin-top: 24px;
		padding: 28px 24px;
	}

	.page-id-18 .ahr-about-section-heading {
		margin-bottom: 36px;
	}

	.page-id-18 .ahr-about-timeline-card {
		min-height: 0;
		padding: 26px 22px;
	}

	.page-id-18 .ahr-about-year {
		margin-bottom: 20px;
	}

	.page-id-18 .ahr-about-founders-copy,
	.page-id-18 .ahr-about-culture-copy {
		margin-bottom: 30px;
	}

	.page-id-18 .ahr-about-founders-list,
	.page-id-18 .ahr-about-values,
	.page-id-18 .ahr-about-board-grid {
		grid-template-columns: 1fr;
	}

	.page-id-18 .ahr-about-founders-list span {
		min-height: 58px;
	}

	.page-id-18 .ahr-about-culture .img-inner {
		box-shadow:
			-7px 7px 0 color-mix(in srgb, var(--ahr-color-accent) 8%, transparent);
	}

	.page-id-18 .ahr-about-culture-media {
		margin-bottom: 38px;
	}

	.page-id-18 .ahr-about-board-image {
		margin-bottom: 34px;
	}

	.page-id-18 .ahr-about-board-grid .ahr-about-board-leader {
		grid-column: auto;
	}

	.page-id-18 .ahr-about-cta .button {
		display: block;
		margin: 10px auto;
		max-width: 260px;
		width: 100%;
	}
}