/* Transitions entre pages (API View Transitions, navigations du même site).
   Chaque page du site charge ce fichier ET transitions.js : sans eux d'un
   côté ou de l'autre, le navigateur retombe sur le rechargement sec habituel.
   Chrome, Edge et Safari 18.2+ le gèrent ; Firefox l'ignore sans rien casser.
   Pas de flou ni de filtre : sur une capture plein écran, ça coûte cher
   sur téléphone. Seules une échelle et une opacité sont animées. */
@view-transition { navigation: auto; }

/* ── par défaut (retour arrière, pages classiques) : fondu en avançant ── */
html:not(.vt-tunnel)::view-transition-old(root){ animation: ga-vt-sortie .38s cubic-bezier(.4,0,.2,1) both; }
html:not(.vt-tunnel)::view-transition-new(root){ animation: ga-vt-entree .55s cubic-bezier(.2,.8,.2,1) both; }
@keyframes ga-vt-sortie{ to{ opacity:0; transform:scale(.965); } }
@keyframes ga-vt-entree{ from{ opacity:0; transform:scale(1.035); } }

/* ── sortie du tunnel galactique : l'ancienne capture est l'éclair de
      lumière ; il s'éteint pendant que l'univers se pose, en ralentissant ── */
html.vt-tunnel::view-transition-old(root){ animation: ga-vt-eclair .7s ease-out both; }
html.vt-tunnel::view-transition-new(root){ animation: ga-vt-arrivee .9s cubic-bezier(.16,1,.3,1) both; }
@keyframes ga-vt-eclair{ to{ opacity:0; } }
@keyframes ga-vt-arrivee{ from{ opacity:0; transform:scale(1.12); } }

@media (prefers-reduced-motion: reduce){
  ::view-transition-old(root), ::view-transition-new(root){ animation-duration:.01s !important; }
}

/* Logo GA (image de Jonathan, 03/10/2026), sur toutes les pages : ce fichier est chargé partout.
   Pages 3D : il remplace le carré dégradé de .brand i ; pages classiques : le GA dessiné en SVG. */
.brand i { width: 46px !important; height: 26px !important; border-radius: 0 !important; box-shadow: none !important;
  background: url(/img/logo-ga.png) center / contain no-repeat !important; }
.brand > svg.mark { display: none !important; }
.brand:has(> svg.mark)::before { content: ""; flex: none; width: 58px; height: 33px; background: url(/img/logo-ga.png) center / contain no-repeat; }