.portfolio-grid.real-work {
  align-items: start;
}

.real-work .work {
  padding: 0;
  min-height: 0;
  background: #0c203b;
}

.real-work .work::before {
  display: none;
}

.work-image-wrap {
  aspect-ratio: 4 / 5;
  overflow: hidden;
  background: #07111f;
}

.work-image-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  transition: transform .35s ease;
}

.real-work .work:hover img {
  transform: scale(1.025);
}

.work-copy {
  padding: 22px;
}

.work-copy h3 {
  margin-bottom: 4px;
}

.work-copy p {
  margin-bottom: 14px;
}

.work-copy span {
  color: var(--blue);
  font-size: .8rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

@media (max-width: 800px) {
  .portfolio-grid.real-work {
    grid-template-columns: 1fr;
  }
}

.project-photo {
  background: #07111f !important;
}

.project-photo > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  opacity: .72;
  transition: transform .35s ease, opacity .35s ease;
}

.project-photo::after {
  content: "";
  position: absolute;
  inset: 35% 0 0;
  background: linear-gradient(transparent, rgba(5,9,17,.96));
}

.project-photo:hover > img {
  transform: scale(1.035);
  opacity: .9;
}

.project-photo > div {
  position: relative;
  z-index: 2;
}