.hm-text-image {
	background: #ffffff;
	padding: clamp(2rem, 6vw, 4rem) clamp(1.5rem, 5vw, 2rem);
}

.hm-text-image--white {
	background: #ffffff;
}

.hm-text-image--off-white {
	background: var(--wp--preset--color--off-white, #f3f0f0);
}

.hm-text-image__container {
	display: flex;
	align-items: center;
	gap: clamp(2rem, 5vw, 5rem);
	max-width: 1250px;
	margin: 0 auto;
}

.hm-text-image.is-flipped .hm-text-image__container {
	flex-direction: row-reverse;
}

.hm-text-image__media,
.hm-text-image__content {
	flex: 1 1 50%;
}

.hm-text-image__media {
	display: flex;
	justify-content: center;
}

.hm-text-image__image {
	display: block;
	width: 100%;
	max-width: 560px;
	height: auto;
}

.hm-text-image--image-rounded .hm-text-image__image {
	border-radius: 2rem;
}

.hm-text-image--image-full .hm-text-image__image {
	max-width: none;
	border-radius: 0;
}

.hm-text-image__content {
	max-width: 620px;
}

.hm-text-image__heading {
	margin: 0 0 1.25rem;
	color: var(--wp--preset--color--bright-red, #d91b2d);
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: -0.02em;
}

.hm-text-image__text {
	color: #242124;
	font-family: var(--wp--preset--font-family--body);
	font-weight: 500;
	line-height: 1.45;
}

.hm-text-image__text p {
	margin: 0 0 1rem;
}

.hm-text-image__text p:last-child {
	margin-bottom: 0;
}

.hm-text-image__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 1.25rem;
	margin-top: 2rem;
}


.acf-block-preview .hm-text-image .js-reveal {
	opacity: 1;
	transform: none;
}

@media (max-width: 800px) {
	.hm-text-image__container,
	.hm-text-image.is-flipped .hm-text-image__container {
		flex-direction: column;
		align-items: flex-start;
	}

	.hm-text-image__media,
	.hm-text-image__content {
		width: 100%;
		flex-basis: auto;
	}

	.hm-text-image__content {
		max-width: none;
	}

	.hm-text-image__image {
		max-width: 100%;
	}
}
.hm-text-image__text h4 {
	margin-bottom:1.6rem;
}
.hm-text-image__media {
	width: 100%;
	display: flex;
	justify-content: center;
}

.hm-text-image__image {
	width: var(--hm-text-image-width, 100%);
	max-width: 100%;
	height: auto;
	display: block;
}