/* Millowgan's own logo replaces the leaf-emoji placeholder in the featured tile.
   It sits ON the existing sage gradient rather than filling the tile — the mark is
   black line art on white, so cropping it to cover would put a hard white rectangle
   over the sage. Contained and centred keeps the tile's colour around it. */
#page-recommended .rc-feat-pic .rc-ph[data-logo="1"] span{ display:none !important; }
#page-recommended .rc-feat-pic .rc-ph[data-logo="1"] p{ display:none !important; }
#page-recommended .rc-feat-pic .rc-ph[data-logo="1"]{
  display:flex; align-items:center; justify-content:center;
  width:100%; height:100%;
  padding:clamp(18px,6%,44px); box-sizing:border-box;
}
#page-recommended .rc-feat-pic .rc-logo{
  /* An existing rule makes images inside `.rc-feat-pic` `position:absolute; inset:0;
     object-fit:cover` so a partner PHOTO fills the tile. A logo must not be
     stretched edge to edge, so that positioning is undone here. */
  position:static !important;
  inset:auto !important;
  object-fit:contain !important;
  display:block;
  /* At 768–1024 the tile is short, so a percentage height alone shrank the mark to
     83px and the wordmark became unreadable. A floor keeps it legible; the tile has
     room because the logo is contained, not cropped. */
  max-width:min(232px,62%);
  max-height:76%;
  min-width:118px;
  width:auto; height:auto;
  /* the artwork is on a white ground; blending it lets the sage show through
     instead of a white block sitting on the gradient */
  mix-blend-mode:multiply;
}
@media (max-width:1100px){
  /* the tile is SHORT at tablet widths, so the generous padding was doing the
     squeezing — less padding and more of the height available keeps the mark and
     its wordmark readable rather than letterboxed */
  #page-recommended .rc-feat-pic .rc-ph[data-logo="1"]{ padding:14px !important; }
  #page-recommended .rc-feat-pic .rc-logo{ max-height:88%; }
}
@media (max-width:760px){
  #page-recommended .rc-feat-pic .rc-logo{ max-width:min(196px,58%); }
}