@keyframes map-arrival { from { opacity:0; transform:translateY(24px) rotate(1deg) } to { opacity:1; transform:none } }
@keyframes pin-arrival { from { opacity:0; scale:.65 } to { opacity:1; scale:1 } }
@keyframes text-arrival { from { opacity:0; transform:translateY(12px) } to { opacity:1; transform:none } }
@keyframes answer-arrival { from { opacity:.3; transform:translateY(-4px) } to { opacity:1; transform:none } }
@media (prefers-reduced-motion:no-preference) {
  .map-sheet { animation:map-arrival .65s cubic-bezier(.2,.7,.2,1) both }
  .cat-pin { animation:pin-arrival .35s cubic-bezier(.2,.7,.2,1) .25s backwards }
  .pin-milo { animation-delay:.38s }
  .pin-bubu { animation-delay:.51s }
  .hero h1 { animation:text-arrival .5s cubic-bezier(.2,.7,.2,1) both }
  .hero-copy>p:first-of-type { animation:text-arrival .5s cubic-bezier(.2,.7,.2,1) .1s both }
  .questions details[open] p { animation:answer-arrival .2s ease-out }
  .button svg { transition:transform .2s ease-out }
  .button:hover svg { transform:translateY(3px) }
}
button.button{border:0}button.button:disabled{opacity:.6;cursor:progress}#download-status:empty{display:none}