.portal-hero-banner > .portal-hero-background-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    pointer-events: none;
    z-index: 0;
    border-radius: inherit;
}
.portal-hero-banner > .portal-hero-background-video[hidden] { display: none; }
.portal-hero-banner > .portal-hero-background-video ~ .portal-image-container { z-index: 1; }
.portal-hero-banner > .portal-hero-background-video:not([hidden]) ~ .portal-image-container > .mask,
.portal-hero-banner:has(> .portal-hero-background-video:not([hidden])) > .portal-hero-overlay-mask {
    background: linear-gradient(rgba(0, 0, 0, .18), rgba(0, 0, 0, .5));
}
.portal-hero-banner:has(> .portal-hero-background-video:not([hidden])) > .portal-hero-overlay-mask {
    z-index: 1;
    pointer-events: none;
}
.portal-hero-banner:has(> .portal-hero-background-video:not([hidden])) > .portal-image-container {
    z-index: 2;
}
.hero-video-controls { margin: 0 0 1rem; font-size: 1rem; }
.hero-video-controls .form-control { margin-bottom: .5rem; font-size: 1rem; max-width: 32rem; }
.hero-video-controls .hero-video-help { margin: .5rem 0; max-width: 42rem; font-size: .875rem; }