/* Lime hero emblem — animated leaf + orbital light trails */
.hero-art {
  isolation: isolate;
}
.hero-art .art-ring {
  top: 50%;
  left: 50%;
  border-color: rgba(160, 236, 0, .34);
  transform-origin: center;
  will-change: transform;
}
.hero-art .ring-one {
  animation: lime-orbit-rotate 26s linear infinite;
}
.hero-art .ring-two {
  animation: lime-orbit-rotate-reverse 34s linear infinite;
  border-color: rgba(160, 236, 0, .25);
}
/* Orbit rings stay animated; all traveling light dots/glints are removed. */
.hero-art .art-glow {
  animation: lime-glow-pulse 5.8s ease-in-out infinite;
}
.hero-art .hero-leaf {
  transform-origin: 50% 55%;
  animation: lime-leaf-breathe 7.2s ease-in-out infinite;
  will-change: transform, filter;
}
@keyframes lime-orbit-rotate {
  from { transform: translate(-50%, -50%) rotate(-33deg); }
  to { transform: translate(-50%, -50%) rotate(327deg); }
}
@keyframes lime-orbit-rotate-reverse {
  from { transform: translate(-50%, -50%) rotate(27deg); }
  to { transform: translate(-50%, -50%) rotate(-333deg); }
}
@keyframes lime-leaf-breathe {
  0%, 100% {
    transform: translate3d(0, 0, 0) rotate(-11deg) scale(1);
    filter: drop-shadow(0 15px 42px rgba(0,0,0,.32)) drop-shadow(0 0 10px rgba(160,236,0,.08));
  }
  50% {
    transform: translate3d(0, -25px, 0) rotate(-7deg) scale(1.035);
    filter: drop-shadow(0 23px 50px rgba(0,0,0,.26)) drop-shadow(0 0 22px rgba(160,236,0,.22));
  }
}
@keyframes lime-glow-pulse {
  0%, 100% { opacity: .13; transform: scale(.94); }
  50% { opacity: .25; transform: scale(1.08); }
}
@media (max-width: 760px) {
  .hero-art .ring-one { animation-duration: 30s; }
  .hero-art .ring-two { animation-duration: 38s; }
}
@media (prefers-reduced-motion: reduce) {
  .hero-art .art-ring,
  .hero-art .art-glow,
  .hero-art .hero-leaf {
    animation: none !important;
  }
}


/* Home-page statement leaf: a slow, breeze-carried journey left to right and back.
   It travels freely across the section; there is no orbit or fixed circular path. */
.statement-icon {
  transform-origin: 50% 55%;
  animation: limeStatementLeafBreeze 26s cubic-bezier(.45, 0, .55, 1) infinite;
  will-change: transform;
}
@keyframes limeStatementLeafBreeze {
  0% {
    transform: translate3d(-105vw, 22px, 0) rotate(-17deg) scale(.97);
  }
  13% {
    transform: translate3d(-82vw, -7px, 0) rotate(-12deg) scale(.99);
  }
  27% {
    transform: translate3d(-54vw, -23px, 0) rotate(-5deg) scale(1.015);
  }
  40% {
    transform: translate3d(-25vw, 7px, 0) rotate(1deg) scale(1.025);
  }
  50% {
    transform: translate3d(0, 18px, 0) rotate(4deg) scale(1.02);
  }
  63% {
    transform: translate3d(-27vw, 1px, 0) rotate(-2deg) scale(1.015);
  }
  77% {
    transform: translate3d(-58vw, -19px, 0) rotate(-10deg) scale(1);
  }
  90% {
    transform: translate3d(-86vw, 9px, 0) rotate(-15deg) scale(.985);
  }
  100% {
    transform: translate3d(-105vw, 22px, 0) rotate(-17deg) scale(.97);
  }
}
@media (max-width: 760px) {
  .statement-icon {
    animation-duration: 26s;
  }
}
@media (prefers-reduced-motion: reduce) {
  .statement-icon {
    animation: none !important;
    transform: rotate(-8deg);
    will-change: auto;
  }
}
