/* Переход между страницами (r60): шапка стоит на месте, содержимое меняется «в глубину», без полосы загрузки.
   Без искусственной задержки и без затемнения экрана. Браузеры без View Transitions открывают страницу как обычно. */
@view-transition{navigation:auto}
.hv-chrome{view-transition-name:site-header}
::view-transition-group(root){animation-duration:.4s}
::view-transition-old(root){animation:route-v2-out .26s ease-out both}
::view-transition-new(root){animation:route-v2-in .4s cubic-bezier(.32,.72,0,1) both}
::view-transition-group(site-header){animation:none}
::view-transition-old(site-header){display:none}
::view-transition-new(site-header){animation:none}
/* «Глубина»: старая страница уходит вглубь, новая приближается к экрану */
@keyframes route-v2-out{to{opacity:0;transform:scale(.94)}}
@keyframes route-v2-in{from{opacity:0;transform:scale(1.04)}}

/* Старый эффект с линией и заголовком отключён */
.route-transition{display:none!important}
html.route-leaving body:after{display:none!important}
html.route-entering main,.route-entering main{animation:none!important}

@media (prefers-reduced-motion:reduce){
  @view-transition{navigation:none}
}