/**
 * Homepage articles block (section_block_posts).
 */

.posts-block__head {
	display: flex;
	align-items: center;
	gap: 18px;
	margin-bottom: 24px;
}

.posts-block__title {
	margin: 0;
	font-size: var(--font-size-h2);
	font-weight: var(--font-weight-bold);
	line-height: 1;
}

.posts-block__more {
	display: inline-flex;
	align-items: center;
	color: var(--color-pink);
	transition: transform var(--transition-hover);
}

.posts-block__more:hover,
.posts-block__more:focus-visible {
	transform: translateX(6px);
}

.posts-block__arrow {
	display: block;
	width: 40px;
	height: 16px;
}

.posts-block__grid {
	display: grid;
	gap: 15px;
}

.posts-block__grid + .posts-block__grid {
	margin-top: 15px;
}

@media (min-width: 768px) {
	.posts-block__grid--top,
	.posts-block__grid--bottom {
		grid-template-columns: repeat(3, 1fr);
		grid-auto-rows: minmax(235px, auto);
	}

	.posts-block__grid--top > .post-card:first-child {
		grid-row: span 2;
	}

	.posts-block__grid--bottom > .post-card:last-child {
		grid-column: span 2;
	}

	/* Larger title for the feature (tall / wide) cards. */
	.posts-block__grid--top > .post-card:first-child .post-card__title,
	.posts-block__grid--bottom > .post-card:last-child .post-card__title {
		font-size: var(--font-size-h2);
	}
}

@media (max-width: 767px) {
	.posts-block__head {
		gap: 14px;
		margin-bottom: 20px;
	}

	.posts-block__grid + .posts-block__grid {
		margin-top: 15px;
	}

	.posts-block__grid--top > .post-card:first-child,
	.posts-block__grid--bottom > .post-card:last-child {
		min-height: 300px;
	}
}