/* Page-to-page transitions (KOAN, Hindi, artist pages): a slow dissolve with a slight rise, via cross-document view transitions.
   Browsers without support simply navigate as before. */
@view-transition { navigation: auto; }
::view-transition-group(root) { animation-duration: .7s; animation-timing-function: cubic-bezier(.65, 0, .25, 1); }
::view-transition-old(root) { animation: kt-out .55s cubic-bezier(.65, 0, .25, 1) both; }
::view-transition-new(root) { animation: kt-in .7s cubic-bezier(.16, 1, .3, 1) .12s both; }
@keyframes kt-out { to { opacity: 0; filter: blur(8px) brightness(.6); transform: scale(.985); } }
@keyframes kt-in { from { opacity: 0; filter: blur(8px); transform: translateY(14px) scale(1.01); } to { opacity: 1; filter: none; transform: none; } }
html::view-transition { background: #070707; }