body .snm-related-grid > .snm-related-card.snm-has-thumbnail-video {
    width:calc(75vh * var(--snm-video-ratio, 1));max-width:100%;
}
.snm-thumbnail-video-media {position:relative;display:block;width:100%;height:75vh;overflow:hidden;}
body .snm-related-card .snm-thumbnail-video-media > img,
body .snm-related-card .snm-thumbnail-video-media > video {
    position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%;
    margin:0;object-fit:contain;object-position:left top;aspect-ratio:auto;
}
.snm-thumbnail-video-media > video {opacity:0;pointer-events:none;}
.snm-thumbnail-video-media.snm-thumbnail-playing > video {opacity:1;}
.snm-thumbnail-video-media.snm-thumbnail-playing > img {opacity:0;}
/* The preview pane defines the available space; every native media ratio fits inside it. */
body .snm-index-demo .snm-index-preview-media {
    position:relative;display:block;width:100%;height:100%;min-height:0;
    overflow:hidden;background:#F6F6F6;
}
body .snm-index-demo .snm-index-preview-empty {display:none;}
body .snm-index-demo .snm-index-preview-media > .snm-index-preview-image,
body .snm-index-demo .snm-index-preview-media > .snm-project-thumbnail-video {
    position:absolute;inset:0;display:block;width:100%;height:100%;
    max-width:100%;max-height:100%;margin:0;aspect-ratio:auto;
    object-fit:contain;object-position:left top;background:transparent;
}
body .snm-index-demo .snm-index-preview-media > .snm-index-preview-image[hidden] {display:none;}
.snm-index-preview-media > .snm-project-thumbnail-video {
    pointer-events:none;opacity:0;
}
.snm-index-preview-media.snm-thumbnail-playing > .snm-project-thumbnail-video {opacity:1;}
.snm-index-preview-media.snm-thumbnail-playing > .snm-index-preview-image {opacity:0;}
@media (max-width:1230px) {
    .snm-thumbnail-video-media {height:auto;aspect-ratio:var(--snm-video-ratio, 1);}
}