.wp-block-media-text {
	margin-bottom: 2rem;
}

#main .wp-block-media-text__content>*:first-child {
	margin-top: 0;
}

#main .wp-block-media-text:not(.has-media-on-the-right) .wp-block-media-text__content {
	padding-right: 0;
}

#main .has-media-on-the-right .wp-block-media-text__content {
	padding-left: 0;
}

#main .wp-block-media-text__media {
	padding-top: 0.8rem;
	margin-bottom: 1rem;
	max-width: 64vw;
	margin-right: auto;
	margin-left: auto;
}

@media (prefers-reduced-motion:no-preference) {
	.wp-block-media-text__media img {
		clip-path: circle(0% at 50% 50%);
		animation: circleReveal 1s ease-out forwards;
		animation-play-state: paused;
		animation-delay: 500ms;
	}

	.wp-block-media-text__media.js-intersected img {
		animation-play-state: running;
	}

	.wp-block-media-text__media::before {
		transform-origin: center;
		transition: transform 500ms ease;
		transform: rotate(180deg) scale(.5);
	}

	.wp-block-media-text__media.js-intersected::before {
		transform: rotate(0deg) scale(1);
	}
}

@media (min-width: 37.51em) {
	.wp-block-media-text__media {
		position: -webkit-sticky;
		position: sticky;
		top: 1rem;
	}
}

@media (min-width: 68.5em) {
	.entry-content .wp-block-media-text:not(:last-child) {
		margin-bottom: 8rem !important;
	}

	.wp-block-media-text__media {
		top: 7rem;
	}
}

@media (max-width: 600px) {
	.wp-block-media-text__media {
		position: relative;
	}

	#main .wp-block-media-text.is-stacked-on-mobile {
		display: flex;
		flex-direction: column-reverse !important;
		row-gap: 2rem !important;
	}

	#main .has-media-on-the-right.is-stacked-on-mobile {
		flex-direction: column !important;
	}

	.wp-block-media-text>.wp-block-media-text__content,
	#main .has-media-on-the-right .wp-block-media-text__content {
		padding-left: 0.5rem;
		padding-right: 0;
	}

	#main .pink.is-stacked-on-mobile {
		row-gap: 1.5rem !important;
		margin-bottom: 3.5rem;
	}

	#main .blue.is-stacked-on-mobile,
	#main .green.is-stacked-on-mobile {
		row-gap: 3rem !important;
		margin-bottom: 2.2rem;
	}

	#main .green.is-stacked-on-mobile {
		padding-bottom: 3rem !important;
	}
}

@media (min-width: 601px) {
	#main .wp-block-media-text__media {
		margin-left: 1rem;
	}

	#main .wp-block-media-text.has-media-on-the-right figure {
		margin-left: 0;
		margin-right: 1rem;
	}
}

@media (min-width: 87.5em) {

	#main .wp-block-media-text.has-media-on-the-right figure,
	#main .wp-block-media-text__media {
		margin-left: 0;
		margin-right: 0;
	}
}

.manufacturer .wp-block-media-text figure::before {
	display: none;
}