/* Native, HTML-discoverable photos. Existing geometry and desktop sources stay unchanged. */
.hero[data-native-image],
.hero[data-native-image] .hero-slide,
html:not(.perf-images-ready) .hero[data-native-image] .hero-slide,
.property-page .property-hero-image[data-native-image],
html:not(.perf-images-ready) .property-page .property-hero-image[data-native-image],
.residence-image[data-native-image],
.section-experiences .experience-card .experience-photo[data-native-image],
.brand-break[data-native-image] {
  background-image: none !important;
}
.hero-media[data-native-image]::after { content: none !important; display: none !important; background-image: none !important; }
.hero-slide[data-native-image],
.residence-image[data-native-image],
.experience-photo[data-native-image],
.brand-break[data-native-image] { position: relative; overflow: hidden; }
[data-native-image] > picture,
[data-native-image] > .photo-picture { display: block; position: absolute; inset: 0; width: 100%; height: 100%; }
[data-native-image] > picture > img,
[data-native-image] > img.photo-element {
  position: absolute; inset: 0; display: block; width: 100%; height: 100%;
  object-fit: cover; object-position: center; border-radius: inherit;
}
.brand-break[data-native-image] > picture > img { object-position: center 22%; }
@media (min-width: 768px) {
  .property-page[data-residence="laguna-beachside-residences"] .property-hero-image[data-native-image] > picture > img {
    width: 108%; height: auto; max-width: none; top: 50%; left: 50%;
    transform: translate(-50%, -50%);
  }
}