.back {
    font-style: italic;
}

.column h1 {
    margin-top: 0rem;
}

/* .project-title {
    margin-bottom: 1rem;
} */

.project-description img {
    width: 100%;
    height: auto;
    aspect-ratio: auto;
    object-fit: contain;
}

.project-img {
    width: 100%;
    height: auto;
    aspect-ratio: auto;
    object-fit: contain;
}

.project-description p {
    margin-bottom: 1rem;
}

ol {
    margin-top: 2rem;
    counter-reset: item;
    margin-left: 0;
    padding-left: 0;
}

ol > li {
    display: block;
    margin-bottom: .5rem;
    margin-left: 1.5em;
}

ol > li::before {
    display: inline-block;
    content: "[" counter(item) "] ";
    counter-increment: item;
    width: 1em;
    margin-left: -1.5em;
    text-align: right;
    margin-right: 0.5em;
}

figcaption {
    margin-top: 0.5rem;
    color: gray;
    font-style: italic;
}

.back-research {
    margin-top: 1rem;
}

.back-research-link {
    font-style: italic;
}

@media screen and (max-width: 55rem) {
    .project-img {
      max-height: 16rem;
      object-fit: contain;
    }
  
    .grid > .column {
      margin-bottom: 1rem;
    }
  
  }