/* Small movements only. The existing palette, layout and phone rotation stay intact. */
@media (prefers-reduced-motion: no-preference) and (hover: hover) and (pointer: fine) {
  .site-polish :is(.feature-card,.guide-card) {
    transition:translate 240ms cubic-bezier(.22,1,.36,1),border-color 200ms,box-shadow 200ms;
  }
  .site-polish :is(.feature-card,.guide-card):hover {translate:0 -4px}
  .site-polish :is(.button,.nav-get,.store-badge) {
    transition:transform 220ms cubic-bezier(.22,1,.36,1),background-color 180ms,border-color 180ms,box-shadow 220ms;
  }
  .site-polish :is(.button,.nav-get,.store-badge):active {transform:translateY(0) scale(.98)}
  .site-polish :is(.text-link,.conversion-panel .button)>span[aria-hidden="true"] {
    transition:translate 220ms cubic-bezier(.22,1,.36,1);
  }
  .site-polish :is(.text-link,.conversion-panel .button):hover>span[aria-hidden="true"] {translate:3px -2px}
  [dir=rtl] .site-polish :is(.text-link,.conversion-panel .button):hover>span[aria-hidden="true"] {translate:-3px -2px}
  .site-polish .desktop-nav a {position:relative}
  .site-polish .desktop-nav a::after {
    content:"";position:absolute;inset-inline:0;bottom:3px;height:1px;
    background:currentColor;transform:scaleX(0);transform-origin:left;
    transition:transform 220ms cubic-bezier(.22,1,.36,1);pointer-events:none;
  }
  [dir=rtl] .site-polish .desktop-nav a::after {transform-origin:right}
  .site-polish .desktop-nav a:is(:hover,:focus-visible)::after {transform:scaleX(1)}
}
@media (prefers-reduced-motion: reduce) {
  .site-polish :is(.feature-card,.guide-card) {translate:none;transition:none}
}