/* Shared media frame used by page-specific hero and editorial sections. */

.feature-media {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    min-width: 0;
}

.feature-media__visual {
    position: relative;

    width: min(100%, 40rem);
    aspect-ratio: var(--feature-media-aspect-ratio, 3 / 2);

    overflow: hidden;

    border-radius: 0.75rem;

    background-color: var(--color-white);
    box-shadow: 0 0.5rem 1.875rem rgba(9, 23, 37, 0.04);
}

.feature-media__image {
    position: relative;
    z-index: 1;

    display: block;

    width: 100%;
    height: 100%;
    object-fit: cover;
}