/* Short interaction feedback; larger entrance motion is one-shot and explanatory. */
.hero-art{transform-origin:center;transition:transform 220ms cubic-bezier(.22,1,.36,1)}
.button{transition:background-color 160ms ease,color 160ms ease,transform 160ms cubic-bezier(.22,1,.36,1)}
.button>span[aria-hidden=true]{display:inline-block;transition:transform 180ms cubic-bezier(.22,1,.36,1)}
.tabs button{transition:background-color 160ms ease,color 160ms ease}
@media(hover:hover) and (pointer:fine){body:not(.keyboard-nav) .button:hover{transform:translateY(-2px)}body:not(.keyboard-nav) .button:hover>span[aria-hidden=true]{transform:translate(2px,-2px)}body:not(.keyboard-nav) .button:active{transform:translateY(0) scale(.985)}}
@media(prefers-reduced-motion:reduce){.hero-art,.button,.button>span[aria-hidden=true],.tabs button{transition:none!important;transform:none!important}}