/* ==========================================
   Exhibit｜作品フレーム（共通UI）
   single / archive 共通
   ========================================== */

.p-single__exhibit {
  margin: 64px 0 28px;
}

.p-single__exhibitFrame {
  margin: 0 auto 28px;
  width: 100%;
  max-width: 560px;
  box-sizing: border-box;

  /* マット＋額縁 */
  padding: 24px;
  border: 2px solid rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  background: #fff;

  box-shadow:
    inset 0 2px 8px rgba(0, 0, 0, 0.06),
    0 18px 40px rgba(0, 0, 0, 0.14),
    0 4px 10px rgba(0, 0, 0, 0.08);
}

/* archive用：マットを薄くして作品を大きく見せる */
.p-single__exhibitFrame--compact {
  padding: 14px;
}

.p-single__exhibitImg {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  border-radius: 0;

  aspect-ratio: 4 / 3;
  object-fit: cover;

  border: 1px solid rgba(0, 0, 0, 0.08);
}