.topbar{background:rgba(7,5,4,.66)}
.hero-bg{z-index:0;filter:saturate(.96) brightness(1.38) contrast(.98);transition:opacity .5s ease}
.hero-video-layer{position:absolute;inset:0;z-index:1;overflow:hidden;background:#0b0806;opacity:0;transition:opacity .55s ease;pointer-events:none}
.hero-video-layer.active{opacity:1}
.hero-video-layer.active + .hero-bg{opacity:.12}
.hero-video-layer iframe,.hero-video-layer video{position:absolute;top:50%;left:50%;width:177.7778vh;min-width:100%;height:56.25vw;min-height:100%;transform:translate(-50%,-50%);border:0;pointer-events:none;filter:saturate(.88) brightness(.82) contrast(1.04)}
.hero-vignette{z-index:2;background:linear-gradient(180deg,rgba(4,3,2,.22),rgba(5,3,2,.03) 38%,rgba(8,5,3,.50) 86%,#090705),radial-gradient(circle at center,rgba(0,0,0,0),rgba(0,0,0,.38) 94%)}
.hero-content{z-index:3;text-shadow:0 2px 18px rgba(0,0,0,.82)}
@media(max-width:700px){.hero-video-layer iframe{width:240vh;height:75vw}}