@media (prefers-reduced-motion: no-preference) {
  html { scroll-behavior: smooth; }
  main { overflow-x: clip; }
  @view-transition { navigation: auto; }
  ::view-transition-old(root) { animation-duration: 180ms; }
  ::view-transition-new(root) { animation-duration: 240ms; }
  @media (hover: hover) and (pointer: fine) {
    .projects__item, .news__item, .solutions-list__item, .engin-list__item,
    .ef-document, .btn { transition: translate 250ms ease, box-shadow 250ms ease, background-color 250ms ease, color 250ms ease; }
    .projects__item:hover, .news__item:hover, .solutions-list__item:hover,
    .engin-list__item:hover, .ef-document:hover { translate: 0 -4px; }
    .btn:hover { translate: 0 -2px; }
  }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  ::view-transition-group(*), ::view-transition-old(*), ::view-transition-new(*) { animation: none !important; }
}