.about-page__capabilities,
.about-page__factory {
	scroll-margin-top: 90px;
}

.about-page__capabilities {
	order: 6;
	padding: 88px 0 96px;
	background: #fafafa;
}

.about-page__capabilities-heading {
	max-width: 920px;
	margin: 0 auto 48px;
	text-align: center;
}

.about-page__capabilities-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 32px;
}

.about-page__capabilities-grid article {
	min-height: 360px;
	padding: 42px 34px 38px;
	background: #fff;
	box-shadow: 0 10px 28px rgb(20 31 43 / 4%);
	cursor: pointer;
	transition: box-shadow .2s ease, transform .2s ease;
}

.about-page__capabilities-grid article:hover,
.about-page__capabilities-grid article.is-active {
	box-shadow: 0 18px 38px rgb(20 31 43 / 10%);
	transform: translateY(-4px);
}

.about-page__capabilities-grid article:focus-visible {
	outline: 3px solid var(--accent);
	outline-offset: 4px;
}

.about-page__capability-icon {
	display: block;
	width: 68px;
	height: 68px;
	margin: 0 0 34px;
	color: var(--accent);
}

.about-page__capability-icon svg {
	display: block;
	width: 100%;
	height: 100%;
	overflow: visible;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2.4;
}

.about-page__capabilities-grid h3 {
	margin: 0 0 18px;
	font-size: var(--type-module-title);
	font-weight: var(--type-module-title-weight);
	letter-spacing: var(--type-module-title-letter-spacing);
	line-height: var(--type-module-title-line-height);
}

.about-page__capabilities-grid p {
	margin: 0;
	color: #303943;
	font-size: var(--type-body);
	font-weight: var(--type-body-weight);
	letter-spacing: var(--type-body-letter-spacing);
	line-height: var(--type-body-line-height);
}

.about-page__factory {
	order: 9;
	padding: 56px 0;
	background: #fff;
}

.about-page__factory-heading {
	display: grid;
	grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
	gap: 55px;
	align-items: end;
	margin-bottom: 38px;
}

.about-page__factory-heading h2 {
	max-width: 720px;
}

.about-page__factory-list,
.about-page__factory-gallery figcaption {
	font-size: var(--type-label);
	font-weight: var(--type-label-weight);
	letter-spacing: var(--type-label-letter-spacing);
	line-height: var(--type-label-line-height);
}

.about-page__factory .section-kicker {
	margin-bottom: 12px;
}

.about-page__factory-heading > p {
	margin: 0;
	color: #1d212d;
	font-size: var(--type-lead);
	font-weight: var(--type-lead-weight);
	letter-spacing: var(--type-lead-letter-spacing);
	line-height: var(--type-lead-line-height);
}

.about-page__factory-list {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 28px;
	padding: 0;
	margin: -5px 0 32px;
	color: #1d212d;
	list-style: none;
}

.about-page__factory-list li {
	position: relative;
	padding-left: 16px;
}

.about-page__factory-list li::before {
	position: absolute;
	top: .5em;
	left: 0;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #f18d0e;
	content: '';
}

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

.about-page__factory-gallery figure {
	min-height: 0;
	margin: 0;
	overflow: hidden;
	border-radius: 6px;
	aspect-ratio: 16 / 10;
	background: #e9edef;
}

.about-page__factory-gallery img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .35s ease;
}

.about-page__factory-gallery figure:hover img {
	transform: scale(1.04);
}

.about-page__factory-gallery figcaption {
	padding: 14px 0 0;
	color: #1d212d;
}

@media (max-width: 767px) {
	.about-page__capabilities,
	.about-page__factory {
		padding: 48px 0;
		scroll-margin-top: 75px;
	}

	.about-page__capabilities-heading {
		margin-bottom: 30px;
	}

	.about-page__capabilities-grid {
		grid-template-columns: 1fr;
	}

	.about-page__capabilities-grid article {
		min-height: 0;
		padding: 28px 24px;
	}

	.about-page__capability-icon {
		width: 56px;
		height: 56px;
		margin-bottom: 20px;
	}

	.about-page__capabilities-grid h3 {
		margin-bottom: 11px;
	}

	.about-page__factory-heading {
		grid-template-columns: 1fr;
		gap: 18px;
		margin-bottom: 25px;
	}

	.about-page__factory-list {
		gap: 9px 18px;
		margin-bottom: 24px;
	}

	.about-page__factory-gallery {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.about-page__factory-gallery-main,
	.about-page__factory-gallery figure:not(.about-page__factory-gallery-main) {
		aspect-ratio: 16 / 10;
	}
}
.ginalmp-page-hero.about-page-hero {
	background: linear-gradient(90deg, rgb(3 17 35 / 15%), rgb(3 17 35 / 38%) 50%, rgb(3 17 35 / 15%)), var(--about-hero-image, url('../../images/generated/about-application-exterior.webp')) center / cover;
}