.premium-hero-ai {
  position: absolute;
  z-index: 4;
  right: clamp(24px, 7vw, 120px);
  top: 50%;
  width: clamp(210px, 23vw, 360px);
  aspect-ratio: 4 / 5;
  transform: translateY(-50%);
  border: 1px solid color-mix(in srgb, var(--gold, var(--champ, #c9a66b)) 34%, rgba(255,255,255,.55));
  border-radius: 22px;
  overflow: hidden;
  background: rgba(255,255,255,.72);
  box-shadow: 0 28px 80px rgba(35, 22, 16, 0.18);
  animation: premiumAiFloat 5.8s ease-in-out infinite;
}

.premium-hero-ai::before {
  content: "";
  position: absolute;
  inset: 10px;
  z-index: 2;
  border: 1px solid rgba(255,255,255,.5);
  border-radius: 16px;
  pointer-events: none;
}

.premium-hero-ai::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  background: linear-gradient(145deg, rgba(255,255,255,.2), transparent 42%, rgba(0,0,0,.16));
  pointer-events: none;
}

.premium-hero-ai img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

@keyframes premiumAiFloat {
  0%, 100% { transform: translateY(-50%) translateX(0); }
  50% { transform: translateY(calc(-50% - 10px)) translateX(-4px); }
}

@media (max-width: 980px) {
  .premium-hero-ai {
    position: relative;
    right: auto;
    top: auto;
    transform: none;
    width: min(78vw, 330px);
    margin: 28px auto 0;
    animation: none;
  }
}