.block-hero__inner {
	position: relative;
	background: var(--wp--preset--color--quinary);
}

.block-hero--columns .block-hero__inner {
	background: transparent;
}

.block-hero .block-hero__media {
	height: 216px;
}

.block-hero__image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.block-hero__content {
	position: relative;
	text-align: center;
	padding: 0 0 32px;
	margin-top: -24px;
}

.block-hero__content > * {
	position: relative;
	margin-block: 0;
}

.block-hero__content > * + * {
	margin-top: var(--wp--custom--layout--block-gap);
}

.block-hero__content h2 {
	max-width: none;
	width: calc(100% - 24px);
	margin-inline: auto;
	text-wrap: balance;
}

.block-hero__content mark.has-inline-color {
	padding-inline: 12px;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
}

.block-hero__content .wp-block-buttons {
	gap: 12px;
	justify-content: center;
}

.block-hero__content .wp-block-button__link {
	padding-inline: var(--wp--custom--layout--block-gap);
}

.block-hero--columns .block-hero__content {
	background: none;
	padding: 0;
	margin-top: 24px;
}

.block-hero.block-hero--columns .block-hero__media {
	height: 232px;
}

.block-hero--columns .block-hero__content > * + * {
	margin-top: 24px;
}

.block-hero:not(.block-hero--columns) .block-hero__content::before,
.block-hero:not(.block-hero--columns) .block-hero__content::after {
	content: '';
	position: absolute;
	width: var(--wp--custom--layout--block-gap);
	height: var(--wp--custom--layout--block-gap);
	bottom: 0;
	background: var(--wp--preset--color--background);
}

.block-hero__content::before {
	left: 0;
}

.block-hero__content::after {
	right: 0;
}

@media (min-width: 768px) {
	.block-hero:not(.block-area-sidebar *, .cwp-editor-layout-sidebar *, .wp-block-column *) .block-hero__inner {
		display: grid;
		grid-template-columns: minmax(min(430px, calc(100% - 150px - var(--wp--custom--layout--block-gap-large))), 1fr) minmax(150px, 1fr);
		gap: var(--wp--custom--layout--block-gap-large);
		padding: 32px var(--wp--custom--layout--block-gap-large);
		align-items: center;
		min-height: 432px;
		background: transparent;
	}

	.block-hero:not(.block-area-sidebar *, .cwp-editor-layout-sidebar *, .wp-block-column *) .block-hero__media {
		position: absolute;
		inset: 0;
		height: 100%;
	}

	.block-hero:not(.block-area-sidebar *, .cwp-editor-layout-sidebar *, .wp-block-column *) .block-hero__content {
		grid-column: 1;
		margin: 0;
		padding: 0;
		background: transparent;
	}

	.block-hero:not(.block-area-sidebar *, .cwp-editor-layout-sidebar *, .wp-block-column *) .block-hero__content > * + * {
		margin-top: var(--wp--custom--layout--block-gap-large);
	}

	.block-hero:not(.block-area-sidebar *, .cwp-editor-layout-sidebar *, .wp-block-column *) .block-hero__content .wp-block-buttons {
		gap: var(--wp--custom--layout--block-gap);
	}

	.block-hero--right:not(.block-area-sidebar *, .cwp-editor-layout-sidebar *, .wp-block-column *) .block-hero__inner {
		grid-template-columns: minmax(150px, 1fr) minmax(min(430px, calc(100% - 150px - var(--wp--custom--layout--block-gap-large))), 1fr);
	}

	.block-hero--right:not(.block-area-sidebar *, .cwp-editor-layout-sidebar *, .wp-block-column *) .block-hero__content {
		grid-column: 2;
	}

	.block-hero:not(.block-hero--columns, .block-area-sidebar *, .cwp-editor-layout-sidebar *, .wp-block-column *) .block-hero__content::before,
	.block-hero:not(.block-hero--columns, .block-area-sidebar *, .cwp-editor-layout-sidebar *, .wp-block-column *) .block-hero__content::after {
		display: none;
	}

	.block-hero--columns:not(.block-area-sidebar *, .cwp-editor-layout-sidebar *, .wp-block-column *) .block-hero__inner {
		gap: 32px;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		padding: 0;
	}

	.block-hero--columns:not(.block-area-sidebar *, .cwp-editor-layout-sidebar *, .wp-block-column *) .block-hero__media {
		position: relative;
		grid-column: 2;
		grid-row: 1;
		min-height: 432px;
	}

	.block-hero--columns:not(.block-area-sidebar *, .cwp-editor-layout-sidebar *, .wp-block-column *) .block-hero__content {
		grid-column: 1;
		grid-row: 1;
		margin: 0;
		padding: 24px 0;
	}

	.block-hero--columns:not(.block-area-sidebar *, .cwp-editor-layout-sidebar *, .wp-block-column *) .block-hero__content > * + * {
		margin-top: 24px;
	}
}

.block-area-sidebar .block-hero:not(.block-hero--columns) .cwp-stepped-border__corners--bottom,
.cwp-editor-layout-sidebar .block-hero:not(.block-hero--columns) .cwp-stepped-border__corners--bottom,
.wp-block-column .block-hero:not(.block-hero--columns) .cwp-stepped-border__corners--bottom {
	display: none;
}

@media (max-width: 767px) {
	.block-hero:not(.block-hero--columns) .block-hero__media .cwp-stepped-border__corners--bottom {
		display: none;
	}
}