.reveal{opacity:0;transform:translateY(22px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.reveal.is-in{opacity:1;transform:none}
.reveal:nth-child(2){transition-delay:.06s}
.reveal:nth-child(3){transition-delay:.12s}
.reveal:nth-child(4){transition-delay:.18s}

@keyframes pulse{0%{transform:scale(.7);opacity:.9}70%{transform:scale(1.9);opacity:0}100%{opacity:0}}
@keyframes blink{0%,49%{opacity:1}50%,100%{opacity:.25}}
@keyframes sweep{from{background-position-y:0}to{background-position-y:-260px}}

.nav.is-hidden{opacity:0;transform:translateY(-12px);pointer-events:none}

@media (prefers-reduced-motion: reduce){
  .reveal{opacity:1;transform:none;transition:none}
  .hotspot::after{animation:none}
  .record-btn.is-on i{animation:none}
  .btn:hover{transform:none}
}