/* ===========================
   Works Grid Section
   =========================== */
.works-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 45px 20px;}

/* ── Work Card ── */
.work-card {cursor: pointer;transition: transform 0.2s ease;}
.work-card:hover {transform: translateY(-4px);}
.work-card__thumb {width: 100%;aspect-ratio: 1 / 1;backgroundr: #d9d9d9;border-radius: 4px;overflow: hidden;position: relative;}
.work-card__thumb img {width: 100%;height: 100%;object-fit: cover;}
.work-card__thumb::after {content: '';background: linear-gradient(to top, rgba(0,0,0,0.3) 0%, transparent 50%);position: absolute;inset: 0;opacity: 0;transition: opacity 0.2s ease;}
.work-card:hover .work-card__thumb::after {opacity: 1;}
.work-card__body {padding: 12px 4px 0;}
.work-card__title {margin-bottom: 5px;font-size: max(1.8rem, 18px);font-weight: 600;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.work-card__artist {margin-top: 2px;color: var(--brown);font-size: max(1.7rem, 17px);}
.work-card__year {color: #999;font-size: max(1.3rem, 13px);}
.work-card__medium {color: var(--brown);font-size: max(1.5rem, 15px);}



@media (max-width: 1024px) {
    .works-grid {grid-template-columns: repeat(3, 1fr);}
}
@media (max-width: 768px) {
    .works-grid {grid-template-columns: repeat(2, 1fr);gap:45px 16px;}
}
@media (max-width: 480px) {
    .works-grid {grid-template-columns: 1fr;gap: 20px;}
    .work-card__body {padding: 10px 2px 0; }
    .work-card__title {white-space: normal; }
}




/* ===========================
   Works View Page
   =========================== */

/* Inner Layout */
.contents__inner {display: flex;align-items: flex-start;height: 100%;}

/* ===========================
   Left: Image Scroll Area (PC)
   =========================== */
.works__images {flex-shrink: 0;width: 55%;overflow-y: auto;overflow-x: hidden;background: #f0f0f0;-webkit-overflow-scrolling: touch;}

/* 스크롤바 스타일 */
.works__images::-webkit-scrollbar {width: 4px;}
.works__images::-webkit-scrollbar-track {background: transparent;}
.works__images::-webkit-scrollbar-thumb {background: rgba(0, 0, 0, 0.15);border-radius: 2px;}

.works__images-item {width: 100%;border-bottom: 1px solid #e5e5e5;}
.works__images-item:last-child {border-bottom: none;}
.works__images-item img {width: 100%;display: block;object-fit: contain;background: #f0f0f0;}

/* 이미지 없을 때 */
.works__images--empty {display: flex;align-items: center;justify-content: center;background-color: #d9d9d9;color: #999;font-size: 14px;}

/* ===========================
   Right: Content (Text Only)
   =========================== */
.works__content {flex: 1;padding: 4.8rem 4.0rem;position: sticky;top: 0;left: 0;}
.works__title {font-size: 3.6rem;font-weight: 700;}
.works__title-en {color: #999;font-size: 15px;}

.works__subtitle {margin-top: 10px;color: var(--brown);font-size: max(1.7rem, 17px);}

/* Info Table */
.works__info {width: 100%;margin: 32px 0;border-top: 1px solid #eee;}
.works__info-row {display: flex;border-bottom: 1px solid #eee;padding: 14px 0;}
.works__info-label {flex-shrink: 0;width: 90px;font-size: 15px;font-weight: 600;color: #999;}
.works__info-value {flex: 1;color: #333;font-size: 15px;}

/* Description */
.works__desc-title {margin-bottom: 12px;font-size: max(1.7rem, 17px);font-weight: 600;}
.works__desc {color: #555;font-size: max(1.7rem, 17px);line-height: 1.6;}
.works__ntc {margin-top: 20px;color: #555;font-size: max(1.7rem, 17px);font-weight: 600;}

/* Back Btn */
.works__back {display: inline-block;margin-top: 20px;color: #999;font-size: max(1.40rem, 14px);transition: color 0.2s;}
.works__back:hover {color: var(--brown);}


/* Mobile dots (PC에선 숨김) */
.works__dots {display: none;}

/* Body scroll lock */
body.modal-open {overflow: hidden;}

/* ===========================
   Responsive — Mobile
   =========================== */
@media (max-width: 1024px) {
    .contents__inner {flex-direction: column;height: 100%;overflow: hidden;}

    /* 모바일: 가로 스와이프 */
    .works__images {flex-shrink: 0;display: flex;flex-direction: row;width: 100%;height: 60vh;overflow-x: auto;overflow-y: hidden;scroll-snap-type: x mandatory;-webkit-overflow-scrolling: touch;scrollbar-width: none;}
    .works__images::-webkit-scrollbar {display: none;}
    .works__images-item {flex-shrink: 0;min-width: 100%;width: 100%;height: 100%;border-bottom: none;scroll-snap-align: start;}
    .works__images-item img {width: 100%;height: 100%;object-fit: contain;}
    .works__images-count {display: none;}

    /* 모바일 dot 인디케이터 */
    .works__dots {flex-shrink: 0;display: flex;justify-content: center;gap: 6px;width: 100%;padding: 8px 0;background: #fff;border-bottom: 1px solid #eee;}
    .works__dot {width: 7px;height: 7px;border-radius: 50%;background: #ddd;transition: background 0.2s;}
    .works__dot--active {background: var(--brown);}

    /* 컨텐츠 스크롤 */
    .works__content {flex: 1;width: 100%;padding: 24px 20px;overflow-y: auto;}
}

@media (max-width: 480px) {
    .works__images {height: 45vh;}
    .works__content {padding: 20px 16px;}
}