#projects {
	padding: 0 var(--sec-inlineP);
}
.projects-head {
	width: min(80ch, 100%);
}
.projects-head h2 {
	color: var(--color-h2);
	font-size: clamp(2rem, 2.37vw + 1.47rem, 3.5rem);
	padding: var(--heading-topP) 0 var(--heading-bottomP);
}
.projects-head p {
	font-size: clamp(1.25rem, 0.87vw + 1.06rem, 1.8rem);
	margin: 0;
}
.projects-body {
	--col-gap: clamp(1.25rem, 2.76vw + 0.63rem, 3rem);
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--col-gap);
	padding: var(--col-gap) 0 calc(var(--col-gap) * 1.5);
	margin: 0;
}
.project {
	position: relative;
	overflow: hidden;
	border-radius: 0.25rem;
	box-shadow: 0 0 0.2rem rgba(0,0,0,0.25);
	transition: all 0.3s ease-in;
}
/* .project::before {
	position: absolute;
	width: 15%;
	right: 0;
}
.project:nth-child(2n+1)::before { content: url('/images/flags/turkish.svg'); }
.project:nth-child(2n)::before { content: url('/images/flags/russian.svg'); } */
.picture {
	display: block;
	aspect-ratio: 1.6;
	width: 100%;
	object-fit: cover;
}
.project > h3, .project > p { margin: 1.25rem; }
@media (hover: hover) {
	.project:hover {
		transform: scale(1.05);
		box-shadow: 0 0 1rem rgba(0,0,0,0.25);
	}
}
@media (min-width: 38em) {
	.projects-body {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (min-width: 58em) {
	.projects-body {
		grid-template-columns: repeat(3, 1fr);
	}
}