/* The same uploaded cover can appear in both the catalogue and home grid. */
html body #main#main :is(.home-balanced .home-venues .home-venue-visual,
    .local-venues.concierge-catalog .concierge-venue-photo) {
    aspect-ratio: 16 / 9;
    height: auto;
    min-height: 0;
    width: 100%;
    padding: 0;
    position: relative;
    overflow: hidden;
    align-self: start;
}
html body #main#main :is(.home-venue-visual, .concierge-venue-photo) > img[data-card-photo] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    min-height: 0;
    max-height: none;
    padding: 0;
    background: var(--venue-matte, var(--lounge-soft, #eeeee8));
    object-fit: contain;
    object-position: center;
}
html body #main#main :is(.home-venue-visual, .concierge-venue-photo) > img[data-cover-kind="photo"] {
    object-fit: cover;
    object-position: var(--venue-focus, center);
}
.venue-editor-page #venue-upload-cover :is([data-photo-list], [data-media-list]) img {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: contain;
    padding: 0;
    background: var(--venue-matte, var(--lounge-soft, #eeeee8));
}
.venue-editor-page #venue-upload-cover[data-preview-fit="cover"] :is([data-photo-list], [data-media-list]) img {
    object-fit: cover;
    object-position: var(--cover-preview-position, center);
}
.venue-editor-page #venue-upload-cover[data-preview-mode="mobile"] :is([data-photo-list], [data-media-list]) img {
    aspect-ratio: 1;
}
@media (max-width:600px) {
    html body #main#main :is(.home-balanced .home-venues .home-venue-visual,
        .local-venues.concierge-catalog .concierge-venue-photo) { aspect-ratio: 1; }
}