:root {
	--about-yellow: #f5b400;
	--about-dark: #060a10;
	--about-panel: #111823;
	--about-ink: #111827;
	--about-muted: #5d6877;
	--about-soft: #f5f7fa;
	--about-border: #e5e7eb;
	--about-white: #fff;
}

body.amatum-about-page {
	margin: 0;
	background: var(--about-dark);
	color: var(--about-ink);
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	overflow-x: hidden;
}

body.amatum-about-page *,
body.amatum-about-page *::before,
body.amatum-about-page *::after {
	box-sizing: border-box;
}

body.amatum-about-page .site,
body.amatum-about-page .site-content,
body.amatum-about-page .ast-container,
body.amatum-about-page #content,
body.amatum-about-page #page,
body.amatum-about-page #primary,
body.amatum-about-page .site-main {
	width: 100%;
	max-width: none;
	margin: 0 !important;
	padding: 0 !important;
}

body.amatum-about-page .entry-header,
body.amatum-about-page .page .entry-header,
body.amatum-about-page .ast-article-single > .entry-header {
	display: none;
}

body.amatum-about-page .entry-content,
body.amatum-about-page .entry-content > *,
body.amatum-about-page .ast-article-single {
	max-width: none;
	margin: 0;
	padding: 0;
}

body.amatum-about-page .amatum-site-main {
	margin: 0 !important;
	padding: 0 !important;
	background: var(--about-dark);
	font-size: 0;
	line-height: 0;
}

body.amatum-about-page .amatum-site-main > * {
	font-size: 16px;
	line-height: 1.65;
}

body.amatum-about-page .amatum-container {
	width: 100%;
	max-width: none;
	padding-inline: clamp(18px, 4.8vw, 80px);
}

.about-hero {
	position: relative;
	isolation: isolate;
	background:
		radial-gradient(circle at 76% 12%, rgba(245,180,0,.2), transparent 35%),
		linear-gradient(135deg, #060a10 0%, #0b111a 56%, #17140a 100%);
	color: var(--about-white);
	overflow: hidden;
}

.about-hero::before,
.about-story::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background:
		linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px),
		linear-gradient(180deg, rgba(255,255,255,.035) 1px, transparent 1px);
	background-size: 72px 72px;
	mask-image: radial-gradient(circle at 50% 42%, #000 0%, transparent 66%);
}

.about-hero__grid,
.about-split,
.about-story__grid,
.about-cta__grid {
	display: grid;
	grid-template-columns: minmax(0, .98fr) minmax(320px, .58fr);
	gap: clamp(30px, 5vw, 86px);
	align-items: center;
}

.about-hero__grid {
	min-height: 650px;
	padding-block: clamp(76px, 9vw, 138px);
}

.about-hero h1,
.about-section h2,
.about-cta h2 {
	margin: 0;
	letter-spacing: 0;
	line-height: 1.04;
}

.about-hero h1 {
	max-width: 1020px;
	color: var(--about-white);
	font-size: clamp(42px, 5.7vw, 86px);
}

.about-hero h1 span {
	display: block;
	color: var(--about-yellow);
}

.about-hero p {
	max-width: 760px;
	margin: 24px 0 0;
	color: #d8dde5;
	font-size: clamp(17px, 1.45vw, 21px);
	line-height: 1.72;
}

.about-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin-top: 34px;
}

.about-identity-card {
	padding: clamp(22px, 3vw, 34px);
	border: 1px solid rgba(255,255,255,.14);
	border-radius: 14px;
	background:
		linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.03)),
		rgba(255,255,255,.04);
	box-shadow: 0 34px 90px rgba(0,0,0,.34);
}

.about-identity-card__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 18px;
	padding-bottom: 18px;
	border-bottom: 1px solid rgba(255,255,255,.12);
}

.about-identity-card__top span,
.about-identity-card li span {
	color: var(--about-yellow);
	font-size: 13px;
	font-weight: 950;
	text-transform: uppercase;
}

.about-identity-card__top strong {
	color: var(--about-white);
	font-size: clamp(24px, 2vw, 32px);
}

.about-identity-card ul {
	display: grid;
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.about-identity-card li {
	display: grid;
	grid-template-columns: 46px 1fr;
	grid-template-rows: auto auto;
	gap: 12px;
	padding: 16px;
	border: 1px solid rgba(255,255,255,.12);
	border-radius: 8px;
	background: rgba(255,255,255,.045);
}

.about-identity-card li span {
	grid-row: 1 / 3;
}

.about-identity-card li strong {
	grid-column: 2;
	color: var(--about-white);
	font-size: 18px;
	line-height: 1.2;
}

.about-identity-card li em {
	grid-column: 2;
	margin-top: 4px;
	color: #b7c0cc;
	font-style: normal;
	line-height: 1.35;
}

.about-section {
	padding-block: clamp(62px, 8vw, 112px);
}

.about-intro,
.about-education {
	background:
		radial-gradient(circle at 86% 14%, rgba(245,180,0,.11), transparent 30%),
		linear-gradient(180deg, #fff 0%, #f7f9fc 100%);
}

.about-story {
	position: relative;
	isolation: isolate;
	background:
		radial-gradient(circle at 86% 2%, rgba(245,180,0,.14), transparent 32%),
		linear-gradient(135deg, #060a10 0%, #0b111a 58%, #11140f 100%);
	color: var(--about-white);
	overflow: hidden;
}

.about-samuel {
	background: #fff;
}

.about-team,
.about-why {
	background: var(--about-soft);
}

.about-section h2,
.about-cta h2,
.about-heading h2 {
	max-width: 980px;
	font-size: clamp(32px, 4vw, 60px);
}

.about-section p,
.about-cta p,
.about-heading p {
	max-width: 900px;
	color: var(--about-muted);
	font-size: 17px;
	line-height: 1.75;
}

.about-story .amatum-eyebrow,
.about-story h2 {
	color: var(--about-white);
}

.about-story p {
	color: #c9d2dd;
}

.about-note-card,
.about-profile-card,
.about-principle-list article,
.about-feature-grid article,
.about-benefit-grid article {
	border: 1px solid var(--about-border);
	border-radius: 12px;
	background: var(--about-white);
	box-shadow: 0 18px 55px rgba(17,24,39,.06);
}

.about-note-card,
.about-profile-card {
	padding: clamp(24px, 3vw, 36px);
}

.about-note-card h3,
.about-profile-card h3,
.about-feature-grid h3,
.about-benefit-grid h3 {
	margin: 0 0 14px;
	color: var(--about-ink);
	font-size: 24px;
	line-height: 1.2;
}

.about-story blockquote {
	margin: 0;
	padding: clamp(26px, 3vw, 38px);
	border: 1px solid rgba(255,255,255,.14);
	border-radius: 14px;
	background: rgba(255,255,255,.06);
	box-shadow: 0 26px 70px rgba(0,0,0,.28);
}

.about-story blockquote p {
	margin: 0;
	color: var(--about-white);
	font-size: clamp(24px, 2.4vw, 34px);
	font-weight: 850;
	line-height: 1.28;
}

.about-story cite {
	display: block;
	margin-top: 20px;
	color: var(--about-yellow);
	font-style: normal;
	font-weight: 900;
}

.about-profile-card {
	background:
		linear-gradient(145deg, rgba(245,180,0,.12), transparent 46%),
		var(--about-white);
}

.about-profile-card > span {
	display: inline-flex;
	margin-bottom: 18px;
	padding: 7px 10px;
	border-radius: 999px;
	background: var(--about-yellow);
	color: var(--about-ink);
	font-size: 12px;
	font-weight: 950;
	text-transform: uppercase;
}

.about-heading {
	display: grid;
	gap: 12px;
	margin-bottom: 34px;
}

.about-feature-grid,
.about-benefit-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

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

.about-feature-grid article,
.about-benefit-grid article,
.about-principle-list article {
	padding: clamp(22px, 2.4vw, 30px);
}

.about-feature-grid span {
	display: block;
	margin-bottom: 18px;
	color: var(--about-yellow);
	font-weight: 950;
}

.about-principle-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.about-principle-list span {
	display: block;
	margin-bottom: 12px;
	color: var(--about-yellow);
	font-size: 13px;
	font-weight: 950;
	text-transform: uppercase;
}

.about-principle-list strong {
	color: var(--about-ink);
	font-size: 18px;
	line-height: 1.25;
}

.about-cta {
	padding-block: clamp(54px, 7vw, 82px);
	background:
		linear-gradient(135deg, rgba(0,0,0,.12), transparent 45%),
		var(--about-yellow);
	color: var(--about-ink);
}

.about-cta__grid {
	grid-template-columns: minmax(0, 1fr) auto;
}

.about-cta p,
.about-cta .amatum-eyebrow {
	color: var(--about-ink);
}

.about-mission {
	background: #fff;
}

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

.about-mission-grid article {
	padding: clamp(24px, 3vw, 34px);
	border: 1px solid #e5e7eb;
	border-radius: 18px;
	background: linear-gradient(180deg, #fff, #f8fafc);
	box-shadow: 0 18px 42px rgba(17,24,39,.06);
}

.about-mission-grid h3 {
	margin: 0 0 12px;
	color: var(--about-ink);
	font-size: clamp(22px, 2.2vw, 30px);
	line-height: 1.12;
}

.about-mission-grid p {
	margin: 0;
	color: #4b5563;
	line-height: 1.75;
}

@media (max-width: 1180px) {
	.about-feature-grid,
	.about-benefit-grid,
	.about-mission-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 900px) {
	.about-hero__grid,
	.about-split,
	.about-story__grid,
	.about-cta__grid {
		grid-template-columns: 1fr;
	}

	.about-hero__grid {
		min-height: auto;
	}
}

@media (max-width: 680px) {
	body.amatum-about-page .amatum-container {
		padding-inline: 18px;
	}

	.about-hero h1 {
		font-size: 39px;
	}

	.about-actions {
		align-items: stretch;
		flex-direction: column;
	}

	.about-actions .amatum-btn,
	.about-cta .amatum-btn {
		width: 100%;
	}

	.about-feature-grid,
	.about-benefit-grid,
	.about-mission-grid,
	.about-principle-list {
		grid-template-columns: 1fr;
	}

	.about-identity-card li {
		grid-template-columns: 38px 1fr;
	}
}