/* A local proposal based on the approved B reader. Images stay completely still. */
.still-art .still-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: var(--art-fit, cover);
  object-position: var(--art-position, center);
}
.still-art canvas,
.fullscreen #animation,
.fullscreen #gallery-pause,
.fullscreen #scene-caption {
  display: none !important;
}
.fullscreen .artwork-credit {
  font: 10px/1.5 var(--sans);
  letter-spacing: 0.03em;
  color: inherit;
  text-decoration: none;
  padding: 10px 0;
}
.fullscreen .artwork-credit:hover {
  text-decoration: underline;
}
.fullscreen .gallery-bottom {
  gap: 12px;
}
.fullscreen .gallery-bottom .artwork-credit {
  order: -1;
}
.fullscreen .signature small {
  font: 8px var(--sans);
  letter-spacing: 0.14em;
  margin-left: 15px;
  vertical-align: middle;
}
@media (min-width: 701px) {
  /* Preserve centrally composed figures on the right, rather than under the poem. */
  .fullscreen .book.illustrated .scene,
  .fullscreen .gallery-dialog:not(.landscape-only) .gallery-art {
    left: 22%;
  }
  .fullscreen .book.illustrated .page::after,
  .fullscreen .gallery-dialog:not(.landscape-only) .gallery-shade {
    background: linear-gradient(
      90deg,
      #101a23 0%,
      #101a23 23%,
      rgb(9 17 24 / 0.88) 29%,
      rgb(9 17 24 / 0.76) 39%,
      rgb(9 17 24 / 0.7) 46%,
      rgb(9 17 24 / 0.44) 51%,
      transparent 62%
    );
  }
}
.fullscreen .gallery-dialog.landscape-only .still-image {
  object-fit: contain;
}
@media (max-width: 700px) {
  .still-art .still-image {
    object-position: var(--art-mobile-position, center);
  }
  .fullscreen .signature small {
    display: none;
  }
  .fullscreen .book-bottom {
    flex-wrap: wrap;
  }
  .fullscreen .book-bottom .bottom-center {
    order: 3;
    width: 100%;
    text-align: center;
  }
  .fullscreen .gallery-bottom .artwork-credit {
    display: none;
  }
}
