.about-page {
	background: #fff;
}

.about-hero {
	display: flex;
	min-height: 460px;
	align-items: center;
	padding: 90px 0 70px;
	background: #081b2b;
}

.about-hero::after {
	position: absolute;
	inset: 0;
	z-index: -1;
	background: linear-gradient(90deg, rgba(8, 27, 43, 0.96) 0%, rgba(8, 27, 43, 0.74) 48%, rgba(8, 27, 43, 0.18) 100%);
	content: "";
}

.about-hero .info-title,
.about-hero .info-intro,
.about-hero .info-intro *,
.about-hero .info-breadcrumbs,
.about-hero .info-breadcrumbs a,
.about-hero .info-breadcrumbs span {
	color: #fff;
}

.about-hero__bg {
	object-position: center;
}

.about-links {
	padding: 70px 0;
}

.about-links__grid {
	display: grid;
	gap: 58px;
}

.about-link-card {
	display: grid;
	grid-template-columns: 200px minmax(0, 1fr) minmax(320px, 0.82fr);
	gap: 70px;
	align-items: start;
}

.about-link-card--reverse {
	grid-template-columns: minmax(320px, 0.82fr) minmax(0, 1fr) 200px;
}

.about-link-card--reverse .about-link-card__media {
	grid-column: 1;
	grid-row: 1;
}

.about-link-card--reverse .about-link-card__body {
	grid-column: 2;
	grid-row: 1;
}

.about-link-card--reverse .about-link-card__label-wrap {
	grid-column: 3;
	grid-row: 1;
}

.about-link-card__label-wrap {
	padding-top: 2px;
}

.about-link-card__label {
	display: inline-flex;
	width: 100%;
	min-height: 40px;
	align-items: center;
	justify-content: center;
	padding: 9px 18px;
	border-radius: 4px;
	background: #e30000;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	line-height: 130%;
	text-align: center;
	text-decoration: none;
}

.about-link-card__body {
	padding-top: 2px;
}

.about-link-card__body .hd-heading {
	margin-bottom: 14px;
}

.about-link-card__body .hd-copy,
.about-link-card__body .hd-copy * {
	color: #3f4753;
}

.about-link-card__media {
	display: block;
	overflow: hidden;
	aspect-ratio: 1.78;
	background: #081b2b;
}

.about-link-card__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.about-links__grid .hd-motion-mask .about-link-card__body .hd-heading.hd-heading--item {
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    margin-bottom: 12px;
}
.about-links__grid .hd-motion-mask .about-link-card__body  .hd-copy.hd-copy--item, .about-links__grid .hd-motion-mask .about-link-card__body  .hd-copy.hd-copy--item * {
    color: #3D424A;
}

@media (max-width: 1024px) {
	.about-link-card,
	.about-link-card--reverse {
		grid-template-columns: 140px minmax(0, 1fr);
		gap: 28px;
	}

	.about-link-card .about-link-card__media,
	.about-link-card--reverse .about-link-card__media {
		grid-column: 1 / -1;
		grid-row: auto;
	}

	.about-link-card .about-link-card__body,
	.about-link-card--reverse .about-link-card__body {
		grid-column: 2;
		grid-row: auto;
	}

	.about-link-card .about-link-card__label-wrap,
	.about-link-card--reverse .about-link-card__label-wrap {
		grid-column: 1;
		grid-row: auto;
	}
}

@media (max-width: 640px) {
	.about-hero {
		min-height: 420px;
	}

	.about-link-card,
	.about-link-card--reverse {
		grid-template-columns: 1fr;
		gap: 18px;
	}

	.about-link-card .about-link-card__label-wrap,
	.about-link-card .about-link-card__body,
	.about-link-card .about-link-card__media,
	.about-link-card--reverse .about-link-card__label-wrap,
	.about-link-card--reverse .about-link-card__body,
	.about-link-card--reverse .about-link-card__media {
		grid-column: 1;
	}

	.about-link-card__label {
		width: auto;
		min-width: 150px;
	}
}
