/* Motion — short, single-axis, no bounce except the entrance overshoot on the search panel. */
:root{
  --dur-instant:80ms; /* @kind other */
  --dur-fast:140ms; /* @kind other */
  --dur-base:220ms; /* @kind other */
  --dur-slow:360ms; /* @kind other */
  --dur-slower:560ms; /* @kind other */
  --dur-photo:700ms; /* @kind other */   /* image cross-fade / ken-burns */

  --ease-standard:cubic-bezier(.2,.6,.2,1); /* @kind other */
  --ease-out:cubic-bezier(.16,1,.3,1); /* @kind other */
  --ease-in:cubic-bezier(.5,0,1,1); /* @kind other */
  --ease-in-out:cubic-bezier(.6,0,.2,1); /* @kind other */
  --ease-entrance:cubic-bezier(.34,1.22,.64,1); /* @kind other */

  --transition-color:color var(--dur-fast) var(--ease-standard),background-color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard); /* @kind other */
  --transition-transform:transform var(--dur-base) var(--ease-out); /* @kind other */
  --transition-shadow:box-shadow var(--dur-base) var(--ease-out); /* @kind other */
  --transition-control:var(--transition-color),box-shadow var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard); /* @kind other */

  --lift-hover:translateY(-3px); /* @kind other */
  --press-scale:.985; /* @kind other */
  --zoom-photo:scale(1.045); /* @kind other */
}
@keyframes hn-fade-in{from{opacity:0}to{opacity:1}}
@keyframes hn-fade-up{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes hn-fade-down{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
@keyframes hn-scale-in{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}
@keyframes hn-slide-in-right{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
@keyframes hn-shimmer{from{background-position:-160% 0}to{background-position:260% 0}}
@keyframes hn-pulse-ring{0%{box-shadow:0 0 0 0 rgba(238,10,10,.35)}70%{box-shadow:0 0 0 12px rgba(238,10,10,0)}100%{box-shadow:0 0 0 0 rgba(238,10,10,0)}}
@keyframes hn-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){
  :root{
    --dur-instant:1ms; /* @kind other */
    --dur-fast:1ms; /* @kind other */
    --dur-base:1ms; /* @kind other */
    --dur-slow:1ms; /* @kind other */
    --dur-slower:1ms; /* @kind other */
    --dur-photo:1ms; /* @kind other */
    --lift-hover:none; /* @kind other */
    --zoom-photo:none; /* @kind other */
  }
  *,*::before,*::after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}
}
