.thematic-page #content-inner {
	max-width: 760px;
}

.thematic-page__label {
	color: #999;
	font-size: 11px;
	margin-bottom: 12px;
	text-transform: uppercase;
}

.thematic-page__intro {
	max-width: 680px;
	margin-bottom: 28px;
}

.thematic-page__back {
	color: #999;
	display: inline-block;
	margin-bottom: 28px;
	text-decoration: none;
}

.thematic-page__back--bottom {
	margin-bottom: 0;
	margin-top: 28px;
}

.thematic-page__back:hover,
.thematic-page__back:focus {
	color: #fff;
	text-decoration: none;
}

.thematic-projects {
	display: grid;
	gap: 18px;
	margin-top: 28px;
}

.thematic-project {
	border-top: 1px dotted #333;
	color: #777;
	display: grid;
	gap: 18px;
	grid-template-columns: 160px 1fr;
	padding: 18px 0 0 0;
	text-decoration: none;
}

.thematic-project:hover,
.thematic-project:focus {
	color: #999;
	text-decoration: none;
}

.thematic-project img {
	aspect-ratio: 591 / 332;
	display: block;
	height: auto;
	object-fit: cover;
	width: 100%;
}

.thematic-project__body {
	display: grid;
	gap: 6px;
}

.thematic-project strong {
	color: #989898;
	font-weight: normal;
}

@media only screen and (max-width: 640px) {
	.thematic-page #content-inner {
		margin-left: 10px;
		margin-right: 10px;
	}

	.thematic-project {
		grid-template-columns: 1fr;
	}
}