/* TechAndEdu: deliberately simple, bounded gallery that cannot expand to viewport size. */
.project-gallery.techandedu-gallery{
  display:grid !important;
  width:100% !important;
  max-width:840px !important;
  margin:28px auto 0 !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  grid-auto-flow:row !important;
  gap:12px !important;
  overflow:visible !important;
}

.project-gallery.techandedu-gallery figure{
  display:block !important;
  position:relative !important;
  width:100% !important;
  min-width:0 !important;
  height:170px !important;
  margin:0 !important;
  padding:0 !important;
  grid-column:auto !important;
  grid-row:auto !important;
  border-radius:12px !important;
  overflow:hidden !important;
  background:#eef2f5 !important;
  opacity:1 !important;
  transform:none !important;
}

.project-gallery.techandedu-gallery figure::before,
.project-gallery.techandedu-gallery figure::after{
  content:none !important;
  display:none !important;
}

.project-gallery.techandedu-gallery img{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  height:170px !important;
  min-height:0 !important;
  margin:0 !important;
  object-fit:cover !important;
  object-position:center !important;
  opacity:1 !important;
  transform:none;
}

@media(max-width:760px){
  .project-gallery.techandedu-gallery{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }
  .project-gallery.techandedu-gallery figure,
  .project-gallery.techandedu-gallery img{height:145px !important}
}

@media(max-width:480px){
  .project-gallery.techandedu-gallery{
    grid-template-columns:1fr !important;
    max-width:360px !important;
  }
  .project-gallery.techandedu-gallery figure,
  .project-gallery.techandedu-gallery img{height:190px !important}
}