/* Nine moves. Two easings. Scroll does the timing. */
:root{
  --wem-ease-standard:cubic-bezier(.2,.7,.2,1); /* @kind other */    /* reveals, panels, clip-ups */
  --wem-ease-expressive:cubic-bezier(.16,1,.3,1); /* @kind other */  /* fades, counters, bob */

  --wem-dur-micro:180ms; /* @kind other */     /* link recolour */
  --wem-dur-state:200ms; /* @kind other */     /* button fill */
  --wem-dur-underline:250ms; /* @kind other */
  --wem-dur-panel:280ms; /* @kind other */
  --wem-dur-header:300ms; /* @kind other */
  --wem-dur-card-back:600ms; /* @kind other */
  --wem-dur-menu:700ms; /* @kind other */
  --wem-dur-reveal:900ms; /* @kind other */
  --wem-dur-counter:1600ms; /* @kind other */
  --wem-menu-panel-delay:300ms; /* @kind other */
  --wem-menu-links-delay:700ms; /* @kind other */
}
@keyframes wem-clip-up{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0)}}
@keyframes wem-fade-up{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
@keyframes wem-slide-l{from{opacity:.35;transform:translateX(-160px)}to{opacity:1;transform:none}}
@keyframes wem-slide-r{from{opacity:.35;transform:translateX(160px)}to{opacity:1;transform:none}}
@keyframes wem-ink-in{from{color:#b3ada4}to{color:#141414}}
@keyframes wem-bob{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,10px)}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important}}