.featured-image__image {
	img {
		margin: 0 auto;
		display: block;
	}
}

/* Page heroes run the full width, cropped to the mockup's proportion rather
than letting a tall portrait image push the content off screen. */
.featured-image--full {
	img {
		aspect-ratio: 2 / 1;
		display: block;

		/* The mockup's hero is ~720px at a 1440 canvas; without a cap the ratio
		keeps growing on wider screens and pushes the page below the fold. */
		max-height: 720px;
		object-fit: cover;
		width: 100%;
	}
}