/* gallery (page 1393) -- hero visual.
 *
 * Loaded from the page body, after every layout stylesheet, so these rules win
 * against page-blocks.css at equal specificity. Selectors mirror Elementor's
 * own 0,3,0 shape and are scoped to .elementor-1393, so nothing here can
 * reach another page.
 *
 * The hero is flex-direction:row with align-items:stretch. Its empty right
 * side came from --padding-right:64% on the text child (0e3c4f3): a
 * reserved gap with nothing in it. That padding is dropped and a real image
 * child takes the space, so flex does the layout.
 */

.elementor-1393 .elementor-element.elementor-element-0e3c4f3 {
	--padding-right: 0%;
	flex: 1 1 54%;
	min-width: 0;
	justify-content: center;
}

/* align-self:center opts out of the hero's align-items:stretch, so the image
 * is sized by the rules below rather than stretched to the section height. */
.elementor-1393 .elementor-element.elementor-element-ychero01 {
	flex: 0 1 46%;
	min-width: 0;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	align-self: center;
}

.elementor-1393 .elementor-element.elementor-element-ychero02 {
	width: 100%;
}

.elementor-1393 .elementor-element.elementor-element-ychero02 img {
	display: block;
	width: 100%;
	max-width: 480px;
	height: clamp(240px, 27vw, 320px);
	object-fit: cover;
	object-position: center 45%;
	margin-inline-start: auto;
	border-radius: 14px;
	box-shadow: 0 18px 40px -24px rgba(16, 24, 40, 0.45);
}

@media (max-width: 1024px) {
	.elementor-1393 .elementor-element.elementor-element-ychero02 img {
		max-width: 380px;
		height: clamp(210px, 30vw, 270px);
	}
}

/* The hero already wraps on mobile (--flex-wrap-mobile:wrap). Rather than
 * squeezing the image into a narrow column it becomes a short full-width
 * band under the text. */
@media (max-width: 767px) {
	.elementor-1393 .elementor-element.elementor-element-0e3c4f3 {
		flex: 1 1 100%;
	}

	.elementor-1393 .elementor-element.elementor-element-ychero01 {
		flex: 1 1 100%;
		justify-content: center;
		margin-block-start: 28px;
	}

	.elementor-1393 .elementor-element.elementor-element-ychero02 img {
		max-width: 100%;
		height: 180px;
		margin-inline: auto;
	}
}