/* ==========================================================================
   Single post – single.php (Figma 316:8199 / mobile 316:8388)
   ========================================================================== */

.be_post {
	display: flex;
	flex-direction: column;
	gap: calc(50 * var(--u));
	padding-top: calc(50 * var(--u));
}

.be_band {
	aspect-ratio: 1720 / 404;
	overflow: hidden;
	background: var(--be-navy);
}

.be_band img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.be_post-content > h2 {
	margin-top: calc(48 * var(--u));
}

.be_post-meta {
	display: flex;
	flex-wrap: wrap;
	gap: calc(8 * var(--u)) calc(32 * var(--u));
	font-size: 16px;
}

.be_post-updated,
.be_post-author {
	color: var(--be-muted);
}

.be_post-author a {
	text-decoration: underline;
	text-underline-offset: 3px;
}

.be_blog-date {
	color: var(--be-gold);
}

@media (max-width: 700px) {
	.be_post {
		gap: 28px;
		padding-top: 24px;
	}

	.be_band {
		aspect-ratio: 335 / 200;
	}
}