/* Featured Clients Section */
/* div#container main.pagecontent section.featured {} */
/* div#container main.pagecontent section.featured div.grid {} */
div#container main.pagecontent section.featured div.grid h2.head {color:var(--green); font-size:3rem;}
div#container main.pagecontent section.featured div.grid ul.artistlist {display:grid; grid-template-columns:repeat(3,1fr); grid-gap:1em;}
div#container main.pagecontent section.featured div.grid ul.artistlist {list-style:none; padding:0; margin:0;}
div#container main.pagecontent section.featured div.grid ul.artistlist li.featuredartist {margin-bottom:1rem; padding-top:1rem; margin-top:3rem;}

/* Featured Clients Section: Client Profile */
div#container main.pagecontent section.featured div.grid ul.artistlist li.featuredartist div.profile {background-size:cover; position:relative; width:100%; height:40rem; flex:1 0 100%;}
div#container main.pagecontent section.featured div.grid ul.artistlist li.featuredartist div.profile {display:flex; flex-direction:column; justify-content:stretch; justify-content:space-between; align-items:center;}
div#container main.pagecontent section.featured div.grid ul.artistlist li.featuredartist div.profile {overflow:hidden; /* filter:grayscale(1); */ background-blend-mode:luminosity;}
div#container main.pagecontent section.featured div.grid ul.artistlist li.featuredartist div.profile div.details {z-index:10;}
/* div#container main.pagecontent section.featured div.grid ul.artistlist li.featuredartist div.profile aside {position:absolute; top:0; left:0; height:100%; width:100%; cursor:pointer; z-index:5;} */
div#container main.pagecontent section.featured div.grid ul.artistlist li.featuredartist div.profile div.details h2.artistname {color:white; font-size:2.75rem; text-transform:uppercase; margin:0;}
div#container main.pagecontent section.featured div.grid ul.artistlist li.featuredartist div.profile div.details h3.artistcity {color:white; font-size:1.125rem; text-transform:uppercase; margin:0;}
div#container main.pagecontent section.featured div.grid ul.artistlist li.featuredartist div.profile div.details ul.artistlinks {display:flex; flex-direction:row; justify-content:center; align-items:center; list-style:none; padding:0; margin:0;}
div#container main.pagecontent section.featured div.grid ul.artistlist li.featuredartist div.profile div.details ul.artistlinks li.linkitem {padding:.5rem;}
div#container main.pagecontent section.featured div.grid ul.artistlist li.featuredartist div.profile div.details ul.artistlinks li.linkitem a.artistlink {color:inherit; transition:.25s;}
div#container main.pagecontent section.featured div.grid ul.artistlist li.featuredartist div.profile div.details ul.artistlinks li.linkitem a.artistlink:hover {color:var(--green);}
div#container main.pagecontent section.featured div.grid ul.artistlist li.featuredartist div.profile div.details ul.artistlinks li.linkitem a.artistlink svg.icon {display:block; font-size:1.5rem;}
/* div#container main.pagecontent section.featured div.grid ul.artistlist li.featuredartist div.profile div.togglerbtn {position:absolute; bottom:0; left:50%;} */
div#container main.pagecontent section.featured div.grid ul.artistlist li.featuredartist div.profile div.togglerbtn {display:flex; justify-content:center; cursor:pointer; transition:.15s; z-index:10; margin-bottom:1.5rem;}
div#container main.pagecontent section.featured div.grid ul.artistlist li.featuredartist div.profile div.togglerbtn:hover {color:var(--green);}
div#container main.pagecontent section.featured div.grid ul.artistlist li.featuredartist div.profile div.togglerbtn svg.icon {font-size:3rem;}
div#container main.pagecontent section.featured div.grid ul.artistlist li.featuredartist div.profile div.togglerbtn svg.plus {display:block;}
div#container main.pagecontent section.featured div.grid ul.artistlist li.featuredartist div.profile div.togglerbtn svg.minus {display:none;}
div#container main.pagecontent section.featured div.grid ul.artistlist li.featuredartist.open div.profile div.togglerbtn svg.plus {display:none;}
div#container main.pagecontent section.featured div.grid ul.artistlist li.featuredartist.open div.profile div.togglerbtn svg.minus {display:block;}
div#container main.pagecontent section.featured div.grid ul.artistlist li.featuredartist div.profile::before {content:''; background-color:var(--green); opacity:.5;}
div#container main.pagecontent section.featured div.grid ul.artistlist li.featuredartist div.profile::before {position:absolute; top:0; left:0; width:100%; height:100%; z-index:5;}

/* Featured Clients Section: Client Portfolio */
/* div#container main.pagecontent section.featured div.grid ul.artistlist li.featuredartist div.portfolio {display:flex; flex-direction:row;} */
/* div#container main.pagecontent section.featured div.grid ul.artistlist li.featuredartist div.portfolio {justify-content:center;} */
div#container main.pagecontent section.featured div.grid ul.artistlist li.featuredartist div.portfolio {display:grid; grid-template-columns:repeat(2,1fr); grid-gap:1.5rem; margin-top:1.5rem; gap:1rem; margin:1rem 0;}
div#container main.pagecontent section.featured div.grid ul.artistlist li.featuredartist div.portfolio {max-height:0; overflow:hidden; transition:.35s;}
div#container main.pagecontent section.featured div.grid ul.artistlist li.featuredartist/* .open */ div.portfolio {max-height:100vh; overflow:auto;}
div#container main.pagecontent section.featured div.grid ul.artistlist li.featuredartist div.portfolio video {flex:1 1 auto; max-height:24rem; width:100%; /* object-fit:cover; */ /* padding:1rem 1.125rem; */}







@media screen and (max-width:64rem) {
	
	/* Featured Clients Section */
	/* div#container main.pagecontent section.featured {} */
	div#container main.pagecontent section.featured div.grid ul.artistlist {grid-template-columns:1fr;}
	/* div#container main.pagecontent section.featured div.grid ul.artistlist li.featuredartist {} */
	/* Featured Clients Section: Client Profile */
	/* div#container main.pagecontent section.featured div.grid ul.artistlist li.featuredartist div.profile {} */
	/* Featured Clients Section: Client Portfolio */
	div#container main.pagecontent section.featured div.grid ul.artistlist li.featuredartist div.portfolio {grid-template-columns:repeat(1,1fr);}
}

@media screen and (max-width:32rem) {

	/* Featured Clients Section */
	/* div#container main.pagecontent section.featured {} */
	/* div#container main.pagecontent section.featured div.grid ul.artistlist li.featuredartist {} */
	/* Featured Clients Section: Client Profile */
	/* div#container main.pagecontent section.featured div.grid ul.artistlist li.featuredartist div.profile {} */
	div#container main.pagecontent section.featured div.grid ul.artistlist li.featuredartist div.profile div.details h2.artistname {font-size:2rem;}
	/* Featured Clients Section: Client Portfolio */
	/* div#container main.pagecontent section.featured div.grid ul.artistlist li.featuredartist div.portfolio {} */
}