/* Refine About Us image cards - keep image clear */

.about-section .image-stack{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 190px !important;
  gap:14px !important;
  align-items:start !important;
  padding:12px !important;
  border-radius:30px !important;
}

.about-section .image-stack > img{
  grid-column:1 / -1 !important;
  height:400px !important;
  width:100% !important;
  object-fit:cover !important;
  border-radius:24px !important;
}

/* main white card below image */
.about-section .image-badge{
  position:relative !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  margin:0 !important;
  grid-column:1 / 2 !important;
  padding:16px 18px !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.96) !important;
  box-shadow:0 14px 40px rgba(15,23,42,.10) !important;
}

/* dark small stat card below image, right side */
.about-floating{
  position:relative !important;
  right:auto !important;
  top:auto !important;
  width:auto !important;
  margin:0 !important;
  grid-column:2 / 3 !important;
  align-self:stretch;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border-radius:18px !important;
  padding:16px !important;
  background:linear-gradient(135deg,#07111f,#10243c) !important;
  box-shadow:0 16px 42px rgba(15,23,42,.16) !important;
}

.about-floating strong{
  font-size:28px !important;
}

.about-floating span{
  font-size:12px !important;
  line-height:1.45 !important;
}

/* make whole about block a little cleaner */
.about-section .split{
  align-items:start !important;
}

.about-section .split-copy{
  padding:30px !important;
}

/* tablet */
@media(max-width:980px){
  .about-section .image-stack{
    grid-template-columns:1fr 1fr !important;
  }

  .about-section .image-stack > img{
    height:340px !important;
  }

  .about-section .image-badge{
    grid-column:1 / 2 !important;
  }

  .about-floating{
    grid-column:2 / 3 !important;
  }
}

/* mobile */
@media(max-width:640px){
  .about-section .image-stack{
    grid-template-columns:1fr !important;
    gap:10px !important;
    padding:10px !important;
    border-radius:24px !important;
  }

  .about-section .image-stack > img{
    height:280px !important;
    border-radius:18px !important;
  }

  .about-section .image-badge{
    grid-column:auto !important;
    padding:14px !important;
    border-radius:16px !important;
  }

  .about-floating{
    grid-column:auto !important;
    padding:14px !important;
    border-radius:16px !important;
    text-align:center !important;
  }

  .about-section .split-copy{
    padding:22px 18px !important;
  }
}