body {
    /* background-color: rgb(255, 243, 245); */
    /* margin-top: var(--space); */
    margin: var(--space) 0 0 0;
}

/* PREMIER BLOC */

.main-artist-info {
    /* background-color: rgba(255, 127, 80, 0.205); */
    width: calc(var(--column) * 10);

    display: flex;
    flex-direction: row;
    margin-left: auto;
    margin-right: auto;
}

/* vignette artiste */
.artiste-thumbnail {
    aspect-ratio: 1 / 1;
    overflow: hidden;
    width: calc(var(--column) * 3);

    position: sticky;
    top: 120px;
}

.artiste-thumbnail img {
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    object-fit: cover;
}

/* infos */
.artist-info-flex2 {
    margin-left: var(--column);
}

h1 {
    font-size: 55px;
}

.artiste-profession {
    margin: 0.3em 0 0.5em 0;
}

.artiste-bio {
    width: calc(var(--column) * 5);
}

.artiste-bio p {
    /* text-indent: calc(var(--column) * 0.5); */
    font-size: var(--labor-txt);
    margin-bottom: 0.5em;
}

/* .artiste-bio p:first-child {
    text-indent: 0;
} */

.artiste-liens {
    margin-top: 1em;
}

.artiste-liens ul {
    display: flex;
    flex-wrap: wrap;
}

.artiste-liens li {
    margin-right: calc(var(--column) * 0.5);
}

/* titre sous partie */
h3 {
    /* margin-left: calc(var(--column) + var(--big-margin)); */
    text-transform: uppercase;
    color: var(--gris50);
    font-weight: var(--light);


}

h3.margin {
    margin: 0 calc(var(--column) + var(--big-margin));
    margin-bottom: 0.5em;
}

.cv-title-line {
    display: flex;
    justify-content: space-between;
    margin: 0 calc(var(--column) + var(--big-margin));
    margin-bottom: 0.5em;
}

/* .cv-pdf-link {
    margin-right: var(--column);
} */

.artiste-cv {
    width: calc(var(--column) * 10);
    margin: 0 auto;
    columns: 2;
    column-gap: calc(var(--column) * 0.5);
    font-size: var(--labor-txt);
    line-height: 125%;
}

.cv-block {
    break-inside: avoid;
    margin-bottom: 1em;
}

.cv-section-title {
    margin-bottom: 0.3em;
}

.cv-block table {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
}

.cv-block table td:nth-child(1) {
    width: var(--column);
}

.cv-block table td {
    vertical-align: top;
    padding-bottom: 0.25em;
}


/* .artiste-galerie img,
.artiste-galerie video {
    max-width: 200px;
} */

@media screen and (max-width: 768px) {
    .main-artist-info {
        width: calc(100vw - calc(var(--mobile-big-margin) * 2));
        flex-direction: column;
        margin-left: var(--mobile-big-margin);
        margin-right: var(--mobile-big-margin);
    }

    .artiste-thumbnail {
        width: 100%;
        position: relative;
        top: 0;
    }

    .artist-info-flex2 {
        margin-left: 0;
    }

    h1 {
        font-size: clamp(22pt, 8vw, 32pt);
        margin-top: 0.5em;
    }

    .artiste-profession {
        font-size: clamp(14pt, 5vw, 20pt);
    }

    .artiste-bio {
        width: 100%;
    }

    .artiste-bio p {
        text-indent: var(--mobile-big-margin);
        font-size: var(--mobile-txt);

    }

    .artiste-liens li {
        margin-right: var(--mobile-big-margin);
    }

    h3.margin {
        margin: 0 var(--mobile-big-margin);
        margin-bottom: 1em;
    }

    .cv-title-line {
        display: flex;
        margin: 0 var(--mobile-big-margin);
        margin-bottom: 0.5em;
        flex-direction: column;
    }

    .cv-line {
        margin-bottom: 1em;
    }

    .artiste-cv {
        width: calc(100vw - calc(var(--mobile-big-margin) * 2));
        columns: 1;
        column-gap: 0;

        font-size: var(--mobile-txt);
        line-height: 140%;
    }

    .cv-block table td:nth-child(1) {
        width: calc(100vw / 6);
    }
}