article .header {
	height: 40dvh;
	position: relative;
}

/* Refactored from article .header h1 */
article .header h1 {
	position: absolute;
	text-align: center;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	font-size: clamp(1.5rem, 2vw, 3rem);
	font-weight: 700;
	color: #fff;
	margin: 0;
	z-index: 1;
}

/* Refactored from article .header img */
article .header img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	filter: brightness(0.7);
}

article .article-content {
	margin: 5rem auto;
}

/* Refactored from article .article-content .lead */
article .article-content .lead {
	margin-bottom: 1.5rem;
	font-size: 1.25rem;
	font-weight: 500;
}

article .back-link {
	margin: 0 auto 5rem;
}

/* Refactored from article .back-link .link */
article .back-link .link {
	color: #252525;
	font-weight: 600;
	text-decoration: none;
}

@media only screen and (max-width: 767px) {

	/* Refactored from @media article .article-content */
	article .article-content {
		margin: 3rem auto;
	}

	/* Refactored from @media article .header */
	article .header {
		height: 50dvh;
	}

	/* Refactored from @media article .header h1 */
	article .header h1 {
		text-align: left;
		left: 0;
		bottom: 0;
		top: auto;
		margin: 1.5rem 1rem;
		transform: translate(0, 0);
	}
}