/* A single vertical cycle: the current word drops away and an identical copy
   rolls down from above. The link itself stays still and keeps its full hit area. */
.nav-roll__window {
  display: inline-grid;
  height: 1.15em;
  overflow: hidden;
  align-items: center;
  line-height: 1.15;
}
.nav-roll__word {
  grid-area: 1 / 1;
  white-space: nowrap;
  transition: transform .72s cubic-bezier(.22, 1, .36, 1);
  will-change: transform;
}
.nav-roll__word--next { transform: translateY(-110%); }
@media (hover: hover) and (pointer: fine) {
  .nav-roll:hover .nav-roll__word--current { transform: translateY(110%); }
  .nav-roll:hover .nav-roll__word--next { transform: translateY(0); }
}
.nav-roll:focus-visible .nav-roll__word--current { transform: translateY(110%); }
.nav-roll:focus-visible .nav-roll__word--next { transform: translateY(0); }
.tlh-nav__menu.nav-roll::before { content: none; }
@media (prefers-reduced-motion: reduce) {
  .nav-roll__word { transition: none; will-change: auto; }
  .nav-roll:hover .nav-roll__word--current,
  .nav-roll:focus-visible .nav-roll__word--current { transform: none; }
  .nav-roll:hover .nav-roll__word--next,
  .nav-roll:focus-visible .nav-roll__word--next { transform: translateY(-110%); }
}