/* Preserve the original maple silhouette and restrained Canadian-red palette. */
body.mobile-refinement .hero .maple-drift { pointer-events: none; }
body.mobile-refinement .hero .maple-drift .maple-particle {
  top: 5%; left: -.8rem; right: auto; width: 3.8rem; height: 3.8rem;
  opacity: .1; transform: none; will-change: auto;
  animation: home-maple-breeze 20s cubic-bezier(.45,0,.55,1) -3s infinite paused;
}
body.mobile-refinement .hero .maple-drift .maple-particle:nth-child(2) { top: 47%; left: auto; right: -.75rem; width: 2.75rem; height: 2.75rem; animation-name: home-maple-return; animation-duration: 26s; animation-delay: -11s; }
body.mobile-refinement .hero .maple-drift .maple-particle:nth-child(3) { top: 87%; left: 32%; right: auto; width: 2.6rem; height: 2.6rem; animation-duration: 23s; animation-delay: -17s; }
body.mobile-refinement .hero .maple-drift .maple-particle:nth-child(4) { top: 3%; left: 52%; right: auto; width: 2.5rem; height: 2.5rem; animation-name: home-maple-return; animation-duration: 29s; animation-delay: -5s; }
body.mobile-refinement .hero .maple-drift .maple-particle:nth-child(5) { top: 85%; left: 4%; right: auto; width: 3rem; height: 3rem; animation-duration: 24s; animation-delay: -19s; }
body.mobile-refinement .hero.maple-motion-active .maple-drift .maple-particle { animation-play-state: running; will-change: transform, opacity; }
@keyframes home-maple-breeze {
  0%, 100% { transform: translate3d(-8px,8px,0) rotate(-8deg); opacity: .09; }
  30% { transform: translate3d(15px,-10px,0) rotate(2deg); opacity: .16; }
  60% { transform: translate3d(30px,-22px,0) rotate(11deg); opacity: .19; }
  85% { transform: translate3d(6px,-2px,0) rotate(-1deg); opacity: .13; }
}
@keyframes home-maple-return {
  0%, 100% { transform: translate3d(5px,6px,0) rotate(7deg); opacity: .08; }
  35% { transform: translate3d(-24px,-13px,0) rotate(-9deg); opacity: .18; }
  70% { transform: translate3d(-6px,-25px,0) rotate(-2deg); opacity: .12; }
}
@media (max-width: 720px) {
  body.mobile-refinement .hero .maple-drift .maple-particle { top: .6rem; left: auto; right: .25rem; width: 2.6rem; height: 2.6rem; }
  body.mobile-refinement .hero .maple-drift .maple-particle:nth-child(2) { top: 12rem; left: -1.3rem; right: auto; width: 2.9rem; height: 2.9rem; }
  body.mobile-refinement .hero .maple-drift .maple-particle:nth-child(3) { top: 36rem; left: auto; right: -1rem; width: 2.7rem; height: 2.7rem; }
  body.mobile-refinement .hero .maple-drift .maple-particle:nth-child(n+4) { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  body.mobile-refinement .hero .maple-drift { display: none; }
  body.mobile-refinement .hero .maple-drift .maple-particle { animation: none; transform: none; will-change: auto; }
}