// BEGIN CHANGE: background fixo brand-art (sem rotacao dos artwork legados)
import { SITE_BACKGROUND } from "@/lib/backgrounds";

export function HeroBackground() {
  return (
    <div className="pointer-events-none fixed inset-0 -z-10" aria-hidden>
      <div className="absolute inset-0 bg-background" />
      <div
        className="absolute inset-0 bg-cover bg-center opacity-40"
        style={{ backgroundImage: `url('${SITE_BACKGROUND}')` }}
      />
      {/* Vinheta suave em elipse + fade inferior (evita bloco quadrado) */}
      <div
        className="absolute inset-0"
        style={{
          background:
            "radial-gradient(ellipse 85% 70% at 50% 35%, transparent 0%, rgba(11,13,18,0.35) 55%, rgba(11,13,18,0.82) 100%)",
        }}
      />
      <div className="absolute inset-0 bg-gradient-to-b from-transparent via-transparent to-background" />
      <div className="absolute inset-0 bg-[radial-gradient(ellipse_50%_40%_at_50%_0%,rgba(67,214,160,0.12),transparent)]" />
    </div>
  );
}
// END CHANGE