.project__header {
  padding: 39px 0 100px;
}
.project__top {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.project__top-images {
  display: flex;
  flex-direction: column;
}
.project__top-images img {
  max-width: 100%;
}
.project__top-image {
  position: sticky;
  top: var(--navigation-height);
}
.project__top-info {
  width: 100%;
  font-family: var(--seconday-font);
  font-size: 20px;
  margin-bottom: 80px;
}
.project__top-info th {
  padding: 15px 0px;
  text-align: left;
  text-transform: uppercase;
}
.project__top-info td {
  padding: 15px 0px;
}
.project__top-info tr {
  border-top: 1px solid black;
}
.project__top-info tr:last-child {
  border-bottom: 1px solid black;
}
.project__top-text {
  padding-left: 84px;
}
.project__top-text-inner {
  position: sticky;
  top: var(--navigation-height);
}
.project__bottom {
  padding-bottom: 60px;
  display: flex;
  flex-direction: column;
}
.project__bottom-image {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 90px;
  width: 100%;
  column-gap: 30px;
}
.project__bottom-image figcaption {
  margin-top: 10px;
  width: 100%;
  text-align: center;
}
.project__bottom-image img {
  max-height: calc(var(--vh) * 90);
  max-width: min(85vw, 100%);
  object-fit: contain;
  min-width: 0;
}
@media (min-width: 782px) {
  .project__bottom-image--left, .project__bottom-image--right {
    width: calc(50% - 80px);
  }
  .project__bottom-image--left + .project__bottom-image--left, .project__bottom-image--left + .project__bottom-image--right, .project__bottom-image--right + .project__bottom-image--left, .project__bottom-image--right + .project__bottom-image--right {
    margin-top: calc(var(--vh) * -40);
  }
  .project__bottom-image--left img {
    align-self: flex-start;
    object-position: left;
  }
  .project__bottom-image--left figcaption {
    text-align: left;
  }
  .project__bottom-image--right {
    align-self: flex-end;
  }
  .project__bottom-image--right img {
    align-self: flex-end;
    object-position: right;
  }
  .project__bottom-image--right figcaption {
    text-align: right;
  }
}
@media (max-width: 781px) {
  .project__header {
    padding: 39px var(--gutter) 30px 0;
  }
  .project__top-images {
    margin-bottom: 30px;
  }
  .project__top {
    grid-template-columns: 1fr;
  }
  .project__top-text-inner {
    position: static;
  }
  .project__top-text {
    padding-left: 0;
    padding-bottom: 80px;
  }
  .project__bottom-image {
    margin-top: 40px;
  }
  .project__bottom-image img {
    max-height: 100%;
    max-width: 100%;
  }
}

/*# sourceMappingURL=project.css.map */