/* Плавные переходы между страницами: fade-out при уходе (класс is-leaving
 * добавляет assets/js/transitions.js) и fade-in при загрузке страницы.
 * Одинаково для всех страниц и всех переходов, отключается при
 * prefers-reduced-motion. Только opacity — анимация не грузит процессор. */

@keyframes page-fade-in {
  from { opacity: 0; }
  to   { opacity: 1; }
}

html {
  animation: page-fade-in 0.25s ease-out;
}

/* Гашение страницы перед навигацией */
html.is-leaving {
  animation: none;
  opacity: 0;
  transition: opacity 0.18s ease-in;
}

@media (prefers-reduced-motion: reduce) {
  html { animation: none; }
  html.is-leaving { transition: none; }
}