/* Small brand illustrations stay within their own space, away from reading text. */
.bee-scene{position:relative;width:250px;height:108px;margin:0 auto 22px;isolation:isolate}
.bee-trail{position:absolute;left:2px;top:4px;width:230px;height:95px;fill:none;stroke:#b6a43c;stroke-width:1.3;stroke-dasharray:2 7;stroke-linecap:round;opacity:.55}
.bee-flyer{position:absolute;left:8px;top:27px;width:48px;height:48px;pointer-events:none;user-select:none;animation:bee-loop 9s ease-in-out infinite;animation-play-state:paused;will-change:transform}
.bee-flyer img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 3px #4c3b0c16)}




.bee-scout{position:absolute;right:-48px;top:-11px;width:42px;height:42px;pointer-events:none;animation:bee-hover 5.5s ease-in-out infinite;animation-play-state:paused}
.bee-scout img{width:100%;height:100%;object-fit:contain}
.footer-invite h3{position:relative;margin-right:42px}
.bee-section{display:block;width:44px;height:44px;pointer-events:none;user-select:none;animation:bee-drift 7s ease-in-out infinite;animation-play-state:paused}
.bee-section img{width:100%;height:100%;object-fit:contain}
.bee-learning{position:absolute;right:15px;top:10px;z-index:6}
.bee-parents{margin:0 auto 22px;animation-duration:8s;filter:drop-shadow(0 2px 5px #ffffff30)}
.bee-scene.is-flying .bee-flyer,.bee-scout.is-flying,.bee-section.is-flying{animation-play-state:running}
@keyframes bee-drift{0%,100%{transform:translate(0,0) rotate(-8deg)}33%{transform:translate(9px,-7px) rotate(7deg)}66%{transform:translate(-6px,-3px) rotate(-3deg)}}
@keyframes bee-loop{
  0%,100%{transform:translate3d(0,0,0) rotate(-9deg)}
  25%{transform:translate3d(68px,-19px,0) rotate(8deg)}
  50%{transform:translate3d(149px,3px,0) rotate(15deg)}
  75%{transform:translate3d(66px,22px,0) rotate(-12deg)}
}
@keyframes bee-hover{0%,100%{transform:translateY(0) rotate(-10deg)}50%{transform:translateY(-9px) rotate(8deg)}}
@media(max-width:760px){.bee-scene{margin-bottom:14px;height:100px}.bee-scout{right:-44px;width:38px;height:38px}.footer-invite h3{max-width:240px;margin-right:42px}.bee-learning{left:12px;right:auto;top:15px;width:28px;height:28px}.bee-parents{width:38px;height:38px;margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){.bee-flyer,.bee-scout,.bee-section{animation:none;will-change:auto}}

/* Larger brand bees bank gently through a continuous, closed flight path. */
.bee-scene{width:250px;height:132px}
.bee-trail{top:16px;left:10px}
.bee-flyer{width:76px;height:76px;left:0;top:29px;animation:bee-loop 10s linear infinite;animation-play-state:paused}

.bee-section{width:68px;height:68px;animation-duration:6s}
.bee-learning{right:18px;top:8px}
.bee-parents{margin-bottom:24px}
.bee-scout{width:66px;height:66px;right:-74px;top:-14px}
.footer-invite h3{margin-right:76px}
@keyframes bee-loop{
  0%,100%{transform:translate3d(0,0,0) rotate(-12deg)}
  12.5%{transform:translate3d(24px,-20px,0) rotate(-4deg)}
  25%{transform:translate3d(76px,-26px,0) rotate(8deg)}
  37.5%{transform:translate3d(128px,-17px,0) rotate(18deg)}
  50%{transform:translate3d(151px,5px,0) rotate(12deg)}
  62.5%{transform:translate3d(128px,23px,0) rotate(0deg)}
  75%{transform:translate3d(76px,28px,0) rotate(-10deg)}
  87.5%{transform:translate3d(24px,18px,0) rotate(-18deg)}
}
@keyframes bee-drift{
  0%,100%{transform:translate3d(-10px,0,0) rotate(-8deg)}
  25%{transform:translate3d(0,-9px,0) rotate(3deg)}
  50%{transform:translate3d(12px,0,0) rotate(10deg)}
  75%{transform:translate3d(0,6px,0) rotate(-3deg)}
}
@media(max-width:760px){
 .bee-scene{width:250px;height:126px}
 .bee-flyer{width:66px;height:66px}
 .bee-section{width:58px;height:58px}
 .bee-learning{width:44px;height:44px;left:8px;right:auto;top:10px}
 .bee-scout{width:58px;height:58px;right:-66px;top:-12px}
 .footer-invite h3{margin-right:70px;max-width:220px}
}
@media(prefers-reduced-motion:reduce){.bee-flyer,.bee-scout,.bee-section{animation:none}}