.itlu-single {
	display: grid;
	gap: 2rem;
}

.itlu-single--narrow .itlu-entry {
	inline-size: min(100%, var(--itlu-width-reading));
	margin-inline: auto;
}

.itlu-single--hero .itlu-entry__hero {
	inline-size: min(var(--itlu-width-wide), calc(100vw - (2 * var(--itlu-container-gutter))));
	margin-inline: calc((100% - min(var(--itlu-width-wide), calc(100vw - (2 * var(--itlu-container-gutter))))) / 2);
	margin-block-end: clamp(1.5rem, 4vw, 3rem);
	background: var(--itlu-color-surface-alt);
}

.itlu-single--hero .itlu-entry__hero.has-media {
	display: grid;
	grid-template-columns: minmax(0, 1.25fr) minmax(18rem, 0.75fr);
}

.itlu-single--hero .itlu-entry__hero-intro {
	align-self: center;
	min-inline-size: 0;
	padding: clamp(1rem, 3vw, 2rem);
}

.itlu-single--hero .itlu-entry__hero-intro .itlu-page-header {
	padding: 0;
}

.itlu-single--hero .itlu-entry__hero-intro h1 {
	overflow-wrap: anywhere;
}

.itlu-entry__media--hero img {
	inline-size: 100%;
	block-size: 100%;
	min-block-size: clamp(18rem, 45vw, 34rem);
	object-fit: cover;
}

@media (max-width: 48rem) {

	.itlu-single--hero .itlu-entry__hero.has-media {
		grid-template-columns: 1fr;
	}

	.itlu-single--hero .itlu-entry__media--hero img {
		min-block-size: 14rem;
		max-block-size: 50vh;
	}
}