/* SECTION */
.gemba-founder-section{
  width:50%;
  /* padding:40px 20px;
  background:#04152D;
 */}

.gemba-founder-container{
  max-width:1200px;
  margin:auto;
}

/* GRID */
.gemba-founder-grid{
  display:grid;
  grid-template-columns:repeat(12, 1fr);
  gap:14px;
	row-gap: 20px;
}

/* CARD */
.gemba-founder-card{
  position:relative;
  /* border-radius:18px; */
  overflow:hidden;
  perspective:1200px;
  min-height:100px;
}

/* INNER */
.gemba-founder-card-inner{
  position:relative;
  width:100%;
  height:100%;
  min-height:inherit;
  transition:transform .8s ease;
  transform-style:preserve-3d;
}

/* HOVER */
.gemba-founder-card:hover .gemba-founder-card-inner{
  transform:rotateY(180deg);
}

/* FRONT + BACK */
.gemba-founder-front,
.gemba-founder-back{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  /* border-radius:18px; */
  overflow:hidden;
  backface-visibility:hidden;
}

.gemba-founder-back{
  transform:rotateY(180deg);
}

/* IMAGES */
.gemba-founder-front img,
.gemba-founder-back img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}

/* EXACT GRID */

/* TOP */
.gemba-card-1{
  grid-column:span 3;
  height:162px;
	width:170px
}

.gemba-card-2{
  grid-column:span 4;
  height:162px;
	width:230px;
}

.gemba-card-3{
  grid-column:span 5;
  height:162px;
	width:298px;
}

/* MIDDLE */
.gemba-card-4{
  grid-column:span 5;
  height:280px;
	width:292px;
}

.gemba-card-5{
  grid-column:span 4;
  height:206px;
		width:230px;
}

.gemba-card-6{
  grid-column:span 3;
  height:206px;
	width:173px;
}

/* BOTTOM */
.gemba-card-7{
  grid-column:span 5;
  height:137px;
	width:292px;
  margin-top:0px;
}

.gemba-card-8{
grid-column: span 4;
    height: 208px;
	width:230px;
    top: -70px;
}

.gemba-card-9{
  grid-column:span 3;
    height: 209px;
	width:173px;
    top: -70px;
}

/* MOBILE */
@media (max-width: 768px){
  .gemba-founder-section{
    display:none!important;
  }
}

	
@media(max-width:768px){
	
  .gemba-founder-grid{
    grid-template-columns:1fr;
    gap:16px;
  }

  .gemba-card-1,
  .gemba-card-2,
  .gemba-card-3,
  .gemba-card-4,
  .gemba-card-5,
  .gemba-card-6,
  .gemba-card-7,
  .gemba-card-8,
  .gemba-card-9{
    grid-column:span 1;
    height:auto;
    aspect-ratio:1/1;
    margin-top:0;
  }

}

/* Hide on desktop */
.show-on-mobile{
  display:none;
}

/* Show only on mobile */
@media (max-width: 768px){

  .show-on-mobile{
    display:block;
  }

}