.astro-about {
	min-block-size: calc(100vh - 72px);
}

.astro-about__intro {
	position: relative;
	isolation: isolate;
	color: var(--astro-color-paper);
	background:
		linear-gradient(118deg, rgb(0 85 165 / 34%), transparent 46%),
		var(--astro-color-graphite);
}

.astro-about__intro::after {
	position: absolute;
	z-index: -1;
	inset-inline: 0;
	inset-block-end: 0;
	block-size: 1px;
	background: var(--astro-color-action);
	content: "";
}

.astro-breadcrumbs {
	display: flex;
	flex-wrap: wrap;
	gap: var(--astro-space-2);
	align-items: center;
	min-block-size: 44px;
	padding-block: var(--astro-space-3);
	border-block-end: 1px solid var(--astro-technical-line);
	font-family: var(--astro-font-mono);
	font-size: .7rem;
}

.astro-breadcrumbs :where(a, span) {
	color: var(--astro-color-steel);
	text-decoration: none;
}

.astro-breadcrumbs a {
	display: inline-flex;
	align-items: center;
	min-block-size: 44px;
}

.astro-breadcrumbs a:hover,
.astro-breadcrumbs a:focus-visible {
	color: var(--astro-color-action);
}

.astro-editorial-hero {
	display: grid;
	grid-template-rows: 1fr auto;
	gap: clamp(var(--astro-space-8), 7vw, var(--astro-space-16));
	min-block-size: clamp(30rem, 66vh, 47rem);
	padding-block: clamp(var(--astro-space-10), 8vw, var(--astro-space-20));
}

.astro-editorial-hero__copy {
	align-self: center;
}

.astro-kicker {
	margin: 0;
	color: var(--astro-color-action);
	font-family: var(--astro-font-mono);
	font-size: .7rem;
	font-weight: 700;
	letter-spacing: .09em;
	text-transform: uppercase;
}

.astro-editorial-hero h1 {
	max-inline-size: 16ch;
	margin-block: var(--astro-space-4) var(--astro-space-6);
	color: var(--astro-color-paper);
	font-size: clamp(3rem, 2rem + 5vw, 7.5rem);
	font-weight: 560;
	letter-spacing: -.06em;
	line-height: .9;
	text-wrap: balance;
}

.astro-editorial-hero__copy > p:last-child {
	max-inline-size: 58ch;
	margin: 0;
	color: var(--astro-color-steel);
	font-size: clamp(1.05rem, .95rem + .55vw, 1.55rem);
}

.astro-editorial-hero__measure {
	display: grid;
	grid-template-columns: 1fr 1.75fr .6fr .25fr;
	gap: var(--astro-space-2);
}

.astro-editorial-hero__measure span {
	block-size: .35rem;
	background: var(--astro-technical-line);
}

.astro-editorial-hero__measure span:nth-child(2) {
	background: var(--astro-color-action);
}

.astro-about__body {
	padding-block: var(--astro-section-space);
	background: var(--astro-color-paper);
}

.astro-about__body-grid {
	display: grid;
	grid-template-columns: minmax(18rem, .85fr) minmax(0, 1.15fr);
	gap: clamp(2rem, 7vw, 8rem);
	align-items: start;
}

.astro-about__mark {
	display: grid;
	place-content: center;
	aspect-ratio: 1;
	min-block-size: 22rem;
	padding: var(--astro-space-8);
	color: var(--astro-color-paper);
	background: var(--astro-color-graphite);
	text-align: center;
}

.astro-about__mark strong {
	font-size: clamp(3rem, 7vw, 7rem);
	font-weight: 760;
	letter-spacing: -.07em;
	line-height: .8;
}

.astro-about__mark small {
	margin-block-start: var(--astro-space-4);
	color: var(--astro-color-steel);
	font-family: var(--astro-font-mono);
	font-size: .75rem;
	letter-spacing: .24em;
}

.astro-about__narrative {
	max-inline-size: var(--astro-reading-measure);
}

.astro-about__statement {
	margin: 0;
	font-size: clamp(1.6rem, 1.15rem + 1.5vw, 3rem);
	font-weight: 560;
	letter-spacing: -.04em;
	line-height: 1.06;
}

.astro-about__content {
	margin-block-start: var(--astro-space-12);
}

.astro-about__content :where(h2, h3) {
	margin-block: 0 var(--astro-space-4);
	color: var(--astro-color-ink);
	font-size: clamp(1.5rem, 1.2rem + .9vw, 2.25rem);
	line-height: 1.08;
}

.astro-about__content :where(h2, h3):not(:first-child) {
	margin-block-start: var(--astro-space-12);
}

.astro-about__content :where(p, li) {
	font-size: clamp(1rem, .96rem + .18vw, 1.125rem);
	line-height: 1.7;
}

.astro-about__trust {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: var(--astro-space-6);
	align-items: end;
	margin-block-start: var(--astro-space-12);
	padding-block-start: var(--astro-space-6);
	border-block-start: 1px solid var(--astro-color-line);
}

.astro-about__trust p {
	margin: 0;
	color: var(--astro-color-muted-on-light);
	line-height: 1.55;
}

.astro-about__trust a {
	display: inline-flex;
	gap: var(--astro-space-2);
	align-items: center;
	min-block-size: 44px;
	color: #0055a5;
	font-weight: 700;
	text-decoration-color: var(--astro-color-action);
	text-underline-offset: .3em;
}

.astro-about__principles {
	padding-block: var(--astro-section-space);
	color: var(--astro-color-ink);
	background: var(--astro-color-mineral);
}

.astro-about__principles h2 {
	max-inline-size: 18ch;
	margin-block: var(--astro-space-4) 0;
	color: var(--astro-color-ink);
	font-size: clamp(2.2rem, 1.45rem + 2.7vw, 4.75rem);
	font-weight: 560;
	letter-spacing: -.05em;
	line-height: .95;
}

.astro-about__principle-columns {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(var(--astro-space-8), 6vw, var(--astro-space-16));
	padding-block-start: var(--astro-space-16);
}

.astro-about__principle-columns > section {
	padding-block-start: var(--astro-space-4);
	border-block-start: 1px solid var(--astro-color-ink);
}

.astro-about__principle-columns > section > span {
	color: var(--astro-color-action-on-light);
	font-family: var(--astro-font-mono);
	font-size: .7rem;
}

.astro-about__principle-columns h3 {
	margin-block: var(--astro-space-6) var(--astro-space-8);
	color: var(--astro-color-ink);
	font-size: clamp(1.5rem, 1.2rem + 1vw, 2.4rem);
	line-height: 1.05;
}

.astro-about__principle-columns ul {
	display: grid;
	gap: var(--astro-space-6);
	padding-inline-start: 1.25rem;
	margin: 0;
}

.astro-about__principle-columns li {
	padding-inline-start: var(--astro-space-2);
	color: var(--astro-color-muted-on-light);
	font-size: clamp(1rem, .92rem + .35vw, 1.25rem);
	line-height: 1.55;
}

.astro-related {
	padding-block: var(--astro-section-space);
}

.astro-related > header {
	padding-block-end: var(--astro-space-8);
	border-block-end: 1px solid var(--astro-color-line);
}

.astro-related h2 {
	max-inline-size: 18ch;
	margin-block: var(--astro-space-4) 0;
	color: var(--astro-color-ink);
	font-size: clamp(2.2rem, 1.45rem + 2.7vw, 4.75rem);
	line-height: .95;
}

.astro-related ol {
	padding: 0;
	margin: 0;
	list-style: none;
}

.astro-related li {
	border-block-end: 1px solid var(--astro-color-line);
}

.astro-related a {
	display: grid;
	grid-template-columns: 2.5rem minmax(0, 1fr) auto;
	gap: var(--astro-space-4);
	align-items: center;
	min-block-size: 4.5rem;
	padding-block: var(--astro-space-6);
	color: var(--astro-color-ink);
	text-decoration: none;
}

.astro-related a:hover,
.astro-related a:focus-visible {
	padding-inline: var(--astro-space-4);
	color: #0055a5;
	background: var(--astro-color-mineral);
}

.astro-conversion {
	display: grid;
	grid-template-columns: minmax(0, 1.2fr) minmax(18rem, .8fr);
	gap: var(--astro-space-10);
	margin-block-end: var(--astro-section-space) !important;
	padding: clamp(var(--astro-space-8), 6vw, var(--astro-space-16));
	color: var(--astro-color-paper);
	background: var(--astro-color-graphite);
}

.astro-conversion h2 {
	max-inline-size: 18ch;
	margin-block: var(--astro-space-4) 0;
	font-size: clamp(2rem, 1.3rem + 2.6vw, 4.25rem);
	line-height: .98;
}

.astro-conversion__actions {
	display: grid;
	align-content: end;
	gap: var(--astro-space-3);
}

.astro-conversion__actions a {
	display: flex;
	align-items: center;
	min-block-size: 3.25rem;
	padding-block: var(--astro-space-3);
	border-block-end: 1px solid var(--astro-technical-line);
	color: var(--astro-color-paper);
	text-decoration: none;
}

.astro-conversion__actions .astro-conversion__primary {
	justify-content: center;
	min-block-size: 3.25rem;
	padding-inline: var(--astro-space-4);
	border: 1px solid var(--astro-color-action);
	color: var(--astro-color-ink);
	background: var(--astro-color-action);
	font-weight: 750;
}

@media (max-width: 47.99rem) {
	.astro-editorial-hero {
		min-block-size: auto;
	}

	.astro-about__body-grid,
	.astro-about__principle-columns,
	.astro-conversion {
		grid-template-columns: minmax(0, 1fr);
	}

	.astro-about__mark {
		aspect-ratio: 4 / 3;
		min-block-size: 0;
	}

	.astro-about__trust {
		grid-template-columns: minmax(0, 1fr);
	}

	.astro-editorial-hero h1 {
		font-size: clamp(2.65rem, 13vw, 4.25rem);
	}

	.astro-related a {
		grid-template-columns: 2rem minmax(0, 1fr) auto;
	}
}

@media (prefers-reduced-motion: no-preference) {
	.astro-about__body-grid,
	.astro-related li,
	.astro-conversion {
		animation: astro-editorial-reveal 420ms var(--astro-ease-standard) both;
	}

	@keyframes astro-editorial-reveal {
		from {
			opacity: 0;
			transform: translateY(1rem);
		}
		to {
			opacity: 1;
			transform: translateY(0);
		}
	}
}