:root{
/* three speeds create hierarchy: FAST reacts, MEDIUM reveals, SLOW carries the camera */
--dur-instant:90ms; /* @kind other */
--dur-fast:180ms; /* @kind other */
--dur-medium:420ms; /* @kind other */
--dur-slow:900ms; /* @kind other */
--dur-cinematic:1600ms; /* @kind other */
--ease-out:cubic-bezier(.16,1,.3,1); /* @kind other */
--ease-in-out:cubic-bezier(.65,0,.35,1); /* @kind other */
--ease-mech:cubic-bezier(.2,.8,.2,1); /* @kind other */
--ease-linear:linear; /* @kind other */
--stagger:70ms; /* @kind other */
--transition-control:color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out); /* @kind other */
--transition-reveal:opacity var(--dur-medium) var(--ease-out),transform var(--dur-medium) var(--ease-out); /* @kind other */
--parallax-near:0.18; /* @kind other */
--parallax-mid:0.08; /* @kind other */
--parallax-far:0.03; /* @kind other */
}
@media (prefers-reduced-motion:reduce){:root{
--dur-fast:1ms; /* @kind other */
--dur-medium:1ms; /* @kind other */
--dur-slow:1ms; /* @kind other */
--dur-cinematic:1ms; /* @kind other */
--stagger:0ms; /* @kind other */
}}
@keyframes tb-current{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
@keyframes tb-pulse{0%,100%{opacity:.35}50%{opacity:1}}
@keyframes tb-rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes tb-draw{from{stroke-dashoffset:var(--dash,1000)}to{stroke-dashoffset:0}}