main > h2 {
	padding-bottom: clamp(80px, 10.4vw, 120px);
	font-weight: 300;
	font-size: clamp(2.4rem, 3.1vw, 3.0rem);
}

main > h2 span {
	white-space: nowrap;
}

main > section ul {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

main > section ul::before,
main > section ul::after {
	content: "";
	display: block;
	flex: 1 1 380px;
	order: 99999;
}

main > section ul li {
	flex: 1 1 380px;
	padding-bottom: 10px;
}

main > section ul li a {
	display: block;
	user-select: none;
}

main > section ul li a figure {
	display: block;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: auto 100%;
	border-radius: 2px;
	width: 100%;
	aspect-ratio: 15/10;
	transition: all 0.5s;
}

@media all and (max-width: 862px) {
	main > section ul li a figure {
		aspect-ratio: 13/10;
	}
}

main > section ul li a.on figure {
	background-size: auto 110%;
}

main > section ul li a figure img {
	display: none;
}

main > section ul li a h2 {
	padding-top: 6px;
	font-weight: bold;
	font-size: 0.9em;
}

main > section ul li a aside {
	font-size: 0.8em;
}

main > section ul li a aside span {
	white-space: nowrap;
}

main > section ul li a aside span:not(:last-of-type)::after {
	content: ",";
	margin-right: 6px;
}