/* ===========================
   작가소개
   =========================== */
.artist__list {display: flex;flex-wrap: wrap;gap: 66px;}
.artist__item {width: calc(25% - 49.5px);}
.artist__card {display: block;width: 100%;}
.artist__card--img {width: 100%;aspect-ratio: 1 / 1;margin-bottom: 2.0rem;overflow: hidden;position: relative;transition: border-radius .35s ease;}
.artist__card--img img {width: 100%;height: 100%;object-fit: cover;transition: filter 0.4s ease, transform .4s ease;}
.artist__card--img .no-img {display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;background: #d9d9d9;color: #929191;font-size: max(1.4rem, 14px);}
.artist__card--img .artist__img--overlay {display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;background: rgba(0,0,0, .5);position: absolute;inset: 0;opacity: 0;pointer-events: none;transition: opacity .35s ease;}
.artist__card--img .artist__img--overlay .artist__name {color: #fff;font-size: 3.0rem;font-weight: 700;text-align: center;}
.artist__card--name {font-size: max(2.0rem, 17px);font-weight: 600;text-align: center;transition: opacity .2s ease;}
.artist__card:hover .artist__card--img {border-radius: 50%;}
.artist__card:hover .artist__card--img .artist__img--overlay {opacity: 1;}
.artist__card:hover .artist__card--name {opacity: 0;}

@media (max-width: 1200px){
   .artist__list {gap: 40px;}
   .artist__item {width: calc(25% - 30px);}
}
@media (max-width: 1024px){
   .artist__list {gap: 25px;}
   .artist__item {width: calc(25% - 18.75px);}
}
@media (max-width: 768px){
   .artist__list {flex-wrap: wrap;}
   .artist__item {width: calc(50% - 12.5px);}
}
@media (max-width: 640px){
   .artist__list {gap: 25px 10px}
   .artist__item {width: calc(50% - 5px);}
} 



/* =====================================
   Artist Profile (Detail in works page)
  ====================================== */
.artist-profile {display: flex;align-items: flex-start;gap: 36px;margin-bottom: 40px;padding-bottom: 40px;border-bottom: 1px solid #eee;}
.artist-profile__photo {flex-shrink: 0;width: 260px;aspect-ratio: 4 / 5;border-radius: 2px;background: #d9d9d9;overflow: hidden;}
.artist-profile__photo img {width: 100%;height: 100%;object-fit: cover;}
.artist-profile__info {flex: 1;}
.artist-profile__name {margin-bottom: 4px;font-size: 3.0rem;font-weight: 700;}
.artist-profile__name-en {margin-bottom: 16px;color: #aaa;font-size: max(.40rem, 14px);}
.artist-profile__bio {margin-bottom: 16px;color: #444;font-size: max(1.70rem, 17px);}
.artist-profile__meta {display: flex;flex-wrap: wrap;gap: 16px;}
.artist-profile__meta-item {color: #666;font-size: max(1.60rem, 16px);}
.artist-profile__meta-item strong {margin-right: 5px;color: var(--brown);}
.artist-profile__back {display: inline-block;margin-top: 20px;color: #999;font-size: max(1.40rem, 14px);transition: color 0.2s;}
.artist-profile__back:hover {color: var(--brown);}

@media (max-width: 1024px) {
    .artist-profile__photo {width: 220px;}
}
@media (max-width: 768px) {
    .artist-profile {flex-direction: column;align-items: center;text-align: center;}
    .artist-profile__meta {justify-content: center;}
}

.artist-works {}
.artist-works .contents__title {margin-bottom: 20px;font-size: 2.2rem;}