/* Keep card dimensions and reading positions fixed during interaction. */
@media (hover:hover) and (pointer:fine){
  .home-paths .home-key{transition:background-color .25s ease,box-shadow .25s ease}
  .home-paths .home-key-image img{transition:transform .45s ease}
  .home-paths .home-key .home-arrow{transition:transform .25s ease}
  .home-paths .home-key-number{transition:border-color .25s ease,background-color .25s ease}
  .home-paths .home-key:is(:hover,:focus-within){background-color:#0c293a;box-shadow:inset 0 0 0 1px #4fc4e5}
  .home-paths .home-key:is(:hover,:focus-within) .home-key-image img{transform:scale(1.035)}
  .home-paths .home-key:is(:hover,:focus-within) .home-key-number{border-color:#4fc4e5;background-color:#12394b}
  .home-paths .home-key:is(:hover,:focus-within) .home-arrow{transform:translateX(4px)}
}
.home-paths .home-key:focus-within{box-shadow:inset 0 0 0 1px #4fc4e5}
.home-paths .home-key .home-link:focus-visible{outline:2px solid #4fc4e5;outline-offset:5px}
@media (prefers-reduced-motion:reduce){
  .home-paths .home-key,.home-paths .home-key-image img,.home-paths .home-key .home-arrow,.home-paths .home-key-number{transition:none}
  .home-paths .home-key:is(:hover,:focus-within) .home-key-image img,
  .home-paths .home-key:is(:hover,:focus-within) .home-arrow{transform:none}
}