/* The original image still reserves the exact space and supplies its alt text. */
.book-visual > .book-3d-canvas {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  opacity: 0;
  pointer-events: none;
  /* Hero navy separates the ivory cover from the wall; the warm floor keeps
     the rearward shadow readable. The junction follows the source photograph. */
  background:
    linear-gradient(to bottom,
      transparent calc(75.15% - 0.5px),
      #080f2240 75.15%,
      #ffffff20 calc(75.15% + 1px),
      transparent calc(75.15% + 2px)),
    linear-gradient(to bottom, transparent 75.15%, #d3d0c9 75.15%, #e1ded7 80%, #e8e5df 100%),
    radial-gradient(ellipse at 35% 32%, #213450 0%, var(--navy-soft) 48%, var(--navy) 82%);
}
.book-visual.is-3d-ready > .book-3d-canvas { opacity: 1; }
.book-visual.is-3d-ready > img { opacity: 0; }