/* Individual video pages: adapt to vertical or wide videos (same idea as the /videos/ library) */
.vp-player-wrap{position:relative;overflow:hidden}
.vp-bg{position:absolute;inset:-24px;background-size:cover;background-position:center;filter:blur(22px) brightness(.55);z-index:0;display:none}
.vp-player-wrap.is-portrait .vp-bg{display:block}
.vp-player-wrap.is-portrait{background:#14203f}
.vp-player-wrap.is-portrait>div:not(.vp-bg){position:relative!important;z-index:1;padding-bottom:0!important;height:auto!important;aspect-ratio:9/16;width:min(380px,100%,calc(78vh*9/16));margin:0 auto;overflow:hidden}
.vp-player-wrap.is-portrait>video{position:relative;z-index:1;width:auto;max-width:min(380px,100%);max-height:78vh;margin:0 auto;display:block}
.vp-player-wrap.is-portrait>iframe{position:relative;z-index:1;display:block;aspect-ratio:9/16;height:auto;width:min(380px,100%,calc(78vh*9/16));margin:0 auto}
.vp-related-thumb{position:relative;overflow:hidden}
.vp-related-thumb img{position:relative;z-index:1}
.vp-related-thumb .vp-bg{inset:-12px;filter:blur(14px) brightness(.7)}
.vp-related-thumb.is-short .vp-bg{display:block}
.vp-related-thumb.is-short img{object-fit:contain}
@media(max-width:600px){.vp-player-wrap.is-portrait>div:not(.vp-bg){width:min(320px,100%,calc(78vh*9/16))}}