/* ME-LIPS V10.1 — original-photo clarity + crisp editorial corners.
   Add AFTER assets/css/v10-modern-timeless.css.
   Original photos are used at their actual pixel dimensions; no CSS sharpening filter. */

/* Clean 90-degree corners across photography, cards and visual containers.
   This intentionally does not apply to the wordmark or controls. */
body.ml-v10 main img,
body.ml-v10 main picture,
body.ml-v10 main figure,
body.ml-v10 main .v3-hero-photo,
body.ml-v10 main .v3-founder-photo,
body.ml-v10 main .v3-journal-card,
body.ml-v10 main .v3-journal-image,
body.ml-v10 main .v3-manifesto-main,
body.ml-v10 main .v3-manifesto-accent,
body.ml-v10 main .v3-ritual-media,
body.ml-v10 main .v3-product,
body.ml-v10 main .v3-product-image,
body.ml-v10 main .v75-models-photo,
body.ml-v10 main .v77-jar-pair figure,
body.ml-v10 main .v80-graphic,
body.ml-v10 main .v80-scroll,
body.ml-v10 main .v5-video-frame {
  border-radius: 0 !important;
}
body.ml-v10.v3 .v3-hero-photo::after {
  content: none !important;
  display: none !important;
}

/* Avoid blur caused by enlargement, transformations, and sharpen/contrast filters. */
body.ml-v10.v3 .v3-hero-photo img,
body.ml-v10.v3 .v3-founder-photo img,
body.ml-v10.v3 .v3-journal-image img,
body.ml-v10.v3 .v3-manifesto-photos img,
body.ml-v10.v3 .v3-ritual-media img,
body.ml-v10.v3 .v3-product-image img {
  display: block;
  image-rendering: auto;
  filter: none !important;
  transform: none !important;
  border-radius: 0 !important;
}

/* Hero: 4:3 portrait framing keeps the founder's face and the full setting. */
body.ml-v10.v3 .v3-hero-photo {
  width: 100%;
  max-width: 620px;
  margin-inline: auto;
  overflow: hidden;
}
body.ml-v10.v3 .v3-hero-photo img {
  width: 100%;
  height: auto !important;
  aspect-ratio: 4 / 3 !important;
  object-fit: cover !important;
  object-position: 50% 45% !important;
}

/* Founder: original vertical photo, cropped above the table for focus. */
body.ml-v10.v3 .v3-founder-photo {
  width: 100%;
  max-width: 540px;
  overflow: hidden;
}
body.ml-v10.v3 .v3-founder-photo img {
  width: 100%;
  height: auto !important;
  aspect-ratio: 4 / 5 !important;
  object-fit: cover !important;
  object-position: 50% 42% !important;
}

/* Same visual height and sharp edges for the two shade packs. */
body.ml-v10.v3 .v3-collection .v3-product-image {
  aspect-ratio: 1.44 !important;
  min-height: 0;
  background: #fff !important;
  overflow: hidden;
}
body.ml-v10.v3 .v3-collection .v3-product-image img {
  width: 100% !important;
  height: 100% !important;
  max-width: 530px !important;
  max-height: 100% !important;
  object-fit: contain !important;
}

/* Journal: three matching 4:3 editorial frames; original uncropped sources
   are never expanded beyond their native pixel width. */
body.ml-v10.v3 .v3-journal-grid { align-items: stretch; }
body.ml-v10.v3 .v3-journal-card { overflow: hidden; }
body.ml-v10.v3 .v3-journal-image {
  width: 100%;
  aspect-ratio: 4 / 3 !important;
  min-height: 0;
  overflow: hidden;
  background: #fff9f5;
}
body.ml-v10.v3 .v3-journal-image img {
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  aspect-ratio: 4 / 3 !important;
  object-fit: cover !important;
  object-position: 50% 43% !important;
}
body.ml-v10.v3 .v3-journal-image img[src*="journal-love-original"] {
  object-position: center center !important;
}

/* Inclusive portraits: preserve both photographs with squared frames. */
body.ml-v10.v3 .v3-manifesto-main,
body.ml-v10.v3 .v3-manifesto-accent { overflow: hidden; }
body.ml-v10.v3 .v3-manifesto-main img,
body.ml-v10.v3 .v3-manifesto-accent img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center 43% !important;
}

/* Mobile adjustments preserve faces and readable Journal photography. */
@media (max-width: 720px) {
  body.ml-v10.v3 .v3-hero-photo {
    width: min(100%, 510px);
  }
  body.ml-v10.v3 .v3-hero-photo img {
    aspect-ratio: 5 / 4 !important;
    object-position: 50% 43% !important;
  }
  body.ml-v10.v3 .v3-founder-photo {
    width: min(100%, 450px);
    margin-inline: auto;
  }
  body.ml-v10.v3 .v3-founder-photo img {
    aspect-ratio: 4 / 5 !important;
    object-position: 50% 42% !important;
  }
  body.ml-v10.v3 .v3-journal-card {
    width: 100%;
    max-width: 530px;
    margin-inline: auto;
  }
  body.ml-v10.v3 .v3-journal-image {
    aspect-ratio: 4 / 3 !important;
  }
  body.ml-v10.v3 .v3-collection .v3-product-image {
    aspect-ratio: 1.45 !important;
  }
}