:root{
--dur-instant:120ms; /* @kind other */
--dur-fast:200ms; /* @kind other */
--dur-base:340ms; /* @kind other */
--dur-slow:620ms; /* @kind other */
--dur-place:760ms; /* @kind other */      /* "just placed on the page" sticker entrance */
--dur-float:9s; /* @kind other */         /* ambient float loop */
--dur-drift:14s; /* @kind other */

--ease-editorial:cubic-bezier(.22,.61,.36,1); /* @kind other */
--ease-place:cubic-bezier(.16,.84,.44,1); /* @kind other */
--ease-soft-in:cubic-bezier(.4,0,.2,1); /* @kind other */
--ease-float:cubic-bezier(.45,.05,.55,.95); /* @kind other */

--lift-hover:-3px; /* @kind other */      /* translateY on hover — small, never bouncy */
--tilt-rest:-2.5deg; /* @kind other */    /* resting sticker rotation range */
--tilt-hover:0deg; /* @kind other */
}

@keyframes fourA-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes fourA-drift{0%,100%{transform:translate(0,0) rotate(var(--tilt,0deg))}50%{transform:translate(4px,-7px) rotate(calc(var(--tilt,0deg) + .8deg))}}
@keyframes fourA-place{from{opacity:0;transform:translateY(18px) rotate(calc(var(--tilt,0deg) - 4deg)) scale(.965)}to{opacity:1;transform:translateY(0) rotate(var(--tilt,0deg)) scale(1)}}
@keyframes fourA-rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes fourA-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}