/* A focused, editorial layout for individual artist biographies. */
.milankov-article.is-artist-profile .page-header {
    display: flex;
    align-items: end;
    min-height: clamp(6.6rem, 10vw, 8.6rem);
    margin-bottom: 1.15rem;
    padding-bottom: 1.25rem;
}

.milankov-article.is-artist-profile .page-header h1 {
    letter-spacing: 0.025em;
}

.milankov-article.is-artist-profile .article-body::after {
    display: block;
    clear: both;
    content: '';
}

.milankov-article.is-artist-profile .article-body > h4:first-child {
    margin: 0.15rem 0 1.05rem;
    color: var(--gold);
    font: 500 0.78rem/1.25 var(--sans);
    letter-spacing: 0.2em;
}

.milankov-article.is-artist-profile .article-body h4:has(img[src*="portrait."]) {
    display: contents;
}

.milankov-article.is-artist-profile .article-body img[src*="portrait."] {
    float: right;
    width: clamp(10rem, 24%, 15.5rem);
    max-height: 24rem;
    margin: 0.15rem 0 1.45rem clamp(1.4rem, 3vw, 2.8rem);
    padding: 0.25rem;
    border: 1px solid rgba(214, 179, 108, 0.75);
    background: rgba(8, 6, 5, 0.84);
    object-fit: cover;
}

.milankov-article.is-artist-profile .article-body > p {
    max-width: none;
}

.milankov-article.is-artist-profile .milankov-gallery,
.milankov-article.is-artist-profile .milankov-video-list,
.milankov-article.is-artist-profile > .milankov-video-heading {
    clear: both;
}

.milankov-article.is-artist-profile .milankov-gallery,
.milankov-article.is-artist-profile .milankov-video-list {
    padding-top: 0.3rem;
}

.milankov-article.is-artist-profile .milankov-gallery > h2,
.milankov-article.is-artist-profile .milankov-video-heading,
.milankov-article.is-artist-profile .milankov-video-list > h2,
.milankov-article.is-artist-profile h2#video {
    border-top: 1px solid rgba(214, 179, 108, 0.4);
    padding-top: 1.25rem;
}

.milankov-article.is-artist-profile .video-launch {
    display: flex;
    width: min(100%, 48rem);
    margin: 0.42rem 0;
    border-left: 2px solid var(--gold);
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    background: rgba(255, 255, 255, 0.055);
}

.milankov-article.is-artist-profile .video-launch:hover,
.milankov-article.is-artist-profile .video-launch:focus-visible {
    border-color: var(--gold);
    background: rgba(226, 188, 111, 0.15);
}

@media (max-width: 700px) {
    .milankov-article.is-artist-profile .article-body img[src*="portrait."] {
        width: min(47%, 12rem);
        margin-left: 1rem;
    }
}