/**
 * About Us (page 5063) — corrections against ABOUT US LAYOUT.pdf.
 *
 * Structural changes (column widths, alignment, the 107.706% widget overflow,
 * the page background) live in the Elementor data itself. What is left here is
 * the image proportion, which Elementor's image widget cannot express, plus the
 * stacking behaviour.
 */

/* LOCALLY CRAFTED — the layout crops this image to roughly 247 x 270, a little
   wider than the source 300 x 450, and tops it level with the quote block. */
.page-id-5063 .elementor-element-0728ec0 img {
	width: 100%;
	height: auto;
	aspect-ratio: 247 / 270;
	object-fit: cover;
	object-position: center;
	display: block;
}

/* Top edge of the image lines up with the top of the text, not the quote's
   padding box. */
.page-id-5063 .elementor-element-157cbe5 {
	align-self: flex-start;
}

/* The quote's left rule. #595959 is the colour the layout PDF actually fills
   this bar with - it reads dark grey, not black. */
.page-id-5063 .elementor-element-7fbfa3a > .elementor-widget-container {
	border-left-color: #595959;
	padding-left: 1.25rem;
}

/* --- Responsive ---------------------------------------------------------- */

/* Tablet and below the two columns stack, so the image should not stay at the
   cropped desktop proportion across the full width. */
@media (max-width: 1024px) {
	.page-id-5063 .elementor-element-0728ec0 img {
		aspect-ratio: 16 / 10;
	}

	.page-id-5063 .elementor-element-157cbe5 {
		margin-top: 32px;
	}
}

@media (max-width: 767px) {
	.page-id-5063 .elementor-element-0728ec0 img {
		aspect-ratio: 4 / 3;
	}

	.page-id-5063 .elementor-element-7fbfa3a > .elementor-widget-container {
		padding-left: 1rem;
	}
}

/* Full-bleed photos should never force a horizontal scrollbar. */
.page-id-5063 .elementor-widget-image img {
	max-width: 100%;
	height: auto;
}