.project-type-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}

.project-type-card{
  position:relative;
  min-height:360px;
  overflow:hidden;
  border-radius:22px;
  background:#173b55;
  box-shadow:0 18px 46px rgba(10,31,47,.12);
  isolation:isolate;
}

.project-type-card .project-photo{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .45s ease;
}

.project-type-card:hover .project-photo{
  transform:scale(1.035);
}

.project-type-card::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(
    180deg,
    rgba(5,18,28,.06) 15%,
    rgba(5,18,28,.22) 48%,
    rgba(5,18,28,.86) 100%
  );
}

.project-type-card.no-photo{
  background:
    radial-gradient(circle at 75% 25%, rgba(138,180,201,.32), transparent 32%),
    linear-gradient(145deg,#1A4F77,#10354f);
}

.project-type-content{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:2;
  padding:26px;
  color:#fff;
}

.project-type-content .tag{
  display:inline-flex;
  margin-bottom:10px;
  padding:.36rem .65rem;
  border:1px solid rgba(255,255,255,.38);
  border-radius:999px;
  background:rgba(12,37,55,.30);
  backdrop-filter:blur(8px);
  font-size:.76rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.project-type-content h3{
  margin:0 0 8px;
  color:#fff;
  font-size:1.45rem;
}

.project-type-content p{
  margin:0;
  color:rgba(255,255,255,.88);
  line-height:1.55;
}

.project-photo-note{
  margin-top:18px;
  font-size:.9rem;
  color:#61707b;
}

@media (max-width:900px){
  .project-type-grid{
    grid-template-columns:1fr;
  }

  .project-type-card{
    min-height:330px;
  }
}