/* FV: visible fluttering. Shared decorations: broader branch movement.
   Individual transform properties preserve Figma's existing crop matrices. */
@keyframes tto-leaf-flutter{
  0%,100%{translate:calc(-.45 * var(--leaf-travel)) 0;rotate:-9deg;scale:1 1}
  25%{translate:calc(.65 * var(--leaf-travel)) calc(.6 * var(--leaf-travel));rotate:11deg;scale:.93 1}
  50%{translate:calc(-.2 * var(--leaf-travel)) var(--leaf-travel);rotate:-5deg;scale:1 1}
  75%{translate:calc(-.7 * var(--leaf-travel)) calc(.35 * var(--leaf-travel));rotate:9deg;scale:.96 1}
}
@keyframes tto-leaf-sway{
  0%,100%{rotate:-3deg;translate:calc(-.5 * var(--leaf-sway-x)) calc(.35 * var(--leaf-sway-y))}
  50%{rotate:3.5deg;translate:var(--leaf-sway-x) calc(-1 * var(--leaf-sway-y))}
}
@media(prefers-reduced-motion:no-preference){
 .home .hero-leaf{--leaf-travel:clamp(12px,2.1vw,40px);animation:tto-leaf-flutter 7.5s ease-in-out infinite;animation-delay:-3s;animation-play-state:var(--leaf-play-state,running);transform-origin:50% 60%}
 .home .hero-leaf:nth-of-type(2n){animation-duration:9s;animation-delay:-5s;animation-direction:reverse}
 .home .hero-leaf:nth-of-type(3n){animation-duration:10.5s;animation-delay:-7s}
 .home .hero-leaf:nth-of-type(4n){animation-duration:8.5s;animation-delay:-4s}
 .home-decorations>.native-leaf,.about-leaf,.page-leaf,.page-leaf-left{--leaf-sway-x:clamp(4px,.52vw,10px);--leaf-sway-y:clamp(6px,.73vw,14px);animation:tto-leaf-sway 9s ease-in-out infinite;animation-delay:-4s;animation-play-state:var(--leaf-play-state,running)}
 .home-decorations>.native-leaf:nth-child(2n),.about-leaf:nth-child(2n),.page-leaf-left{animation-duration:10.5s;animation-delay:-7s;animation-direction:reverse}
 .home-decorations>.native-leaf:nth-child(3n),.about-leaf:nth-child(3n){animation-duration:12s;animation-delay:-5s}
 .leaf-motion-paused :is(.hero-leaf,.home-decorations>.native-leaf,.about-leaf,.page-leaf,.page-leaf-left),.leaf-motion-paused .leaf-section::after,.leaf-motion-paused .home .site-footer::after{animation-play-state:paused}
}
@media(prefers-reduced-motion:no-preference) and (max-width:1100px){
 .leaf-section::after{--leaf-sway-x:4px;--leaf-sway-y:6px;animation:tto-leaf-sway 9s ease-in-out infinite -4s;animation-play-state:var(--leaf-play-state,running)}
 .leaf-motion-paused .leaf-section::after{animation-play-state:paused}
}