.image-wrapper{
    border-radius: 0;
    aspect-ratio: var(--main-aspect-ratio-projects);
}

.main-content{
    padding-inline: 2vw;
    overflow: hidden;
}

.journal-article {
   display: flex;
   flex-direction: column;
   align-items: center;
}

main .article-image:first-child{
    margin-top: var(--space-small);
    margin-bottom: var(--space-large);
}

main .article-image{
    margin-bottom: var(--space-large);
}

main .journal-grid-gallery{
    display: grid;
    margin-bottom: var(--space-large);
}

.grid-component{
    grid-column-end: span 6;
}

main p{
    max-width: 66ch;
    line-height: var(--line-height-loose);
    margin-bottom: var(--main-basic-space);
}

ol {
   width: 100%;
   max-width: 66ch;
   list-style-position: inside;
   list-style-type: decimal-leading-zero;
   line-height: var(--line-height-loose);
   margin-bottom: var(--main-basic-space);
}

ol li::marker {
    /* content: counter(list-item) " ";
    margin-right: 0.5em; */
    color: rgb(var(--main-accent-color));
}

ol li {
   max-width: 40ch;
}

main .space-large{
    margin-bottom: var(--space-large);
}

main p.space-large{
    margin-bottom: var(--space-large);
}

main h1{
    max-width: 15ch;
}

main h4{
    margin-top: var(--space-small);
}

.project-image-caption{
    font-size: var(--font-size-caption);
    margin-top: var(--space-xsmall);
    opacity: 0;
    transform: translateY(var(--translate-Y));
    transition: opacity var(--main-transition-time) var(--main-ease), transform var(--main-transition-time) var(--main-ease);
}

.project-image-caption.visible{
    opacity: 1;
    transform: translateY(0);
}

.grid-component.full-width > div:first-child, .article-image.full-width > div:first-child {
    margin-inline: calc(-1 * var(--main-margin));
}

.article-image.full-width .project-image-caption{
    padding-inline: 6vw;
}

main .article-tags{
    display: flex;
    gap: var(--space-small);
    font-size: var(--font-size-caption);
    margin-bottom: var(--space-xsmall);
    color: rgb(var(--main-accent-color));
}

main .journal-article{
    margin-block: 0;
}

main h1:first-of-type{
   margin-bottom: var(--space-xsmall);
}

.autorship{
    font-size: var(--font-size-caption);
    margin-bottom: var(--space-large);
}

.main-content .footer-project{
    display: flex;
    justify-content: space-between;
    margin-top: var(--space-xlarge);
    margin-bottom: var(--space-medium);  
}

.footer-project a{
    transition: color var(--main-transition-time) var(--main-ease);
}

@media only screen and (min-width: 850px) {
    .framed{
        padding-inline: var(--space-medium); 
      }

      .main-content{
    padding-inline: 6vw;
      }
}