/* Higgsfield-generated imagery supports the landing page's illustrative visuals. */
.hero-image {
  background-image: url("assets/higgsfield-optical-report.webp");
  background-position: center center;
  transform: scale(1.035);
  animation: hf-hero-breathe 18s ease-in-out infinite alternate;
}

.hero-shade {
  background:
    linear-gradient(90deg, rgba(4, 14, 38, .97) 0%, rgba(5, 18, 46, .87) 30%, rgba(5, 23, 56, .48) 54%, rgba(5, 20, 48, .08) 100%),
    linear-gradient(0deg, rgba(4, 15, 39, .62), transparent 36%);
}

.home-coa-stage::before {
  content: "";
  position: absolute;
  inset: 3% -3% 5%;
  z-index: 1;
  border-radius: 28px;
  background: url("assets/higgsfield-spectrum-panels.webp") 72% center / cover no-repeat;
  box-shadow: 0 30px 80px rgba(0, 8, 32, .24);
  -webkit-mask-image: radial-gradient(ellipse at 60% 48%, #000 40%, transparent 82%);
  mask-image: radial-gradient(ellipse at 60% 48%, #000 40%, transparent 82%);
  animation: hf-spectrum-drift 12s ease-in-out infinite alternate;
  pointer-events: none;
}

.home-coa-hplc,
.home-coa-ms {
  display: none;
}

.home-coa-document { z-index: 4; }

@keyframes hf-spectrum-drift {
  from { transform: translate3d(-.6%, 0, 0) scale(1.01); }
  to { transform: translate3d(.8%, -1%, 0) scale(1.04); }
}

@keyframes hf-hero-breathe {
  from { transform: scale(1.035) translate3d(0, 0, 0); }
  to { transform: scale(1.08) translate3d(-.6%, .3%, 0); }
}

@media (max-width: 760px) {
  .hero-image { background-position: 54% center; }
  .hero-shade {
    background:
      linear-gradient(90deg, rgba(4, 14, 38, .97), rgba(4, 16, 42, .78) 66%, rgba(4, 16, 42, .52)),
      linear-gradient(0deg, rgba(4, 15, 39, .62), transparent 45%);
  }
}

@media (max-width: 520px) {
  .hero-image { background-position: 46% center; }
  .home-coa-stage::before { inset: 0 -12% 4%; background-position: 76% center; }
}

@media (prefers-reduced-motion: reduce) {
  .hero-image { animation: none; transform: none; }
  .home-coa-stage::before { animation: none; transform: none; }
}