/* YG3 Hub — Media Depth Tweak
   Make the left image "deeper" (taller) than V2's 5/4.
   Uses a CSS variable so you can fine-tune without editing multiple rules.
   Safe: only affects cards inside .yg3-hub.
*/

.yg3-hub {
  /* Lower value = taller image (since aspect-ratio = width / height) */
  --yg3-media-ratio: 4 / 5; /* was 5 / 4; try 4/5 for a deeper crop; try 3/4 for even deeper */
}

/* Apply to the card media block used in V2 */
.yg3-hub .yg3-card .yg3-card__media{
  aspect-ratio: var(--yg3-media-ratio, 4 / 5) !important;
  border-radius: 14px !important; /* keep the nice soft corners */
}

/* Optional: slightly deeper again on big desktop screens */
@media (min-width: 1280px){
  .yg3-hub {
    --yg3-media-ratio: 3 / 4; /* a touch taller on wide screens */
  }
}