/* Small movements follow the existing layered, editorial composition. */
html{scroll-behavior:smooth}
.header nav a{transition:background-color .22s ease,color .22s ease,translate .22s ease}
.header nav a span{transition:color .22s ease}
.deck-card{transition:translate .45s cubic-bezier(.22,1,.36,1),box-shadow .45s ease}
.deck-arrow{display:inline-block;transition:translate .3s ease}
.media-button{transition:box-shadow .35s ease}
.media-button img{transition:transform .55s cubic-bezier(.22,1,.36,1)}
.media-action,.play-icon{transition:transform .3s ease,background-color .3s ease}
.swipe-controls button{transition:background-color .2s ease,color .2s ease,transform .2s ease}
.bar-fill{transform-origin:left center}
.chart-row,.legend-row{transition:background-color .2s ease}
.text-link,.footer a{transition:opacity .2s ease}
.media-button:active .media-action,.media-button:active .play-icon,.swipe-controls button:active:not(:disabled){transform:scale(.94)}
.media-button:focus-visible,.deck-link:focus-visible,.swipe-controls button:focus-visible{outline:2px solid currentColor;outline-offset:4px}
@media(hover:hover) and (pointer:fine){
  .deck-card:hover,.deck-card:focus-within{translate:0 -5px;box-shadow:0 14px 28px #0002}
  .deck-link:hover .deck-arrow{translate:3px -3px}
  .header nav a:hover{translate:0 -2px}
  .media-button:hover{box-shadow:0 8px 20px #0002}
  .media-button:hover img{transform:scale(1.035)}
  .media-button:hover .media-action,.media-button:hover .play-icon{transform:scale(1.08)}
  .swipe-controls button:hover:not(:disabled){background:#292b29;color:#f5f6f2}
  #automation .swipe-controls button:hover:not(:disabled){background:#e6eadf;color:#292b29}
  .footer a:hover{opacity:.65}
}
@keyframes viewer-enter{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:no-preference){
  .viewer[open] .viewer-header,.viewer[open] .viewer-stage{animation:viewer-enter .25s ease both}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .deck-card,.deck-arrow,.header nav a,.header nav a span,.media-button,.media-button img,.media-action,.play-icon,.swipe-controls button,.chart-row,.legend-row,.footer a,.text-link{transition:none}
  .deck-card:hover,.deck-card:focus-within,.deck-link:hover .deck-arrow,.header nav a:hover{translate:none}
  .media-button:hover img,.media-button:hover .media-action,.media-button:hover .play-icon,.media-button:active .media-action,.media-button:active .play-icon,.swipe-controls button:active:not(:disabled){transform:none}
}