/* Work List View */

#work-list {
	--h-gap: 35px;
	display: flex;
	flex-wrap: wrap;
	gap: var(--h-gap);
	width: calc(100vw - 2 * var(--h-gap));
    padding: 70px var(--h-gap);
}
@media (orientation: portrait) {
	#work-list {
		--h-gap: 5vw;
	}
}

.work-list-item {
	display: flex;
	flex-direction: column;
    gap: 16px;
	width: calc((100vw - 4 * var(--h-gap)) / 3);
	cursor: pointer;
}
.work-list-item img {
	width: calc((100vw - 4 * var(--h-gap)) / 3);
	height: calc(9 * ((100vw - 4 * var(--h-gap)) / 3) / 16);
    object-fit: cover;
}
@media (orientation: portrait) {
	.work-list-item {
		width: calc(100vw - 2 * var(--h-gap));
		gap: 0;
	}
	.work-list-item img {
		width: calc(100vw - 2 * var(--h-gap));
		height: calc(9 * (100vw - 2 * var(--h-gap)) / 16);
	}
}