/* fx-page-transition: smooth cross-page navigation (home ↔ privacy/terms ↔ service pages) with the browser's own
   cross-document View Transitions. Zero JS, zero cost where unsupported (Firefox just navigates normally).
   Both pages must include this CSS. Give a shared element the same view-transition-name on both pages to morph it. */
@view-transition{navigation:auto}
::view-transition-old(root){animation:fxVtOut .22s cubic-bezier(.4,0,1,1) both}
::view-transition-new(root){animation:fxVtIn .42s cubic-bezier(.2,.7,.1,1) .05s both}
@keyframes fxVtOut{to{opacity:0;transform:translateY(-12px)}}
@keyframes fxVtIn{from{opacity:0;transform:translateY(18px)}}
[data-vt="header"]{view-transition-name:site-header}
[data-vt="photo"]{view-transition-name:shared-photo}
[data-vt="title"]{view-transition-name:shared-title}
::view-transition-group(shared-photo),::view-transition-group(shared-title){animation-duration:.5s;animation-timing-function:cubic-bezier(.2,.7,.1,1)}
@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}}