/**
 * News pages — the posts page, archives and single posts
 *
 * 1. News Article
 * 2. More News
 * 3. Responsive
 */

/* ============================ NEWS ARTICLE ============================ */
.news-article__inner {
	max-width: calc(1100 * var(--u));
	margin-inline: auto;
}

.news-article__media {
	margin: 0 0 var(--space-56);
	aspect-ratio: 16 / 9;
	border-radius: var(--radius-lg);
	overflow: hidden;
	background: var(--light-bg-alt);
}

.news-article__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.news-article__content {
	font-size: var(--fs-intro);
	font-weight: var(--font-weight-light);
	line-height: 1.6;
	color: var(--text-color);
}

.news-article__content h2,
.news-article__content h3 {
	margin-top: var(--space-40);
	font-weight: var(--font-weight-black);
	letter-spacing: -0.015em;
}

.news-article__content h2 {
	font-size: var(--fs-40);
}

.news-article__content h3 {
	font-size: var(--fs-32);
}

.news-article__content img {
	border-radius: var(--radius-lg);
}

.news-article__back {
	margin-top: var(--space-56);
}

.news-article__back .mfc-icon {
	width: calc(20 * var(--u));
	height: calc(20 * var(--u));
}

/* ============================ MORE NEWS ============================ */
.more-news .section-head {
	margin-bottom: var(--space-48);
}

/* ============================ RESPONSIVE ============================ */

/* --- SM / Mobile --- */
@media (max-width: 768px) {
	.news-article__media {
		margin-bottom: 28px;
	}
}