/*#support-video {*/
/*  display: block;*/
/*  margin: 2em auto 0 auto; !* center horizontally with top margin *!*/
/*  width: 100%;*/
/*  height: auto;*/
/*  float: right; !* if you want it floated right *!*/
/*}*/

.video-wrapper {
  width: 100%;
  max-width: 100%;
  max-height: 100%; /* Or your desired limit */
  background: black;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 20;
}

#about-bg-video {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: black;
  display: block;
}

.dark-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.98);
  opacity: 0;
  pointer-events: none;
  z-index: 10;
  transition: opacity 2.0s;
}

#support-image {
  /* Long, soft fade – edges completely invisible, gradual transition */
  mask-image:
    linear-gradient(to top,    transparent 0%, black 10%, black 90%, transparent 100%),
    linear-gradient(to right,  transparent 0%, black 10%, black 90%, transparent 100%);
  mask-composite: intersect;
}