@media (prefers-reduced-motion: no-preference) {
  @view-transition { navigation: auto; }
  .site-header { view-transition-name: ll-header; }
  ::view-transition-old(root) { animation: ll-page-out .28s ease-in both; }
  ::view-transition-new(root) { animation: ll-page-in .52s cubic-bezier(.2,.65,.25,1) both; }
  ::view-transition-group(ll-header) { animation-duration: .42s; animation-timing-function: cubic-bezier(.2,.65,.25,1); }
  ::view-transition-old(ll-header), ::view-transition-new(ll-header) { animation-duration: .24s; }
  @keyframes ll-page-out { to { opacity: 0; transform: translateY(-8px); } }
  @keyframes ll-page-in { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
}
@media (prefers-reduced-motion: reduce) {
  @view-transition { navigation: none; }
}