.logo #cup{animation:ztga-float 6s ease-in-out infinite}
.dropdown:hover .dropdown-toggle i{transform:rotate(180deg);transition:transform var(--transition)}
.hero{background-size:110%;animation:ztga-hero-pan 28s linear infinite alternate}
.hero h1,.hero p{will-change:transform,opacity}
.reveal{opacity:0;transform:translateY(12px);transition:opacity .5s var(--transition),transform .5s var(--transition)}
.reveal.reveal-in{opacity:1;transform:translateY(0)}
@keyframes ztga-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes ztga-hero-pan{0%{background-position:48% 50%}100%{background-position:52% 50%}}