/* Photographic frames fill edge to edge while preserving image proportions.
   Logos and editable label artwork keep their own sizing rules. */
.photo-frame > img,
.approved-hero-gallery [data-hero-image],
.approved-hero-gallery img.hero-alternate,
.application-image img,
.inspire-thumbs img,
.world-tab img,
.world-photo img,
.catalog-card > a:first-child > img,
.material-photo img,
.material-sample-picture > img,
.material-page-hero .split-hero > img,
.detail-visual .image-button > img,
.detail-photo-switch img,
.compare-columns .compare-visuals img,
#advisor-image > img,
.creator-recommendation .recommendation-photo img,
.studio-shell .preview-reference img,
.studio-shell .material-option-row .material-option img,
.collection-photo > img,
.delivery-story-photo,
.brand-hero figure > img,
.cx-process-images img,
.cx-delivery figure img {
  object-fit: cover !important;
}

/* Avoid tinting the uploaded photos with the gray placeholder background. */
.guide-photo > img {
  mix-blend-mode: normal;
}

/* Fill the full recommendation image area at every viewport size. */
#advisor-image,
.creator-recommendation .recommendation-photo {
  position: relative;
  width: 100%;
  min-width: 0;
  aspect-ratio: 3 / 4;
}
#advisor-image > img,
.creator-recommendation .recommendation-photo img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  mix-blend-mode: normal;
}