/* Instagram-friendly post cards
   Dope's default feed crop is landscape (62.5% / ~16:10) with object-fit:cover,
   which chops portrait Instagram photos. Use a 4:5 frame (IG portrait) instead,
   anchored to the top so faces/outfits stay in frame. */

.u-placeholder.ig-frame {
    height: auto !important;
    padding-bottom: 0 !important;
    overflow: hidden;
    background-color: var(--light-gray-color, #f1f1f1);
}

.u-placeholder.ig-frame .post-image-link {
    display: block;
    line-height: 0;
    position: relative;
    aspect-ratio: 4 / 5;
    overflow: hidden;
}

.u-placeholder.ig-frame .post-image {
    position: absolute !important;
    inset: 0;
    display: block;
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    object-position: center top;
}

.post-feed .post-media {
    width: 380px;
}

.post-feed .post-media .ig-frame {
    border-radius: 2px;
}

.related-posts .post-media {
    width: 260px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .post-feed .post-media {
        width: 240px;
    }
}

@media (max-width: 767px) {
    .post-feed .post-media {
        width: auto;
    }
}