/* Hero Block
--------------------------------------------- */
body .block-hero.has-background {
	position: relative;
	isolation: isolate;
	padding-block: 0;
}

.block-hero .block-hero__inner {

}

.block-hero .block-hero__content {
	--wp--style--block-gap: 8px;
	position: relative;
	z-index: 2;
}

.block-hero .block-hero__content :is(h1, h2) {
	font-size: var(--wp--preset--font-size--huge);
}

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

	.block-hero.block-hero.has-background {
		padding-inline: 0;
	}

	body .block-hero .block-hero__image {
		width: 100%;
		max-width: 100%;
	}


	.block-hero .block-hero__content {
		padding: 24px;
	}
}

@media only screen and (min-width: 850px) {

	body .block-hero .block-hero__image,
	body .editor-styles-wrapper .block-hero.alignfull .block-hero__image {
		width: 100%;
		max-width: none;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		object-fit: cover;
		z-index: 1;
	}

	.block-hero .block-hero__inner {
		height: min( 42.8vw, 617px);
		max-height: 617px;
		display: grid;
		align-items: end;
	}

	.block-hero .block-hero__content {
		max-width: 500px;
		/* margin-top: 100px; */
		padding: 40px;
	}
}