.page-hero--innovation::after {
	background:
		linear-gradient(90deg, rgba(0, 42, 31, 0.96), rgba(0, 87, 63, 0.74), rgba(15, 23, 42, 0.22)),
		url("../images/hero/hero-biomaterial.png") center / cover no-repeat;
}

.innovation-card-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 18px;
}

.innovation-card {
	overflow: hidden;
	border: 1px solid var(--color-border);
	border-radius: 12px;
	background: var(--color-white);
	box-shadow: var(--shadow-card);
}

.innovation-card__media {
	position: relative;
	height: 150px;
}

.innovation-card__media .image-slot {
	width: 100%;
	height: 100%;
	border-radius: 0;
}

.innovation-card__media span {
	position: absolute;
	left: 14px;
	bottom: 12px;
	padding: 6px 10px;
	border-radius: 8px;
	background: var(--color-primary);
	color: var(--color-white);
	font-size: 0.76rem;
	font-weight: 900;
}

.innovation-card__body {
	padding: 20px;
}

.innovation-card h3 {
	margin-bottom: 10px;
	color: var(--color-dark);
	font-size: 1.04rem;
	line-height: 1.35;
}

.innovation-card p {
	font-size: 0.88rem;
	line-height: 1.55;
}

.trl-meter {
	height: 6px;
	margin-top: 18px;
	border-radius: 999px;
	background: #e2e8f0;
}

.trl-meter span {
	display: block;
	height: 100%;
	border-radius: inherit;
	background: var(--color-primary);
}

.patent-teaser {
	display: grid;
	grid-template-columns: minmax(0, 0.95fr) minmax(320px, 1.05fr);
	gap: 34px;
	align-items: center;
	padding: 32px;
	border: 1px solid var(--color-border);
	border-radius: 12px;
	background: #ffffff;
	box-shadow: var(--shadow-card);
}