/*
 * Desktop alignment for the three visible areas of the "additional works"
 * carousel: the existing vertical thumbnails, copy card and main photograph.
 */
@media (min-width: 992px) {
    .add_works .inner {
        align-items: stretch;
    }

    .add_works .aside {
        /* Override the legacy -14px visual offset loaded later in new_style.css. */
        top: 0 !important;
        align-self: stretch;
    }

    .add_works .popular-content {
        align-self: stretch;
        display: flex;
        min-width: 0;
    }

    .add_works .popular-content > .splide,
    .add_works .popular-content .splide__track,
    .add_works .popular-content .splide__list,
    .add_works .popular-content .splide__slide,
    .add_works .popular-content .slide-inner {
        height: 100%;
    }

    .add_works .popular-content > .splide {
        flex: 1 1 auto;
        min-width: 0;
    }

    .add_works .popular-content .slide-inner {
        align-items: stretch;
    }

    .add_works .popular-content .text-content {
        display: flex;
        flex-direction: column;
        min-height: 0;
    }

    .add_works .popular-content .text-content .desc {
        flex: 1 1 auto;
    }

    .add_works .popular-content .text-content .hdn {
        margin-top: auto;
    }

    .add_works .popular-content .image,
    .add_works .popular-content .image > img {
        height: 100%;
    }

    .add_works .popular-content .image > img {
        width: 100%;
        /* Keep captions embedded in the source photographs visible. */
        object-fit: fill;
    }
}