:root{
  --dur-fast:200ms; /* @kind other */
  --dur-base:300ms;    /* @kind other */ /* the default in the product */
  --dur-cta:250ms; /* @kind other */
  --dur-slow:350ms; /* @kind other */
  --dur-hero-zoom:7s; /* @kind other */
  --ease-out:cubic-bezier(0,0,.2,1); /* @kind other */
  --ease-in-out:cubic-bezier(.4,0,.2,1); /* @kind other */
  --autoplay-interval:7000ms; /* @kind other */
  --stagger-step:100ms; /* @kind other */

  --lift-hover:-4px;      /* @kind other */ /* hover:-translate-y-1 */
  --lift-cta:-2px; /* @kind other */
  --scale-hover:1.02; /* @kind other */
  --scale-press:.98; /* @kind other */
  --scale-image-hover:1.05; /* @kind other */
}
@keyframes mw-fade-in-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes mw-slide-in-right{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}
@keyframes mw-pulse-subtle{0%,100%{opacity:1}50%{opacity:.8}}
@keyframes mw-pulse-ring{0%{box-shadow:0 0 0 0 rgba(194,32,74,.45)}70%{box-shadow:0 0 0 10px rgba(194,32,74,0)}100%{box-shadow:0 0 0 0 rgba(194,32,74,0)}}
@keyframes mw-hero-zoom{from{transform:scale(1)}to{transform:scale(1.05)}}
.mw-fade-in-up{animation:mw-fade-in-up .5s var(--ease-out) forwards}
.mw-pulse-ring{animation:mw-pulse-ring 2s var(--ease-out) infinite}
.mw-hero-zoom{animation:mw-hero-zoom var(--dur-hero-zoom) var(--ease-out) forwards}
.mw-stagger-1{animation-delay:.1s}.mw-stagger-2{animation-delay:.2s}.mw-stagger-3{animation-delay:.3s}.mw-stagger-4{animation-delay:.4s}.mw-stagger-5{animation-delay:.5s}
@media (prefers-reduced-motion:reduce){.mw-hero-zoom,.mw-fade-in-up,.mw-pulse-ring{animation:none;transform:none}}