/* Snapshot pages shrink into a shared open volume before the leaf turns. */
@view-transition { navigation: auto; }
::view-transition { background:#302219 url("../assets/transition-book.svg?v=759a1f4c6555") center / 129vw 67.5vh no-repeat; }
::view-transition-group(root) { animation-duration:1800ms; }
::view-transition-image-pair(root) { isolation:isolate; }
::view-transition-old(root),::view-transition-new(root) { transform-origin:0 0; mix-blend-mode:normal; box-sizing:border-box; }
::view-transition-old(root) { z-index:2; animation:book-leaf-forward 1800ms ease-in-out both; backface-visibility:visible; }
::view-transition-new(root) { z-index:1; animation:book-enter 1800ms ease-in-out both; }
@keyframes book-leaf-forward {
  0% { transform:translate(0,0) scale(1); opacity:1; filter:brightness(1); }
  24% { transform:translate(50vw,18.5vh) scale(.63); opacity:1; filter:brightness(1); box-shadow:0 0 0 12px #eaddc0; }
  25% { transform:translate(50vw,18.5vh) scale(.63) perspective(2500px) rotateY(0deg); }
  40% { filter:brightness(.88); }
  50% { filter:contrast(.02) brightness(1.85) sepia(.3); }
  65% { transform:translate(50vw,18.5vh) scale(.63) perspective(2500px) rotateY(-165deg); opacity:1; filter:contrast(.02) brightness(1.85) sepia(.3); box-shadow:30px 10px 60px #30221966; }
  66%,100% { transform:translate(50vw,18.5vh) scale(.63) perspective(2500px) rotateY(-180deg); opacity:0; }
}
@keyframes book-enter {
  0%,68% { transform:translate(50vw,18.5vh) scale(.63); opacity:1; box-shadow:0 0 0 12px #eaddc0; }
  100% { transform:translate(0,0) scale(1); opacity:1; box-shadow:0 0 0 0 #eaddc0; }
}
@media (max-width:600px) {
  ::view-transition-group(root),::view-transition-old(root),::view-transition-new(root) { animation-duration:1450ms; }
}
@media (prefers-reduced-motion:reduce) {
  @view-transition { navigation:none; }
  ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*) { animation:none!important; }
}

/* Only an explicit chapter entry uses the book artwork and 3D rotation. */
html:not([data-transition-mode="entry"])::view-transition { background:#eee2c9; }
html:not([data-transition-mode="entry"])::view-transition-group(root) { animation-duration:280ms; }
html:not([data-transition-mode="entry"])::view-transition-old(root) {
  animation:page-fade-out 280ms ease-out both; transform:none; filter:none; box-shadow:none;
}
html:not([data-transition-mode="entry"])::view-transition-new(root) {
  animation:none; transform:none; filter:none; opacity:1;
}
@keyframes page-fade-out { from { opacity:1; } to { opacity:0; } }
.book-destination { position:fixed; inset:0; width:100vw; height:100dvh; border:0; z-index:2147483647; background:#eee2c9; pointer-events:none; }

html.land-in-transit { overflow:hidden; }