/* Inflow FX · transizione-pagine · passaggio animato tra le pagine di un sito statico (View Transitions, solo CSS).
   Uso: questo CSS in OGNI pagina del sito, <body data-fx="transizione-pagine">; l'intestazione che resta ferma tra le
   pagine prende la classe fx-tp-fisso. Nei browser che non lo supportano le pagine cambiano come sempre.
   Con prefers-reduced-motion: reduce nessuna animazione. Nessuna dipendenza, niente JavaScript. */
@view-transition{navigation:auto}
[data-fx~="transizione-pagine"] .fx-tp-fisso{view-transition-name:fx-tp-fisso}
@media (prefers-reduced-motion: no-preference){
  ::view-transition-old(root){animation:fx-tp-esce .3s cubic-bezier(.4,0,1,1) both}
  ::view-transition-new(root){animation:fx-tp-entra .6s cubic-bezier(.16,1,.3,1) both}
}
@media (prefers-reduced-motion: reduce){
  ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}
}
@keyframes fx-tp-esce{to{opacity:0;transform:translate3d(0,-2vh,0)}}
@keyframes fx-tp-entra{from{opacity:0;transform:translate3d(0,4vh,0)}}