/* Restored continuous artwork document: quiet title, open space, full photos. */
#work-detail.artwork-detail,
.artwork-detail {
  --detail-paper: var(--paper, #fafafa);
  --detail-ink: var(--ink, #000);
  --detail-secondary: var(--secondary, #555);
  position: fixed;
  inset: 0;
  z-index: 3;
  display: block;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  max-height: none;
  padding: 0;
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-width: none;
  background: var(--detail-paper);
  color: var(--detail-ink);
  font-family: var(--font-ui, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: .015em;
  text-align: left;
  pointer-events: auto;
  opacity: 0;
  transition: opacity .5s cubic-bezier(.215, .61, .355, 1);
  scroll-padding-top: 104px;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y pinch-zoom;
}
.artwork-detail::-webkit-scrollbar { display: none; }
#work-detail.artwork-detail.is-visible,
.artwork-detail.is-visible { opacity: 1; }
.artwork-detail[hidden], .artwork-detail [hidden] { display: none !important; }
.artwork-detail *, .artwork-detail *::before, .artwork-detail *::after { box-sizing: border-box; }
.artwork-detail p, .artwork-detail h1, .artwork-detail h2, .artwork-detail figure, .artwork-detail dl, .artwork-detail dd { margin: 0; }
.artwork-detail button { appearance: none; border: 0; border-radius: 0; background: transparent; color: inherit; font: inherit; letter-spacing: inherit; cursor: pointer; touch-action: manipulation; }
.artwork-detail :is(p, h1, h2, dt, dd, span) { user-select: text; }
.artwork-detail button span { user-select: none; }
.artwork-detail :is(button, a):focus-visible { outline: 2px solid currentColor; outline-offset: -4px; }
.artwork-detail-title:focus { outline: none; }

.artwork-detail-intro { display: flex; flex: 0 0 auto; align-items: center; margin-top: 60px; }
.artwork-detail-intro-inner { display: flex; flex-direction: column; width: 100%; gap: 41px; padding: 80px 14px; }
.artwork-detail-identity { min-width: 0; }
.artwork-detail-title { font-family: var(--font-ui, sans-serif); font-size: 12px; font-weight: 400; line-height: 1.5; overflow-wrap: anywhere; }
.artwork-detail-edition { margin-top: 12px !important; color: var(--detail-secondary); font-size: 11px; line-height: 1.4; }
.artwork-detail-description { align-self: flex-end; width: 75%; max-width: none; padding-left: 6.5px; line-height: 1.55; white-space: pre-wrap; overflow-wrap: anywhere; }

.artwork-detail-gallery { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; align-items: start; }
.artwork-detail-visual { grid-column: 1 / -1; min-width: 0; overflow: hidden; }
.artwork-detail-image-button { position: relative; display: block; width: 100%; min-height: 44px; padding: 0; line-height: 0 !important; text-align: left; cursor: zoom-in !important; }
.artwork-detail-image { display: block; width: 100%; max-width: none; height: auto; object-fit: contain; }
.artwork-detail-image-button:active { opacity: .94; }
.artwork-detail-image-error { display: grid; min-height: 240px; place-items: center; padding: 40px 14px; color: var(--detail-secondary); font-size: 12px; line-height: 1.6; }
.artwork-detail-model { display: grid; min-height: min(65vh, 600px); place-items: center; padding: 80px 14px; }
.artwork-detail-model-copy { display: flex; width: min(100%, 287px); flex-direction: column; gap: 20px; }
.artwork-detail-model-note { color: var(--detail-secondary); line-height: 1.6; white-space: pre-wrap; }
.artwork-detail-muted { color: var(--detail-secondary); }

.artwork-detail-footer { display: flex; min-height: 50vh; min-height: max(50svh, 320px); flex-direction: column; padding: 42px 14px max(24px, env(safe-area-inset-bottom)); }
.artwork-detail-information { display: grid; grid-template-columns: minmax(0, 1fr); gap: 42px; }
.artwork-detail-catalogue, .artwork-detail-personal { min-width: 0; }
.artwork-detail-facts { display: flex; flex-direction: column; gap: 8px; }
.artwork-detail-fact { display: grid; grid-template-columns: minmax(100px, 1fr) minmax(0, 1fr); gap: 0; line-height: 1.5; }
.artwork-detail-fact dt { color: var(--detail-secondary); }
.artwork-detail-fact dd { min-width: 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.artwork-detail-source-state { display: block; margin-top: 3px; color: var(--detail-secondary); font-size: 11px; }
.artwork-detail-section-label { color: var(--detail-secondary); font: inherit; }
.artwork-detail-personal { display: grid; grid-template-columns: minmax(100px, 1fr) minmax(0, 1fr); align-content: start; }
.artwork-detail-personal-note { max-width: 370px; line-height: 1.65; white-space: pre-wrap; overflow-wrap: anywhere; }
.artwork-detail-audio { grid-column: 2; min-width: 0; }
.artwork-detail-audio .audio-note-audio { max-width: 100%; }
.artwork-detail-actions { display: flex; flex-wrap: wrap; gap: 0 24px; margin-top: 24px; }
.artwork-detail-action { display: inline-flex; min-height: 44px; min-width: 44px; align-items: center; justify-content: flex-start; padding: 0; font-size: 12px; text-decoration-line: underline; text-decoration-thickness: 1px; text-underline-offset: 5px; text-decoration-color: transparent; transition: text-decoration-color .2s ease, color .2s ease; }
.artwork-detail-action:hover, .artwork-detail-action:focus-visible { text-decoration-color: currentColor; }
.artwork-detail-action:active { color: var(--detail-secondary); }
.artwork-detail-next { display: grid; width: 100%; min-height: 128px; grid-template-columns: minmax(100px, 1fr) minmax(0, 1fr); align-items: center; margin-top: auto; padding: 36px 0 12px; text-align: left; }
.artwork-detail-next-label { color: var(--detail-secondary); transition: color .5s cubic-bezier(.215, .61, .355, 1); }
.artwork-detail-next-title { overflow-wrap: anywhere; }
.artwork-detail-next:hover .artwork-detail-next-label { color: var(--detail-ink); }

@media (min-width: 640px) {
  .artwork-detail-description { align-self: auto; width: 100%; max-width: none; padding-left: 146px; }
}
@media (min-width: 768px) {
  .artwork-detail-intro { height: 50vh; min-height: 320px; }
  .artwork-detail-intro-inner { flex-direction: row; gap: 0; }
  .artwork-detail-identity { flex: 0 0 200px; padding-right: 24px; }
  .artwork-detail-description { flex: 0 1 287px; width: auto; max-width: 287px; padding: 0 2px; }
  .artwork-detail-visual.is-paired { grid-column: span 1; }
  .artwork-detail-information { grid-template-columns: minmax(0, 487px) minmax(0, 487px); gap: clamp(40px, 8vw, 160px); }
  .artwork-detail-fact { grid-template-columns: 132px minmax(0, 1fr); }
  .artwork-detail-personal { grid-template-columns: 132px minmax(0, 1fr); }
  .artwork-detail-actions { margin-left: 132px; }
  .artwork-detail-next { grid-template-columns: 132px minmax(0, 1fr); }
}
@media (hover: none) {
  .artwork-detail-action { text-decoration-color: var(--line, #dedede); }
}
@media (prefers-reduced-motion: reduce) {
  .artwork-detail, .artwork-detail-action, .artwork-detail-next-label { transition: none; }
}