/* ==========================================================================
   6. Your Neighbourhood: My Experience (.hlp-hood), on the white page.
   ========================================================================== */
.e-con.hlp-hood-media { position: relative; }

/* Polaroid (the frame from Home Sample 2), the section's only photo: white
   border, soft shadow, a slight tilt that straightens on hover (pointer
   devices only, never under reduced motion). */
.e-con.hlp-polaroid {
	width: 88%;
	max-width: 500px;
	transform: rotate(-3.2deg);
	box-shadow: 0 18px 46px rgba(51, 49, 46, .16), 0 2px 8px rgba(51, 49, 46, .08);
	transition: transform .7s var(--hlp-ease);
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
	.e-con.hlp-polaroid:hover { transform: rotate(0deg); }
}
.hlp-polaroid > .elementor-widget { width: 100%; }
.hlp-polaroid .hlp-img img { width: 100%; height: auto; }
.hlp-polaroid-caption .elementor-heading-title { text-wrap: balance; }

@media (max-width: 767px) {
	.e-con.hlp-polaroid { width: 90%; }
}

/* location notes as soft cards */
.hlp-finds { width: 100%; }
.e-con.hlp-find {
	border: 1px solid transparent;
	transition: border-color .3s ease, transform .3s ease, background-color .3s ease;
}
.e-con.hlp-find:hover { border-color: var(--hlp-mid); --background-color: var(--hlp-white); background-color: var(--hlp-white); transform: translateX(4px); }
.hlp-find > .hlp-find-icon { width: auto; flex: 0 0 auto; }
.hlp-find-icon .elementor-icon { box-shadow: var(--hlp-shadow-1); }
.hlp-find > .hlp-find-text { flex: 1 1 0; min-width: 0; }

@media (prefers-reduced-motion: reduce) {
	.e-con.hlp-find:hover { transform: none; }
}