.entry-content video.art-blog-video {
    display: block;
    float: none;
    width: 100%;
    height: auto;
    max-width: min(100%, calc(76vh * var(--art-video-ratio, 1.777778)));
    max-height: 76vh;
    margin: 1.5rem auto;
    background: #111;
    object-fit: contain;
    border-radius: 6px;
}

@supports (height: 1svh) {
    .entry-content video.art-blog-video {
        max-width: min(100%, calc(76svh * var(--art-video-ratio, 1.777778)));
        max-height: 76svh;
    }
}

.entry-content video.art-blog-video:fullscreen {
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    margin: 0;
    border-radius: 0;
}