.artist_title{
	padding: 20px 0px 20px 0px;
    display: block;
    font-size: 1.5rem;
	& h2{
		display: inline;
		font-weight: 500;
		font-size: 1.0em;
	}
	& .items-num-holder{
		font-size: 0.5em;
		font-weight: 600;
	}
}
ul.artwork-container{
    --row-n: 4;
    --column-gap: 1.5rem;
    --row-gap: 2rem;
    
    display: grid;
    grid-template-columns: repeat(var(--row-n), minmax(0, 1fr));
    gap: var(--row-gap) var(--column-gap);
    width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
    & > * {
        min-width: 0;
		display: flex;
		gap:0;
		overflow: hidden;
		aspect-ratio: 1 / 1.7;
		@media screen and (max-width: 600px) {
			aspect-ratio: 1 / 1.85;
			font-size: 1.35rem;
			& div.buttons{
				top:auto;				
				bottom: 0;
				width: 3.5em;
				font-size: 1.8em;
			}
			& div.list_item_container {
				aspect-ratio: 1 / 1.85;
			}
			& div.list_item_container  price{
				right:auto;
				bottom:.5em;
				font-size: 1.1em;
				left: 0;
			}
		}
	
    }
	@media screen and (max-width: 1000px) {
		--row-n: 2;	
		--column-gap:0.2rem;
		
	}
	@media screen and (max-width: 320px) {
		--row-n: 1;	
	}
}

#paintingListStage{	
	text-transform: uppercase;
	padding-top:0;
	box-sizing: border-box;
	& li {
		list-style: none;
	}
	
}

.artist_body_text {
  display: grid;
  grid-template-columns: 33% 1fr; 
  grid-template-rows: auto;
  gap: 10px;
  & .artist_higlight{
	  & .artist_text_p{
		  padding: 0 0 30px 0;
		  font-size: 1.3em;
		  font-weight: 600;
		  width: 100%;
		  text-transform: uppercase;
		  & h2{
			display: inline;
			font-weight: 500;
			font-size: 1.0em;  
		  }
	  }
	  & .highlights{
		  text-transform: uppercase;
		  & .highlights-title {
			   & .icon-star-fill {
					width: 14px;
					aspect-ratio: 1 / 1;
					padding-right: 7px;
				}
		  }
	  }
  }
  & .artist_biography{
	  & .artist_text_p{
		  padding: 0 0 30px 0;
		  font-size: 1.3em;
		  font-weight: 600;
		  width: 100%;
		  text-transform: uppercase;
		  & h2{
			  display: inline;
			  font-weight: 500;
			  font-size: 1.0em;
		  }
	  }
	  & .artist-description{
		  font-size: 1.1em;
		  weight:100%;
		  & h3{
			  display: inline;
			  font-weight: 500;
			  font-size: 1.0em;
		  }
	  }
  }
}
@media (max-width: 768px) {
  .artist_body_text {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
  }
  .artist_body_text > div {
    width: 100%;   
    justify-self: start; 
  }
}
.full-width-content:nth-child(2n) {
    background-color: var(--background-full-alternate);
}
.full-width-content:nth-child(1) {
    background: url("/images/ul240756/medium/00d64ed70d01e6fcccace28fca93c8fb.webp") center / cover no-repeat;
    aspect-ratio:  4 / 1;
    color: #FFF;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;   
    font-size: 1.2rem;
	position: relative;
    @media (max-width: 900px) {
        font-size:.95rem;
    };
    @media (min-width: 640px)  {
        background:  url("/images/ul240756/00d64ed70d01e6fcccace28fca93c8fb.webp") center / cover no-repeat;
        
    };
    
    & h1, h2 {
        
        box-sizing: border-box;
        text-transform: uppercase;
        margin: 0;
        margin-left: 20%;
        width: 100%;
        max-width: 800px;
        padding: .5em 0 0;
        text-align: left;
        text-shadow: 2px 2px 10px #000000, 0 0 20px #000, 0 0 40px #000;
        margin: 0 10% ;
        align-self: flex-start;
        font-weight: 600;
        font-size: 1.5em;
         @media (max-width: 900px)  {
            max-width: 90vw;
            margin-left:5vw;

         }
    }
    & h2{ font-weight: 500; font-size: 1.2em;}
}
.full-width-content:nth-child(2) {
	background-color:#fff;
}

.hero-artist-container{
	bottom: 0;
	z-index: 10;
	width: 100%;
	position: absolute;
	& .artist-hero-image{
		translate: 0 50%;
		aspect-ratio: 1/1.0;
		border-radius: 50%;
		overflow: hidden;
		width: 9.0909%;
		text-align: center;
		margin: 0 auto;
		& img{
			width: 100%;
			height: 100%;
			object-fit: cover;
			max-width: 100%;
			max-height: 100%;
		}
	}
}