/* Transition entre pages « voile de lumière » : l'ancienne page se dissout dans un léger flou,
   un reflet doux aux couleurs du logo traverse l'écran, la nouvelle page monte en fondu, nette (texte lisible tout de suite).
   L'en-tête reste en place. Partagé par toutes les pages via le Layout. */
.vt-veil{position:fixed;inset:0;pointer-events:none;z-index:-1}
@media (prefers-reduced-motion:no-preference){
  @view-transition{navigation:auto}
  .vt-veil{view-transition-name:vt-veil}
  #site-header{view-transition-name:vt-header}

  ::view-transition-old(root){animation:vt-out .6s cubic-bezier(.4,0,.2,1) both !important}
  ::view-transition-new(root){animation:vt-in 1s cubic-bezier(.2,.7,.2,1) .3s both !important}
  ::view-transition-old(vt-veil){display:none}
  ::view-transition-new(vt-veil){
    background:linear-gradient(115deg,transparent 35%,rgba(37,71,168,.10) 46%,rgba(91,63,168,.16) 50%,rgba(10,111,194,.10) 54%,transparent 65%) 100% 0/300% 100% no-repeat;
    animation:vt-sheen 1.7s cubic-bezier(.45,0,.25,1) both;
  }
}
@keyframes vt-out{to{opacity:0;transform:translateY(-10px);filter:blur(6px)}}
@keyframes vt-in{from{opacity:0;transform:translateY(14px)}}
@keyframes vt-sheen{
  from{background-position:100% 0;opacity:0}
  25%{opacity:1}
  to{background-position:0 0;opacity:0}
}