/* Alianza Targo — Hero Aurora Motion
   Visual-only enhancement. Does not alter hero copy, layout, typography or SEO. */
.targo-aurora-hero .targo-hero-image {
  transform: scale(1.045);
  transform-origin: 72% 50%;
  animation: targo-hero-drift 20s ease-in-out infinite alternate;
  will-change: transform;
}

.targo-aurora-layer {
  position: absolute;
  inset: -16%;
  z-index: 2;
  overflow: hidden;
  pointer-events: none;
  opacity: .68;
  mix-blend-mode: screen;
  transform: translateZ(0);
}

.targo-aurora-blob {
  position: absolute;
  display: block;
  width: 52%;
  aspect-ratio: 1;
  border-radius: 9999px;
  filter: blur(64px);
  opacity: .62;
  transform: translate3d(0,0,0) scale(1);
  will-change: transform, opacity;
}

.targo-aurora-blob-a {
  left: 34%;
  top: 2%;
  background: radial-gradient(circle at 50% 50%, oklch(68% .22 286 / .78) 0%, oklch(58% .20 293 / .28) 42%, transparent 72%);
  animation: targo-aurora-a 15s ease-in-out infinite alternate;
}

.targo-aurora-blob-b {
  right: 0%;
  bottom: 0%;
  width: 58%;
  background: radial-gradient(circle at 50% 50%, oklch(70% .18 245 / .70) 0%, oklch(58% .20 258 / .22) 44%, transparent 73%);
  animation: targo-aurora-b 19s ease-in-out infinite alternate;
}

.targo-aurora-blob-c {
  left: 5%;
  bottom: -12%;
  width: 44%;
  background: radial-gradient(circle at 50% 50%, oklch(67% .20 325 / .52) 0%, oklch(59% .18 314 / .18) 43%, transparent 72%);
  animation: targo-aurora-c 22s ease-in-out infinite alternate;
}

@keyframes targo-hero-drift {
  0%   { transform: scale(1.045) translate3d(0,0,0); }
  50%  { transform: scale(1.075) translate3d(-1.1%, .7%, 0); }
  100% { transform: scale(1.055) translate3d(.8%, -.6%, 0); }
}

@keyframes targo-aurora-a {
  0%   { transform: translate3d(-5%, -3%, 0) scale(.94) rotate(-3deg); opacity: .48; }
  48%  { transform: translate3d(12%, 8%, 0) scale(1.13) rotate(8deg); opacity: .72; }
  100% { transform: translate3d(-1%, 17%, 0) scale(1.03) rotate(-5deg); opacity: .58; }
}

@keyframes targo-aurora-b {
  0%   { transform: translate3d(6%, 10%, 0) scale(1.04); opacity: .50; }
  50%  { transform: translate3d(-14%, -3%, 0) scale(.93); opacity: .68; }
  100% { transform: translate3d(-3%, -14%, 0) scale(1.12); opacity: .55; }
}

@keyframes targo-aurora-c {
  0%   { transform: translate3d(-9%, 8%, 0) scale(.90); opacity: .38; }
  50%  { transform: translate3d(16%, -8%, 0) scale(1.08); opacity: .57; }
  100% { transform: translate3d(6%, -18%, 0) scale(.98); opacity: .44; }
}

@media (min-width: 768px) {
  .targo-aurora-layer-desktop {
    inset: -18% -18% -18% -9%;
    opacity: .74;
    -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 14%, #000 100%);
    mask-image: linear-gradient(to right, transparent 0%, #000 14%, #000 100%);
  }
}

@media (max-width: 767px) {
  .targo-aurora-layer {
    opacity: .48;
  }
  .targo-aurora-blob {
    filter: blur(52px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .targo-aurora-hero .targo-hero-image,
  .targo-aurora-hero .targo-aurora-blob {
    animation: none !important;
    transform: none !important;
  }
  .targo-aurora-layer {
    opacity: .38;
  }
}
