.logo {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 8px 0;
}

.logo img {
  width: 210px;
  height: auto;
  max-height: 68px;
  object-fit: contain;
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, .12));
}

.footer-grid img {
  width: 250px;
  height: auto;
  filter: drop-shadow(0 3px 12px rgba(0, 0, 0, .18));
}

@media (max-width: 620px) {
  .logo img {
    width: 176px;
    height: auto;
    max-height: 56px;
  }
}

.project.real-project {
  background: #082f49;
  display: block;
}

.project.real-project::after {
  display: none;
}

.project.real-project img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.project.concrete-project img {
  object-fit: contain;
}

.project.roof-project img {
  object-fit: contain;
}

.gallery article {
  display: flex;
  flex-direction: column;
}

.gallery .project.real-project {
  aspect-ratio: 16 / 10;
  height: auto;
}

.gallery .project.real-project img {
  object-fit: cover;
}

.gallery .project.tall-project img,
.gallery .project.concrete-project img,
.gallery .project.roof-project img {
  object-fit: contain;
}

.gallery h3 {
  line-height: 1.2;
}

.gallery p {
  margin-top: auto;
}