/* Hero-5 subtle animation (A-One) */
.aone-hero-anim{
  position: relative;
  overflow: hidden;
}

/* Slow background drift (uses existing background-image) */
.aone-hero-anim::before{
  content:"";
  position:absolute;
  inset:-8%;
  background-image: inherit;
  background-size: cover;
  background-position: center;
  opacity: .55;
  transform: translate3d(0,0,0) scale(1.05);
  animation: aone-bg-drift 14s ease-in-out infinite alternate;
  pointer-events:none;
  z-index:0;
}

.aone-hero-anim > .container{
  position: relative;
  z-index: 2;
}

/* Floating hero image */
.aone-hero-anim .hero-image img{
  animation: aone-float 5.5s ease-in-out infinite;
  will-change: transform;
}

/* Decorative blobs */
.aone-hero-blobs{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
}
.aone-hero-blobs .blob{
  position:absolute;
  border-radius: 999px;
  filter: blur(22px);
  opacity: .20;
  background:
    radial-gradient(circle at 30% 30%, rgba(255,193,7,.9), rgba(227,27,35,0) 60%),
    radial-gradient(circle at 70% 70%, rgba(255,122,0,.9), rgba(255,122,0,0) 55%),
    radial-gradient(circle at 40% 80%, rgba(227,27,35,.85), rgba(227,27,35,0) 60%);
}
.aone-hero-blobs .b1{ width: 320px; height: 320px; left:-80px; top: 60px; animation: aone-blob-1 10s ease-in-out infinite alternate; }
.aone-hero-blobs .b2{ width: 240px; height: 240px; right:-70px; top: 140px; animation: aone-blob-2 12s ease-in-out infinite alternate; opacity:.18; }
.aone-hero-blobs .b3{ width: 280px; height: 280px; right: 120px; bottom:-120px; animation: aone-blob-3 11s ease-in-out infinite alternate; opacity:.16; }

@keyframes aone-float{
  0%{ transform: translateY(0); }
  50%{ transform: translateY(-10px); }
  100%{ transform: translateY(0); }
}
@keyframes aone-bg-drift{
  0%{ transform: translate3d(-8px, -6px, 0) scale(1.06); }
  100%{ transform: translate3d(8px, 6px, 0) scale(1.08); }
}
@keyframes aone-blob-1{
  0%{ transform: translate(0,0) scale(1); }
  100%{ transform: translate(40px, 18px) scale(1.08); }
}
@keyframes aone-blob-2{
  0%{ transform: translate(0,0) scale(1); }
  100%{ transform: translate(-46px, 26px) scale(1.10); }
}
@keyframes aone-blob-3{
  0%{ transform: translate(0,0) scale(1); }
  100%{ transform: translate(-18px, -34px) scale(1.08); }
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce){
  .aone-hero-anim::before,
  .aone-hero-anim .hero-image img,
  .aone-hero-blobs .blob{
    animation: none !important;
  }
}