.post-header {
	padding: var(--spacing-20) 0 var(--spacing-40);

	@media (width >= 1000px) {
		padding: var(--spacing-40) 0 var(--spacing-50);
	}
}

.post-header__inner {
	display: grid;
	gap: var(--spacing-20);
}

.post-header__title {
	font-size: var(--step-5);
	line-height: 1.1;
	margin: var(--spacing-20) 0 0;
	max-width: 16ch;
}

.post-header__excerpt {
	color: var(--orange);
	font-size: var(--step-1);
	font-weight: 500;
	line-height: 1.4;
	margin: var(--spacing-10) 0 0;
	max-width: 48ch;
}

.post-header__meta {
	color: var(--gray-meta);
	display: flex;
	flex-wrap: wrap;
	font-size: var(--step--1);
	gap: var(--spacing-10);
	margin: var(--spacing-10) 0 0;
}

.post-header__meta-item::after {
	content: "•";
	margin-inline-start: var(--spacing-10);
}

.post-header__meta-item:last-child::after {
	content: "";
	margin-inline-start: 0;
}