/*#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;
}

.project-card{
  height: 150px;
}

.image-container{
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.image-container img{
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}


#full-row .project-card {
    width: 50% !important;
    float: left;
    padding: 0 10px;
    box-sizing: border-box;
}

@media (min-width: 576px) {
    #full-row .project-card {
        width: 25% !important;
    }
}

@media (min-width: 768px) {
    #full-row .project-card {
        width: 16.666% !important;
    }
}

#full-row {
    margin-left: -10px;
    margin-right: -10px;
}