/* Screen-only navigation craft. The signature cover burst lives in deck.js;
   this file carries the coherent, quieter variation for every later move. */
@media screen and (min-width: 901px) and (prefers-reduced-motion: no-preference) {
  #deck { position: relative; }

  #deck .slide.nav-leaving {
    position: absolute;
    inset: 0;
    width: 100%;
    z-index: 1;
    pointer-events: none;
    animation: deck-nav-leave 520ms cubic-bezier(.22,.61,.36,1) both;
  }

  #deck .slide.active.nav-entering {
    position: relative;
    z-index: 2;
    animation: deck-nav-enter 520ms cubic-bezier(.22,.61,.36,1) both;
  }

  #deck.nav-sweep::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 4;
    pointer-events: none;
    /* A saw kerf: a hot white core with a warm birch-dust halo, passing through the frame. */
    background: linear-gradient(180deg, transparent 0%, rgba(234, 88, 12, 0) 40%, rgba(255, 190, 120, .32) 47.4%, rgba(255, 244, 224, .95) 49.8%, rgba(255, 255, 255, 1) 50%, rgba(255, 244, 224, .95) 50.2%, rgba(255, 190, 120, .32) 52.6%, rgba(234, 88, 12, 0) 60%, transparent 100%);
    animation: deck-nav-sweep 560ms cubic-bezier(.22,.61,.36,1) both;
  }

  @keyframes deck-nav-enter {
    from { transform: translateY(calc(var(--dir, 1) * 5.5%)); opacity: .35; }
    to { transform: translateY(0); opacity: 1; }
  }

  @keyframes deck-nav-leave {
    from { transform: translateY(0); opacity: 1; }
    to { transform: translateY(calc(var(--dir, 1) * -3.5%)); opacity: .55; }
  }

  @keyframes deck-nav-sweep {
    from { transform: translateY(-100%); opacity: 0; }
    30% { opacity: 1; }
    to { transform: translateY(100%); opacity: 0; }
  }
}