/* Explicit editorial preferences only; unconfigured pages retain their styles. */
img[data-mcdp-image-position="custom"] {
	object-position: var(--mcdp-position-desktop) !important;
}
/* Zoom enlarges the photo around its focal point; the frame that already crops it keeps clipping. */
img[data-mcdp-image-zoom="custom"] {
	transform-origin: var(--mcdp-position-desktop);
	scale: var(--mcdp-zoom-desktop, 1);
}
/* A native Image block has no cropping frame of its own, so the render filter adds one around the img.
   The frame hugs the image so the enlargement is clipped at the photo's own edges, not the column's. */
.mcdp-image-zoom {
	display: block;
	position: relative; /* core's lightbox trigger measures and positions itself against the img's parent */
	width: fit-content;
	max-width: 100%;
	overflow: hidden;
	border-radius: inherit;
}
/* Wide and full images size the img as a percentage of the figure, so the frame keeps the figure's width. */
.wp-block-image:is(.alignwide, .alignfull) .mcdp-image-zoom {
	width: auto;
}
.wp-block-image.aligncenter .mcdp-image-zoom,
.has-text-align-center .mcdp-image-zoom {
	margin-inline: auto;
}
/* Rounded block styles put their radius on the img, which now scales, so the frame carries it. */
.wp-block-image:is(.is-style-rounded, .is-style-circle-mask) .mcdp-image-zoom {
	border-radius: 9999px;
}
/* A resized image hands its width to the frame and fills it. */
.mcdp-image-zoom--sized > img {
	width: 100%;
}
@media (max-width: 767px) {
	img[data-mcdp-image-position="custom"] {
		object-position: var(--mcdp-position-mobile, var(--mcdp-position-desktop)) !important;
	}
	img[data-mcdp-image-zoom="custom"] {
		transform-origin: var(--mcdp-position-mobile, var(--mcdp-position-desktop));
		scale: var(--mcdp-zoom-mobile, 1);
	}
}
.mcdp-section[data-mcdp-motion="subtle"] {
	--mcdp-motion-travel: 8px;
	--mcdp-motion-enter: 500ms;
}
.mcdp-section[data-mcdp-motion="none"] :is(.mcdp-hero__motion-ring, .mcdp-hero__motion-emblem, .mcdp-hero__rule, .mcdp-hero__content > *),
.mcdp-hero-home[data-mcdp-motion="none"] .wp-block-cover__inner-container > * {
	animation: none !important;
}
