/* =========================================================
   V58 - VIDEO HERO ONLY
   The homepage hero uses a full background video.
   No static roaming fox PNG.
   ========================================================= */

.cl57-hero-fox,
.cl57-fox-shadow{
    display:none!important;
}

.cl9-hero{
    position:relative!important;
    overflow:hidden!important;
    isolation:isolate!important;
    min-height:700px!important;
    background:#050b13!important;
}

.cl54-hero-video{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    z-index:0!important;
    object-fit:cover!important;
    object-position:center center!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:none!important;
    user-select:none!important;
    -webkit-user-select:none!important;
    filter:saturate(1.05) contrast(1.08) brightness(.84)!important;
}

.cl46-hero-bg,
.cl54-hero-fallback,
.cl9-hero-image{
    display:none!important;
}

.cl54-hero-video::-webkit-media-controls,
.cl54-hero-video::-webkit-media-controls-enclosure,
.cl54-hero-video::-webkit-media-controls-panel,
.cl54-hero-video::-webkit-media-controls-play-button,
.cl54-hero-video::-webkit-media-controls-picture-in-picture-button,
.cl54-hero-video::-webkit-media-controls-fullscreen-button{
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
}

.cl52-hero-decor{
    z-index:1!important;
}

.cl9-hero-overlay{
    z-index:2!important;
    background:
      linear-gradient(90deg,
        rgba(4,9,16,.94) 0%,
        rgba(4,9,16,.74) 34%,
        rgba(4,9,16,.40) 58%,
        rgba(4,9,16,.13) 79%,
        rgba(4,9,16,.24) 100%),
      linear-gradient(180deg,
        rgba(4,9,16,.05),
        rgba(4,9,16,.10) 50%,
        rgba(4,9,16,.62) 100%)!important;
}

.cl9-hero-inner{
    position:relative!important;
    z-index:3!important;
}