/* 1) Hero container */
    .bl.video-hero {
      position: relative;
      width: 100%;
      height: 80vh;
      overflow: hidden;
    }

    /* 2) Full-bleed video */
    .bl.video-hero video {
      position: absolute;
	  z-index:4;
      top: 50%;
      left: 50%;
      width: 100vw;
      height: auto;
      min-height: 100vh;
      transform: translate(-50%, -50%) scaleX(1);
      transform-origin: center center;
      will-change: transform;
    }

    /* 3) Optional overlay content */
    .bl.video-hero .overlay {
      position: absolute;
	  z-index:5;
      top: 0; left: 10%!important;
      max-width: 1400px;
	  width: 40vw;
	  height: 100%;
      display: flex;
       flex-direction: column;
      justify-content: center;
    }