body {
    margin-bottom: var(--big-height);
}

/* ------------------
ARTICLE TITRE
--------------------- */

.article-title {
    margin-bottom: calc(var(--big-height) - 1em);
    position: sticky;
    top: var(--margin-big);
}

/* ------------------
ARTICLE METADATA
--------------------- */

.project-metadata {
    position: fixed;
    top: calc(var(--big-height) + var(--margin-big));

    width: var(--col-2);
    min-width: 200px;

    text-align: center;
    display: block;
    left: var(--col-9);

    text-transform: lowercase;
}

/* ------------------
ARTICLE CONTENU
--------------------- */

.article-content {
    width: var(--col-4);
    min-width: 400px;
}

.article-content>* {
    margin: 0;
    width: 100% !important;
}

.article-content>p {
    text-align: justify;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.article-content>p.is-alt-text {
    padding-left: var(--col-05);
}

.article-content> :is(img, figure, video, iframe, embed, object, audio, .wp-block-image, .wp-block-embed, .wp-block-video, .wp-block-audio, .wp-block-gallery) {
    display: block;
}

.article-content>p+p {
    margin-top: 0;
}

.article-content>p:not(:has(:is(img, figure, video, iframe, embed, object, audio, .wp-block-image, .wp-block-embed, .wp-block-video, .wp-block-audio, .wp-block-gallery)))+p:has(:is(img, figure, video, iframe, embed, object, audio, .wp-block-image, .wp-block-embed, .wp-block-video, .wp-block-audio, .wp-block-gallery)),
.article-content>p:has(:is(img, figure, video, iframe, embed, object, audio, .wp-block-image, .wp-block-embed, .wp-block-video, .wp-block-audio, .wp-block-gallery))+p:not(:has(:is(img, figure, video, iframe, embed, object, audio, .wp-block-image, .wp-block-embed, .wp-block-video, .wp-block-audio, .wp-block-gallery))),
.article-content>p:has(:is(img, figure, video, iframe, embed, object, audio, .wp-block-image, .wp-block-embed, .wp-block-video, .wp-block-audio, .wp-block-gallery))+p:has(:is(img, figure, video, iframe, embed, object, audio, .wp-block-image, .wp-block-embed, .wp-block-video, .wp-block-audio, .wp-block-gallery)),
.article-content>p+ :is(img, figure, video, iframe, embed, object, audio, .wp-block-image, .wp-block-embed, .wp-block-video, .wp-block-audio, .wp-block-gallery),
.article-content> :is(img, figure, video, iframe, embed, object, audio, .wp-block-image, .wp-block-embed, .wp-block-video, .wp-block-audio, .wp-block-gallery)+p {
    margin-top: var(--medium-height);
}

.article-content> :is(img, figure, video, iframe, embed, object, audio, .wp-block-image, .wp-block-embed, .wp-block-video, .wp-block-audio, .wp-block-gallery)+ :is(img, figure, video, iframe, embed, object, audio, .wp-block-image, .wp-block-embed, .wp-block-video, .wp-block-audio, .wp-block-gallery) {
    margin-top: 1rem;
}

.article-content figcaption {
    font-style: italic;
    margin-top: 1em;
}

/* ------------------
ARTICLE DOCUMENTS LIES + CREDITS
--------------------- */

.documents-lies-block,
.credits-block {
    margin-top: var(--medium-height);
    font-size: var(--large-txt);

    text-transform: lowercase;
}

.documents-lies,
.credits-content {
    padding-left: var(--col-1);
}


/* NAVIGATION ENTRE ARTICLES */
.single-article-nav {
    margin-top: var(--medium-height);

    display: flex;
    flex-direction: column;
    gap: 2rem;
    width: var(--col-4);
    min-width: 400px;

    text-transform: lowercase;
}

.single-article-nav-item {
    display: flex;
}

.single-article-nav-arrow {
    font-feature-settings: "ss04" 1, "salt" 1;
    font-variant-alternates: stylistic(4);
    font-variant-ligatures: no-common-ligatures;

    font-size: var(--large-txt);
    min-width: var(--col-1);
    max-width: var(--col-1);
}

.single-article-nav-title {
    font-size: var(--large-txt);
    margin-bottom: 0.15em;
}


@media (max-width: 940px) {
    .project-metadata {
        position: relative;
        top: 0;
        width: var(--col-4);
        min-width: 400px;
        left: 0;
        margin-bottom: var(--medium-height);
    }

}


@media (max-width: 750px) {
    body {
        margin-bottom: var(--medium-height);
    }

    .article-title {
        margin-bottom: var(--medium-height);
        position: relative;
        top: 0;
    }

    .project-metadata {
        width: var(--col-2);
        min-width: unset;
        margin: 0 auto;
        margin-bottom: var(--medium-height);
    }

    .article-content {
        min-width: unset;
    }

    .documents-lies,
    .credits-content {
        padding-left: var(--col-05);
    }

    .single-article-nav {
        min-width: unset;
    }

    .single-article-nav-arrow {
        min-width: var(--col-05);
        max-width: var(--col-05);
    }

}