html{scroll-behavior:auto}body{overflow-x:hidden;background:var(--ink)}
@keyframes paMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes paSpin{to{transform:rotate(360deg)}}
@keyframes paPop{from{opacity:0;transform:translateY(60px) rotate(-14deg) scale(.6)}to{opacity:1}}
@keyframes paSlideUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}
@keyframes paBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}
@keyframes paToast{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes paDrop{from{opacity:0;transform:translateY(-60%) rotate(-14deg)}to{opacity:1;transform:none}}
@keyframes paFloatIn{from{opacity:0;transform:translateY(90px) scale(.7)}to{opacity:1;transform:none}}
@keyframes paBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@media (prefers-reduced-motion:reduce){*{animation-duration:.001s!important;animation-iteration-count:1!important}}

/* deploy fix: keep the nav logo from being squeezed on narrower screens */
header > div > a:first-child{flex-shrink:0}