/* Museum Info */
.museum-info { display: flex; width: 90%; max-width: 1264px; margin-inline: auto; padding-inline: var(--space-32); }
.museum-info__figure { flex: 1; min-width: 0; aspect-ratio: 960 / 607; overflow: hidden; }
.museum-info__figure img { width: 100%; height: 100%; object-fit: cover; }
.museum-info__list { display: flex; flex-direction: column; align-items: start; justify-content: center; gap: var(--space-50); width: 40%; max-width: 500px; padding: var(--space-80) var(--space-50); background-color: #8e7b51; color: var(--color-text-inverse); }
.museum-info__label { display: flex; align-items: center; gap: var(--space-8); margin-bottom: var(--space-8); font-size: var(--font-size-h2); font-weight: 700; line-height: var(--line-height-h2); }
.museum-info__label::before { flex-shrink: 0; width: 13px; height: 13px; border-radius: 50%; background-color: var(--color-brand-accent); content: ""; }
.museum-info__value { display: flex; flex-wrap: wrap; padding-left: var(--space-24); font-size: var(--font-size-h4); font-weight: 500; line-height: var(--line-height-h4); }

/* Floor Accordion */
.floor-accordion { margin-top: var(--space-120); }
.floor-accordion__container { padding-top: 0; }
.floor-accordion__item { border-block: 1px solid var(--color-border-default); }
.floor-accordion__toggle { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: var(--space-24) var(--space-32); color: var(--color-text-default); }
.floor-accordion__title { font-size: var(--font-size-title-page); font-weight: 700; line-height: var(--line-height-title-page); text-align: left; }
.floor-accordion__desc { display: none; margin-top: var(--space-16); color: var(--color-text-muted); font-size: var(--font-size-h4); font-weight: 400; line-height: var(--line-height-h4); text-align: left; }
.floor-accordion__chevron { width: 36px; height: 36px; --icon-stroke-width: 4; transition: transform 0.3s ease-in-out; }
.floor-accordion__panel { height: 0; overflow: hidden; transition: height 0.3s ease-in-out; }
.floor-accordion__item.is-open .floor-accordion__panel { height: auto; }
.floor-accordion__body { display: flex; align-items: start; justify-content: space-between; gap: var(--space-40); width: 94%; margin-inline: auto; padding-block: var(--space-80); }
.floor-accordion__content { display: flex; flex-direction: column; gap: var(--space-80); }
.floor-accordion__exhibit { display: flex; align-items: start; gap: var(--space-16); }
.floor-accordion__poster { width: 250px; aspect-ratio: 270 / 365; border: 1px solid var(--color-border-default); overflow: hidden; }
.floor-accordion__poster img { display: block; width: 100%; height: 100%; object-fit: cover;}
.floor-accordion__exhibit-text { flex: 1; min-width: 250px; max-width: 268px; }
.floor-accordion__exhibit-title { font-size: var(--font-size-h2); font-weight: 700; line-height: var(--line-height-h2); }
.floor-accordion__exhibit-date { margin-bottom: var(--space-24); color: var(--color-text-muted); font-size: var(--font-size-body); font-weight: 400; line-height: var(--line-height-body); }
.floor-accordion__exhibit-desc { color: var(--color-text-muted); font-size: var(--font-size-body-lg); font-weight: 400; line-height: var(--line-height-body-lg); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; line-clamp: 6; -webkit-box-orient: vertical; }
.floor-accordion__exhibit-cta { width: fit-content; }
.floor-accordion__map { flex: 1; max-width: 500px; aspect-ratio: 79 / 53; overflow: hidden; }

.floor-accordion__item.is-open { background-color: var(--color-surface-muted); }
.floor-accordion__item.is-open .floor-accordion__desc { display: block; }
.floor-accordion__item.is-open .floor-accordion__chevron { transform: rotate(180deg); }

/* Guidelines */
.guidelines { padding-block: var(--space-80) 0; }
.guidelines__container { padding-top: 0; }
.guidelines__header { display: flex; gap: 26px; align-items: center; margin-bottom: var(--space-16); }
.guidelines__icon { flex-shrink: 0; width: 84px; height: 84px; border-radius: 50%; background-color: #E6E4E1; color: var(--color-text-default); }
.guidelines__title { font-size: var(--font-size-h2); font-weight: 700; line-height: 30px; letter-spacing: -0.44px; color: var(--color-text-default); }
.guidelines__list { display: flex; flex-direction: column; gap: var(--space-8); padding-left: var(--space-120); font-size: var(--font-size-h4); font-weight: 500; line-height: var(--line-height-h4); color: var(--color-text-muted); list-style: disc; }


@media (max-width: 1200px) {
  /* Museum Info */
  .museum-info { flex-direction: column; }
  .museum-info__list { gap: var(--space-40); width: 100%; max-width: none; padding-block: var(--space-60); }

  /* Floor Accordion */
  .floor-accordion { margin-top: var(--space-100); }
  .floor-accordion__body { flex-direction: column; gap: var(--space-80); }
  .floor-accordion__content { gap: var(--space-30); }
  .floor-accordion__exhibit-text { max-width: none; }
}

@media (prefers-reduced-motion: reduce) {
  .floor-accordion__panel { transition: none; }
}

@media (max-width: 768px) {
  /* Museum Info */
  .museum-info { width: 100%; max-width: none; padding-inline: 0; }
  .museum-info__figure { aspect-ratio: 390/247; }
  .museum-info__list { gap: var(--space-24); padding: var(--space-50); }

  /* Floor Accordion */
  .floor-accordion { margin-top: var(--space-60); }
  .floor-accordion__toggle { padding-inline: var(--space-16); }
  .floor-accordion__title { font-size: var(--font-size-display); line-height: var(--line-height-display); }
  .floor-accordion__chevron { width: 30px; height: 30px; --icon-stroke-width: 2; }
  .floor-accordion__body { align-items: center; width: 80%; padding-block: var(--space-50); }
  .floor-accordion__content { gap: var(--space-30); width: 100%; }
  .floor-accordion__exhibit { flex-direction: column; align-items: center; gap: var(--space-30); }
  .floor-accordion__poster { width: 100%; }
  .floor-accordion__exhibit-text { width: 100%; min-width: 0; max-width: none; }
  .floor-accordion__exhibit-cta { margin-inline: auto; }
  .floor-accordion__map { width: 100%; }

  /* Guidelines */
  .guidelines { padding: var(--space-80) var(--space-32) 0; }
  .guidelines__header { align-items: start; gap: var(--space-20); }
  .guidelines__icon { width: 56px; height: 56px; }
  .guidelines__title { line-height: var(--line-height-h2); letter-spacing: 0; }
  .guidelines__list { display: flex; flex-direction: column; gap: var(--space-8); padding: var(--space-16); padding-left: 28px; }
  
}