.et_pb_section:has(.unwrap-artist-grid-collection):not(:has(.et_pb_section)) { min-height:2em; }
.unwrap-artist:not(.unwrap-artist-toggle-active) {display:none;}

@media all and (min-width: 980px) {
	.unwrap-artist>.et_pb_column:nth-of-type(1) {max-width:25%;}
	.unwrap-artist>.et_pb_column:nth-of-type(2) {max-width:75%; flex-grow:1; }
}
@media all and (max-width: 980px) {
	.unwrap-artist>.et_pb_column>.et_pb_module{text-align:center;}
}

.unwrap-artist-image img { max-height:50vh !important; width:auto !important; max-width:100% !important; }
.unwrap-artist-name { 
	font-size:32px; 
	font-weight:bold; 
    width: 100%;
    border-bottom: 1px solid black !important;
    padding-bottom: 0.25em !important;
    margin-bottom: 0.25em !important;
}
.unwrap-artist>.et_pb_column:has(>.et_pb_module.unwrap-artist-name)>.et_pb_module:not(.unwrap-artist-name) {
	font-size:24px;
}

.unwrap-artist-grid-contains {
	container-name: unwrap-artist-grid-container;
	container-type: inline-size;
}
.unwrap-artist-grid-collection {
    display:grid;
    --unwrap-mincolw: 250px;
    --unwrap-maxcolw: 250px;
    --unwrap-maxcolnum: 5;
    --unwrap-mincolnum: 5;
    --unwrap-gridgap: 5px;
	grid-template-columns: repeat(auto-fit, Minmax(Min(100%, Max(var(--unwrap-mincolw), (100%/var(--unwrap-maxcolnum) - var(--unwrap-gridgap)*(var(--unwrap-maxcolnum) - 1)/var(--unwrap-maxcolnum)))), var(--unwrap-maxcolw)));
    grid-auto-rows: 1fr;
    gap: var(--unwrap-gridgap);
		justify-content:center; 
}
@container unwrap-artist-grid-container (max-width: 250px ){
	.unwrap-artist-grid-collection {
		--unwrap-maxcolw: 1fr;
		justify-content:left; 
		overflow:hidden;
	}
}

.unwrap-artist-grid-contains *, .unwrap-artist-grid-contains *::before, .unwrap-artist-grid-contains *::after {
    min-height: 0;
    min-width: 0;
}
.unwrap-artist-grid-item {
	width:100%;
	height:100%;
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
}
.unwrap-artist-grid-item-wrapper {
	position:relative;
    width: 100%;
	cursor:pointer;
	overflow:hidden;
}
.unwrap-artist-grid-item-wrapper::after {
	content: "";
	display:flex;
	flex-direction:row;
    width: 100%;
	height:100%;
	background: #00000033;
	position:absolute;
	top:0;
	left:0;
	pointer-events:none;
}
.unwrap-artist-grid-item-wrapper:hover::after {
	background: transparent;
	-webkit-box-shadow:inset 0px 0px 0px 5px #ffffff99;
	-moz-box-shadow:inset 0px 0px 0px 5px #ffffff99;
	box-shadow:inset 0px 0px 0px 5px #ffffff99;
}
.unwrap-artist-grid-item-wrapper.unwrap-artist-toggle-active::after {
	background: #00000011;
	-webkit-box-shadow:inset 0px 0px 0px 5px #FFB81CCC;
	-moz-box-shadow:inset 0px 0px 0px 5px #FFB81CCC;
	box-shadow:inset 0px 0px 0px 5px #FFB81CCC;
}
.unwrap-artist-grid-item-wrapper.unwrap-artist-toggle-active:hover::after {
	background:transparent;
	-webkit-box-shadow:inset 0px 0px 0px 5px #FFB81CEE;
	-moz-box-shadow:inset 0px 0px 0px 5px #FFB81CEE;
	box-shadow:inset 0px 0px 0px 5px #FFB81CEE;
}

.unwrap-artist-grid-item-image {
	aspect-ratio:1/1;
	overflow:hidden;
    width: 100%;
}
.unwrap-artist-grid-item-image-wrapper {
	aspect-ratio:1/1;
    width: 100%;
}
.unwrap-artist-grid-item-image-wrapper>img {
	height:100%;
	aspect-ratio:1/1;
	object-fit:cover;
	object-position:center center;
}


.unwrap-artist-grid-name {
	position:absolute;
	color: #ffffff;
	width:100%;
	height:fit-content;
	bottom:0;
	left:0;
	font-size:32px;
	font-weight:bold;
	display:flex;
	flex-direction:row;
	padding: 0.25em 0.5em;
	pointer-events:none;
	text-shadow: -1px -1px 1px black, -1px 1px 1px black, 1px -1px 1px black, 1px 1px 1px black;
	-webkit-touch-callout: none;
    -webkit-user-select: none; 
     -khtml-user-select: none; 
       -moz-user-select: none; 
        -ms-user-select: none; 
            user-select: none; 
}

.unwrap-second-div-hanging>div:first-of-type {
    width:170px;
    flex-shrink:0;
    max-width:50%;
}
@media all and (max-width: 980px) {
	.unwrap-second-div-hanging>div:first-of-type{ margin:auto; max-width:100%; }
}