.production-quality {
	background: var(--color-white);
	padding-block: var(--space-9);
}

.production-quality__subtitle {
	max-width: 640px;
	margin-top: calc(-1 * var(--space-3));
	margin-bottom: var(--space-6);
	font-weight: 400;
	font-size: 14px;
	color: #151515;
	line-height: 105%;
	letter-spacing: 0%;

}

.production-quality__items {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--space-5);
	margin-bottom: var(--space-6);
}

.production-quality-item {
	background: var(--color-light-bg);
	padding: var(--space-6) var(--space-5);
}

.production-quality-item h3 {
	margin-bottom: var(--space-2);
	font-weight: 400;
	font-size: 24px;
	line-height: 105%;
	letter-spacing: 0%;
}

.production-quality-item p {
	font-weight: 400;
	font-size: 14px;
	letter-spacing: 0%;
	color: #151515;
	line-height: 105%;
	letter-spacing: 0%;
}

.production-quality__mosaic {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr 1fr;
	grid-template-areas:
		"left mid-a right"
		"left mid-b right"
		"left mid-c right";
	gap: var(--space-3);
	height: 720px;
	margin-bottom: var(--space-7);
}

.production-quality__mosaic-left {
	grid-area: left;
}

.production-quality__mosaic-right {
	grid-area: right;
}

.production-quality__mosaic-mid-a {
	grid-area: mid-a;
}

.production-quality__mosaic-mid-b {
	grid-area: mid-b;
}

.production-quality__mosaic-mid-c {
	grid-area: mid-c;
}

.production-quality__mosaic-left,
.production-quality__mosaic-right,
.production-quality__mosaic-mid-a,
.production-quality__mosaic-mid-b,
.production-quality__mosaic-mid-c {
	overflow: hidden;
}

.production-quality__mosaic-left .aspegon-media,
.production-quality__mosaic-right .aspegon-media,
.production-quality__mosaic-mid-a .aspegon-media,
.production-quality__mosaic-mid-b .aspegon-media,
.production-quality__mosaic-mid-c .aspegon-media {
	height: 100%;
}

.production-quality__cta {
	text-align: center;
}

.production-quality__apoem-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 220px;
	padding: var(--space-3) var(--space-6);
	border: 1px solid var(--color-text-dark);
	color: var(--color-text-dark);
	font-weight: 400;
	font-size: 16px;
	transition: background-color 0.2s var(--ease-out), color 0.2s var(--ease-out);
}

.production-quality__apoem-link:hover {
	background: var(--color-text-dark);
	color: var(--color-white);
}

@media (max-width: 768px) {
	.production-quality__items {
		grid-template-columns: 1fr;
	}

	.production-quality__mosaic {
		grid-template-columns: 1fr;
		grid-template-rows: auto;
		grid-template-areas:
			"left"
			"mid-a"
			"mid-b"
			"mid-c"
			"right";
		height: auto;
	}

	.production-quality__mosaic-left,
	.production-quality__mosaic-right,
	.production-quality__mosaic-mid-a,
	.production-quality__mosaic-mid-b,
	.production-quality__mosaic-mid-c {
		height: 240px;
	}
}