/* Stage 3: replace only the paint of the existing hero objects.
   Original element boxes, transforms, scaling and card animation are retained. */
.hero-visual .frame-graphic:before{
  content:'';
  position:absolute;
  left:0;
  top:0;
  width:170px;
  height:137px;
  pointer-events:none;
  background:url('assets/hero-optics.svg') 0 0/170px 137px no-repeat;
}

/* Retain these original boxes, including the ring's 14px border width.
   The composed SVG handles rear/sphere/front occlusion in a single view. */
.hero-visual .graphic-disc,.hero-visual .graphic-ring{
  background:none;
  box-shadow:none;
  border-color:transparent;
}

.hero-visual .graphic-bar{
  background:url('assets/hero-metal-bar.svg') center/100% 100% no-repeat;
  box-shadow:3px 7px 12px #25252557;
}