.arc-blog{
	--count: 1;
	--gap: 1rem;
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap);
}
@media (min-width: 768px){
	.arc-blog{
		--count: 3;
	}
}

.arc-blog__item{
	width: calc( ( 100% - var(--gap) * (var(--count) - 1) ) / var(--count) );
	min-height: 20rem;
}
.arc-blog__link{
	display: flex;
	flex-direction: column;
	gap: .5em;
	height: 100%;
	text-decoration: none;
	color: var(--c-dark);
	transition: var(--ani-t--normal) ease-out;
}
.arc-blog__link:is(:hover, :focus){
	color: var(--c-main);
	opacity: .7;
}

.arc-blog__thumbnail img{
	aspect-ratio: 16 / 9;
	object-fit: cover;
	object-position: 50% 50%;
}
.arc-blog__title{
	color: inherit;
	font-weight: var(--fw-lg);
	font-size: 1.1em;
}
.arc-blog__date{
	color: var(--c-gray);
	font-size: .8em;
}