/* Only the two canonical editorial documents participate. */
@view-transition { navigation: auto; }

::view-transition-group(root) {
  animation-duration: 340ms;
  animation-timing-function: cubic-bezier(.32, 0, .24, 1);
}
::view-transition-old(root),
::view-transition-new(root) {
  animation-duration: 340ms;
  animation-timing-function: cubic-bezier(.32, 0, .24, 1);
  mix-blend-mode: normal;
}
:root[data-tvc-editorial-direction="forward"]::view-transition-old(root) {
  animation-name: tvc-spread-old-left;
}
:root[data-tvc-editorial-direction="forward"]::view-transition-new(root) {
  animation-name: tvc-spread-new-right;
}
:root[data-tvc-editorial-direction="reverse"]::view-transition-old(root) {
  animation-name: tvc-spread-old-right;
}
:root[data-tvc-editorial-direction="reverse"]::view-transition-new(root) {
  animation-name: tvc-spread-new-left;
}
:root:not([data-tvc-editorial-direction])::view-transition-group(root),
:root:not([data-tvc-editorial-direction])::view-transition-old(root),
:root:not([data-tvc-editorial-direction])::view-transition-new(root) {
  animation: none;
}
@keyframes tvc-spread-old-left { to { transform: translateX(-100%); } }
@keyframes tvc-spread-new-right { from { transform: translateX(100%); } }
@keyframes tvc-spread-old-right { to { transform: translateX(100%); } }
@keyframes tvc-spread-new-left { from { transform: translateX(-100%); } }

.tvc-editorial-preload {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100dvh;
  border: 0;
  opacity: 0;
  z-index: -1;
  pointer-events: none;
  background: var(--tvc-site-background, #f8f7f3);
}
.tvc-editorial-preload.is-transitioning {
  opacity: 1;
  z-index: 1000;
}
.tvc-editorial-preload.is-active {
  opacity: 1;
  z-index: 150;
  pointer-events: auto;
}
body.tvc-editorial-spread #home-canvas-home,
body.tvc-editorial-spread main.about-page-layout {
  touch-action: pan-y pinch-zoom;
}
@media (prefers-reduced-motion: reduce) {
  ::view-transition-group(root),
  ::view-transition-old(root),
  ::view-transition-new(root) { animation: none !important; }
}