/* Hero */
.permanent-exhibit__hero { background-color: var(--color-brand-primary); }
.permanent-exhibit__hero .container { display: flex; gap: clamp(var(--space-40), calc(var(--space-40) + (100vw - 1025px) * 40 / 895), var(--space-80)); align-items: flex-start; padding-block: var(--space-80); }
.permanent-exhibit__poster { position: relative; flex-shrink: 0; width: clamp(340px, calc(340px + (100vw - 768px) * 20 / 257), 360px); max-width: 100%; border: 1px solid #4A4138; }
.permanent-exhibit__poster img { width: 100%; aspect-ratio: 360 / 504; object-fit: cover; }
.permanent-exhibit__summary { display: flex; flex-direction: column; flex: 1; min-width: 0; gap: var(--space-16); padding-top: var(--space-20); color: var(--color-text-inverse); }
.permanent-exhibit__title { font-size: var(--font-size-title-page); line-height: var(--line-height-title-page); }
.permanent-exhibit__eyebrow { font-size: var(--font-size-body); font-weight: 500; line-height: var(--line-height-body); }
.permanent-exhibit__eyebrow::after { content: ""; display: block; height: 1px; margin-top: var(--space-32); margin-bottom: var(--space-24); background-color: #817468; }
.permanent-exhibit__meta { display: grid; grid-template-columns: 130px 1fr; gap: var(--space-15) var(--space-24); font-size: var(--font-size-h4); line-height: var(--line-height-h4); color: var(--color-text-inverse); }
.permanent-exhibit__meta .label { font-weight: 700; }
.permanent-exhibit__data { font-weight: 500; }
.permanent-exhibit__download { display: inline-flex; align-items: center; gap: var(--space-10); width: fit-content; margin-top: var(--space-20); padding: var(--space-15) var(--space-24); background-color: var(--color-surface-default); color: var(--color-text-default); font-size: var(--font-size-h4); font-weight: 700; line-height: var(--line-height-h4); transition: all 0.2s ease-in-out; }
.permanent-exhibit__download .icon-download { width: var(--space-20); height: var(--space-18); }
.permanent-exhibit__download:hover { color: var(--color-text-accent); cursor: pointer; }

/* Intro */
.permanent-exhibit__intro { color: var(--color-text-muted); }
.permanent-exhibit__intro .container { display: flex; flex-direction: column; gap: var(--space-40); padding-block: var(--space-80); }
.permanent-exhibit__desc { font-size: var(--font-size-h3); line-height: var(--line-height-h3); }

/* Part */
.exhibit-part { padding-block: var(--space-100); }
.exhibit-part--warm { background-color: var(--color-surface-cream); }
.exhibit-part .container { display: flex; flex-direction: column; gap: var(--space-100); padding-top: 0; }
.exhibit-part__header { display: flex; flex-direction: column; align-items: center; }
.exhibit-part__icon { width: 80px; height: 80px; color: var(--color-brand-accent); }
.exhibit-part__label { display: flex; align-items: center; gap: clamp(var(--space-16), 2vw, var(--space-40)); width: 100%; font-size: var(--font-size-display); font-weight: 700; line-height: var(--line-height-display); color: var(--color-brand-accent); }
.exhibit-part__label::before, .exhibit-part__label::after { content: ""; flex: 1 1 0; height: 1px; max-width: 540px; background-color: var(--color-brand-accent); }
.exhibit-part__title { display: flex; flex-direction: column; align-items: center; margin-top: var(--space-40); color: var(--color-text-muted); font-weight: 700; }
.exhibit-part__title-ko, .exhibit-part__title-en { display: flex; justify-content: center; flex-wrap: wrap; text-align: center; }
.exhibit-part__title-ko { font-size: var(--font-size-title-page); line-height: var(--line-height-title-page); }
.exhibit-part__title-en { font-size: var(--font-size-h2); line-height: var(--line-height-h2); }
.exhibit-chapter__label { margin-bottom: var(--space-24); font-size: var(--font-size-display); line-height: var(--line-height-display); color: var(--color-text-default); }
.exhibit-chapter__desc { display: flex; flex-wrap: wrap; margin-bottom: var(--space-40); font-size: var(--font-size-h1); font-weight: 700; line-height: var(--line-height-h1); color: var(--color-text-muted); }
.relic__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-40) var(--space-20); width: 100%; }
.relic__item { min-width: 0; }
.relic__figure { display: flex; flex-direction: column; height: 100%; }
.relic__image-wrapper { display: flex; align-items: center; justify-content: center; width: 100%; height: 340px; margin-bottom: var(--space-40); }
.relic__image-wrapper img { width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: contain; }
.relic__name { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; color: var(--color-text-default); font-size: var(--font-size-h3); line-height: var(--line-height-h3); text-align: center; }

/* Part 2 */
#exhibit-part-2 .relic__list { grid-template-columns: minmax(0, 1fr); }
#exhibit-part-2 .relic__figure { flex-direction: row; align-items: center; }
#exhibit-part-2 .relic__image-wrapper { flex: 0 0 600px; margin-bottom: 0; }
#exhibit-part-2 img { height: auto; margin-bottom: 0; }
#exhibit-part-2 .relic__name { justify-content: flex-start; text-align: left; }


@media (max-width: 1200px) {
    /* Part */
    .relic__list { grid-template-columns: repeat(2, minmax(0, 1fr));}
    .relic__image-wrapper { height: 280px; margin-bottom: var(--space-30); }

    /* Part 2 */
    #exhibit-part-2 .relic__image-wrapper { flex-basis: 500px; }
}

@media (max-width: 1024px) {
    /* Part 2 */
    #exhibit-part-2 .relic__image-wrapper { flex-basis: 380px; margin-right: var(--space-30); }
}

@media (max-width: 768px) {
    /* Hero */
    .permanent-exhibit__hero .container { flex-direction: column; padding-block: var(--space-40); }
    .permanent-exhibit__poster { width: min(100%, 360px); margin-inline: auto; }
    .permanent-exhibit__summary { margin-inline: auto; padding-top: 0; }
    .permanent-exhibit__meta { gap: var(--space-10) var(--space-20); }
    .permanent-exhibit__meta::after { margin-top: var(--space-20); margin-bottom: var(--space-16); }
    .permanent-exhibit__download { width: 100%; justify-content: center; }

    /* Intro */
    .permanent-exhibit__intro .container { gap: var(--space-30); padding-block: var(--space-50) 0; }

    /* Part */
    .exhibit-part { padding-block: var(--space-80); }
    .exhibit-part .container { gap: var(--space-50); padding-top: 0; }
    .exhibit-part__icon { margin-bottom: var(--space-20); }
    .exhibit-part__title { margin-top: var(--space-30); }
    .exhibit-part__title-ko { font-size: var(--font-size-title-page); line-height: var(--line-height-title-page); }
    .exhibit-part__title-en { font-size: var(--font-size-h2); line-height: var(--line-height-h2); }
    .exhibit-chapter__label { margin-bottom: var(--space-16); }
    .exhibit-chapter__desc { margin-bottom: var(--space-40); }
    .relic__list { grid-template-columns: 1fr; gap: var(--space-40); }
    .relic__image-wrapper { height: auto; margin-bottom: var(--space-20); }
    .relic__image-wrapper img { width: 100%; }

    /* Part 2 */
    #exhibit-part-2 .relic__figure { flex-direction: column; }
    #exhibit-part-2 .relic__image-wrapper { flex-basis: auto; width: 100%; margin-bottom: var(--space-20); margin-right: 0; }
    #exhibit-part-2 img { width: 100%; height: auto; }
    #exhibit-part-2 .relic__name { justify-content: center; text-align: center; }
}