/* Bonzer Boys motion. Served as-is (not minified): see note in src/styles/global.css. */
@media (prefers-reduced-motion: no-preference) {
  .float { animation: float 6s ease-in-out infinite; }
  @keyframes float { 0%, 100% { transform: translateY(0) rotate(0); } 50% { transform: translateY(-14px) rotate(-1.5deg); } }
  @supports (animation-timeline: view()) {
    .reveal { animation: reveal linear both; animation-timeline: view(); animation-range: entry 0% cover 22%; }
    .pop { animation: pop linear both; animation-timeline: view(); animation-range: entry 0% cover 30%; }
    .spin-in { animation: spin-in linear both; animation-timeline: view(); animation-range: entry 0% cover 45%; }
    .drift { animation: drift linear both; animation-timeline: scroll(root); }
    .drift-2 { animation: drift-2 linear both; animation-timeline: scroll(root); }
    @keyframes reveal { from { opacity: 0; transform: translateY(48px); } to { opacity: 1; transform: none; } }
    @keyframes pop { from { opacity: 0; transform: scale(0.88) translateY(24px); } to { opacity: 1; transform: none; } }
    @keyframes spin-in { from { opacity: 0; transform: rotate(-24deg) scale(0.6); } to { opacity: 1; transform: none; } }
    @keyframes drift { to { transform: translate(-40px, -420px) rotate(-25deg); } }
    @keyframes drift-2 { to { transform: translate(30px, -260px) rotate(40deg); } }
  }
}