/* Przeglądarka zachowuje prawdziwe dokumenty, adresy i historię nawigacji. */
@view-transition { navigation: auto; }

.site-head { view-transition-name: site-header; }
.mob-bar { view-transition-name: mobile-actions; }

::view-transition { background: var(--purple-tint); }
::view-transition-group(*) { animation-duration: 420ms; animation-timing-function: var(--ease); }
::view-transition-old(root) { animation: page-leave 160ms ease-out both; mix-blend-mode: normal; }
::view-transition-new(root) { animation: page-arrive 320ms var(--ease) 100ms both; mix-blend-mode: normal; }
::view-transition-old(site-header) { animation: none; opacity: 1; mix-blend-mode: normal; }
::view-transition-old(mobile-actions) { animation: page-chrome-leave 140ms ease both; }
::view-transition-new(site-header),
::view-transition-new(mobile-actions) { animation: page-chrome-arrive 220ms ease both; }

.reveal-ready [data-transition-visible],
.reveal-ready [data-transition-visible] img { opacity: 1; transform: none; transition: none; }
.page-entering main { animation: page-fallback 360ms var(--ease) both; }

@keyframes page-leave {
  to { opacity: 0; transform: translateY(-18px); }
}
@keyframes page-arrive {
  from { opacity: 0; transform: translateY(24px); }
  to { opacity: 1; transform: none; }
}
@keyframes page-chrome-leave { to { opacity: 0; } }
@keyframes page-chrome-arrive { from { opacity: 0; } to { opacity: 1; } }
@keyframes page-fallback {
  from { opacity: 0.65; transform: translateY(12px); }
  to { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  @view-transition { navigation: none; }
  .page-entering main { animation: none; }
}