/* Candidate only: the little garden occupies the existing mobile white margin. */
.hero-garden{display:none}
@media(max-width:959px){
 .tk-flag-host .hero__copy{padding-bottom:14px}
 .tk-flag-host .hero-garden{display:block;position:absolute;left:34px;bottom:6px;width:150px;height:60px;overflow:visible;pointer-events:none;z-index:1}
 .tk-flag-host .hero-garden--right{left:auto;right:32px;bottom:0;width:48px;height:40px}
 .hero-garden__stem{transform-box:view-box;transform-origin:0 0;animation:garden-sway 7s ease-in-out var(--garden-delay,0s) infinite alternate}
 .hero-garden__ladybug{animation:garden-ladybug 28s ease-in-out infinite;transform:translate(112px,53px) rotate(46deg)}
 .hero-garden__legs{transform-origin:0 0;animation:garden-steps .65s ease-in-out infinite alternate}
 .tk-flag-host.floral-paused .hero-garden *{animation-play-state:paused!important}
}
@keyframes garden-sway{from{transform:rotate(-1deg)}to{transform:rotate(1.6deg)}}
@keyframes garden-ladybug{
 0%,12%{transform:translate(112px,53px) rotate(46deg)}
 34%,58%{transform:translate(125px,42px) rotate(46deg)}
 66%{transform:translate(125px,42px) rotate(225deg)}
 88%,94%{transform:translate(112px,53px) rotate(225deg)}
 100%{transform:translate(112px,53px) rotate(46deg)}
}
@keyframes garden-steps{from{transform:rotate(-4deg)}to{transform:rotate(4deg)}}
@media(prefers-reduced-motion:reduce){.hero-garden *{animation:none!important}}
