.artist-heading { 
   width: 100%; 
   background: #F9F9F9; 
   text-align: center; 
   padding: 12px 0; margin: 0 auto; 
} 

.artist-heading h1 { 
   margin: 0; 
   font-size: 24px; 
   font-weight: normal; 
} 

.artist-introduction { 
   width: 90%; 
   max-width: 1000px; 
   margin: 0 auto; 
   display: flex; 
   justify-content: center; 
   align-items: flex-start; 
   gap: 40px; 
   padding: 30px 0; 
} 

.artist-image { 
   width: 450px; 
   max-width: 45%; 
   text-align: center; 
} 

.artist-image img { 
   max-width: 100%; 
   height: auto; 
} 

.artist-biography { 
   width: 450px; 
   max-width: 45%; 
   font-size: 14px; 
   line-height: 1.6; 
} 

.artist-biography p { 
   margin: 0 0 14px 0; 
} 

.artist-biography a { 
   color: #000000; 
   text-decoration: none; 
} 

.artist-biography a:hover { 
   color: #777777; 
} 

.works-heading { 
   width: 100%; 
   background: #F9F9F9; 
   text-align: center; 
   padding: 12px 0; 
   margin-top: 10px; 
} 

.works-heading h2 { 
   margin: 0; 
   font-size: 18px; 
   font-weight: normal; 
} 

.works { 
   width: 100%; 
   text-align: center; 
   padding: 25px 0; 
} 

.works img { 
   max-width: 90%; 
   height: auto; 
   vertical-align: middle; 
   margin: 10px; 
} 

.video { 
   text-align: center; 
   padding: 30px 0; 
} 

.video iframe { 
   max-width: 90%; 
} 

.copyright { 
   text-align: center; 
   font-size: 11px; 
   padding: 20px 0 40px 0; 
} 

.copyright img { 
   max-width: 150px; height: auto; 
} 

/* ========================================================== GENERAL ARTIST WORKS GALLERY ========================================================== */ 

.works-gallery { 
   width: 100%; 
   text-align: center; 
} 

.work-single { 
   text-align: center; 
   margin: 25px 0; 
} 

.work-single img { 
   max-width: none; 
   width: auto; 
   height: auto; 
   margin: 10px; 
} 

/* ========================================================== DEAR MSAKAZI ========================================================== */ 

.work-single img[src*="BamboSibiya-linoV2X"] { 
   width: 418px; 
   height: 300px; 
   object-fit: contain; } 

/* ========================================================== FOUR-WORK ROW ========================================================== */ 

.works-row {
    width: 650px;
    margin: 30px auto;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
}

.works-row a {
    display: block;
    width: 150px;
    flex: 0 0 150px;
}

.works-row img { 
   display: block; 
   width: 150px; 
   height: 200px; 
   max-width: none; 
   margin: 0 auto; 
   object-fit: contain; 
} 

.works-row p { 
   margin: 8px 0 0 0; 
   text-align: center; 
   font-size: 13px; 
} 


/* ==========================================================
   TWO-WORK ROW
   ========================================================== */

.two-work-row {
    width: 500px;
    margin: 30px auto;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
    gap: 30px;
}

.two-work-row a {
    display: block;
    width: 200px;
    flex: 0 0 200px;
}

.two-work-row img {
    display: block;
    width: 200px;
    height: 267px;
    max-width: none;
    margin: 0 auto;
    object-fit: contain;
}

.two-work-row p {
    margin: 8px 0 0 0;
    text-align: center;
    font-size: 13px;
}


/* ==========================================================
   FLEXIBLE WRAPPING ARTWORKS GALLERY
   ========================================================== */

.wrapping-works-row {
    width: 900px;
    max-width: 90%;
    margin: 30px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    gap: 25px;
}

.wrapping-works-row a {
    display: block;
    text-align: center;
    flex: 0 0 auto;
}

.wrapping-works-row img {
    display: block;
    width: auto;
    height: auto;
    max-width: 200px;
    max-height: 240px;
    margin: 0 auto;
    object-fit: contain;
}

.wrapping-works-row p {
    margin: 8px 0 0 0;
    text-align: center;
    font-size: 13px;
}

/* ========================================================== SWENKA DESCRIPTIVE TEXT ========================================================== */ 


.swenka-text {
    width: 645px;
    max-width: 90%;
    margin: 30px auto 0 auto;
    text-align: center;
}

.swenka-text p {
    margin: 0 0 14px 0;
    text-align: center;
}