.portfolio-grid {
  background-color: #0A0A0A;
}
.portfolio-grid .grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
}
.portfolio-grid .grid .grid-item {
  cursor: pointer;
}
.portfolio-grid .grid .grid-item:hover .image-container img {
  scale: 1.1;
}
.portfolio-grid .grid .grid-item.blank {
  cursor: default;
}
.portfolio-grid .grid .grid-item.blank .image-container {
  width: 100%;
  aspect-ratio: 1;
  border: solid 1px #D4AF37;
}
.portfolio-grid .grid h2 {
  margin-top: 21px;
}
.portfolio-grid .grid .project-excerpt {
  margin-top: 21px;
}
.portfolio-grid .grid .image-container {
  overflow: hidden;
  border-radius: 8px;
}
.portfolio-grid .grid .image-container img {
  max-width: 100%;
  width: 100%;
  aspect-ratio: 1;
  scale: 1;
  transition: scale 0.5s ease-in-out;
  object-fit: cover;
}
@media (min-width: 768px) {
  .portfolio-grid .grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1200px) {
  .portfolio-grid .grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1921px) {
  .portfolio-grid .grid {
    grid-template-columns: repeat(4, 1fr);
  }
}