.work__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
  grid-auto-rows: 1fr;
}

@media (min-width: 640px) {
  .work__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1024px) {
  .work__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.case-study {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}

.case-study__link {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
  height: 100% !important;
  min-height: 100% !important;
}

.case-study__img {
  flex-shrink: 0 !important;
  height: 250px !important;
}

.case-study__img-placeholder {
  font-size: 1.5rem !important;
  padding: 1rem !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
  text-align: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.case-study__content {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 1.5rem !important;
}

.case-study__title {
  flex-shrink: 0 !important;
}

.case-study__desc {
  flex: 1 !important;
  min-height: 3em !important;
}

.case-study__result {
  flex-shrink: 0 !important;
  margin-top: auto !important;
  height: 80px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 1rem !important;
  line-height: 1.5 !important;
  text-align: center !important;
}

.case-study__tags {
  flex-shrink: 0 !important;
  margin-top: 1rem !important;
}