/* ============================================================================
   Page bounce (1 Oct 2026, Paul): opening a case study from Selected projects,
   and coming back, swaps the page the way design.4 swapped its views: the old
   page softens out in 160ms, the new one pops in over 440ms with a small
   overshoot. A cross-document view transition, so it needs no framework and the
   pages stay separate files.

   Linked by selected-projects.html and case-study.html only. Both sides of a
   navigation must opt in for the transition to run, so landing and about keep
   their plain load-in. Browsers without support just navigate as before.
   The matching script (skip the transition if the new page is not ready, and
   show the new page whole instead of replaying the line reveal) sits at the
   foot of each page, id="page-bounce".
   ---------------------------------------------------------------------------- */
@view-transition{navigation:auto}

main{view-transition-name:page-view}

/* the root (ruler, tree, contact foot) does not animate; only the page's own column does */
::view-transition-old(root),::view-transition-new(root){animation:none}
::view-transition-old(page-view){animation:vt-out .16s ease both}
::view-transition-new(page-view){animation:vt-in .44s cubic-bezier(.34,1.56,.64,1) both}
@keyframes vt-out{to{opacity:0;transform:translateY(-6px);filter:blur(2px)}}
@keyframes vt-in{from{opacity:0;transform:translateY(10px) scale(.98);filter:blur(3px)}}

@media (prefers-reduced-motion:reduce){
  ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}
}