/* Service landing pages: photo styling. */

/* "Properties We Manage": the photos fill their slots evenly and read as a strip of real homes. */
.csq-lp .elementor-widget-image img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 500 / 324;
	object-fit: cover;
	border-radius: 14px;
	box-shadow: 0 10px 28px rgba(14, 33, 54, .14);
	transition: transform .35s ease, box-shadow .35s ease;
}
.csq-lp .elementor-widget-image:hover img {
	transform: translateY(-3px);
	box-shadow: 0 16px 36px rgba(14, 33, 54, .2);
}

/* Hero: the form card stays crisp above the photo, text stays white. */
.csq-lp-hero { position: relative; }
/* A navy wash over the photo: strong behind the text on the left, lighter toward the form card. */
.csq-svc .csq-lp-hero::after {
	background: linear-gradient(105deg, rgba(14, 33, 54, .9) 0%, rgba(14, 33, 54, .74) 48%, rgba(14, 33, 54, .5) 100%) !important;
}

@media (prefers-reduced-motion: reduce) {
	.csq-lp .elementor-widget-image img { transition: none; }
}