/* Project Gallery
==================================== */
#project-gallery{
	width: 100vw;
	margin-top: var(--colsL);
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-auto-rows: min-content;
	grid-gap: var(--colsS) var(--colsXS);
	/* justify-content: center; */
}
header.incomplete + #project-gallery{
	margin-top: var(--colsXL);
}
@media (max-width: 768px){
	#project-gallery{
		padding-left: var(--sides);
		padding-right: var(--sides);
	}
	header.incomplete + #project-gallery{
		margin-top: calc(var(--fontHeight)*3 + var(--colsL));
	}
}

/*Marquee*/
#project-gallery .module-marquee{
	position: sticky;
	position: -webkit-sticky;
	top: calc(50% - var(--fs)*var(--lh)/2);
	grid-row: 1;
	grid-column: 1 / -1;
	align-self: center;
	z-index: -1;
}
#project-gallery .module-marquee + .thumb{
	grid-row: 1;
}
#project-gallery > .thumb{
	scroll-snap-align: center;
}
@media (max-width: 768px){
	#project-gallery .module-marquee{
		position: absolute;
		left: 0;
		top: calc(var(--sides) + var(--fontHeight)*3);
	}
}

/*Cols*/
.cols-2{
	grid-column: 6 / -6;
}
.cols-4{
	grid-column: 5 / -5;
}
.cols-6{
	grid-column: 4 / -4;
}
.cols-8{
	grid-column: 3 / -3;
}
@media (max-width: 1180px){
	.cols-2{
		grid-column: 5 / -5;
	}
	.cols-4{
		grid-column: 4 / -4;
	}
	.cols-6{
		grid-column: 3 / -3;
	}
	.cols-8{
		grid-column: 2 / -2;
	}
}
@media (max-width: 768px){
	.cols-2{
		grid-column: 4 / -4;
	}
	.cols-4{
		grid-column: 3 / -3;
	}
	.cols-6{
		grid-column: 2 / -2;
	}
	.cols-8{
		grid-column: 1 / -1;
	}
}
@media (max-width: 600px){
	.cols-2,
	.cols-4,
	.cols-6{
		grid-column: 1 / -1;
	}
}