@media (prefers-reduced-motion:no-preference){
  .hero-copy{animation:hero-in .8s cubic-bezier(.22,1,.36,1) both}.hero-mark{animation:mark-in 1s .12s cubic-bezier(.22,1,.36,1) both}.hero-mark img{animation:float 7s ease-in-out 1.1s infinite}.hero:after{animation:pulse 8s ease-in-out infinite}.brand img{transition:transform .35s ease,box-shadow .35s ease}.brand:hover img{transform:rotate(10deg) scale(1.08);box-shadow:0 0 22px #e4453166}.btn{transition:transform .2s ease,filter .2s ease,background .2s ease}.btn:hover{transform:translateY(-2px)}.post-media img,.post-media video{transition:transform .6s cubic-bezier(.22,1,.36,1)}.post:hover .post-media img,.post:hover .post-media video{transform:scale(1.045)}.topic{transition:background .2s ease,padding .25s ease}.topic:hover{padding-left:20px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .6s var(--reveal-delay,0ms) ease,transform .6s var(--reveal-delay,0ms) cubic-bezier(.22,1,.36,1)}.reveal.revealed{opacity:1;transform:none}@keyframes hero-in{from{opacity:0;transform:translateY(34px)}to{opacity:1;transform:none}}@keyframes mark-in{from{opacity:0;transform:scale(.82) rotate(-8deg)}to{opacity:1;transform:none}}@keyframes float{50%{transform:translateY(-13px) rotate(2deg)}}@keyframes pulse{50%{opacity:.17;transform:scale(1.13)}}
}