/* Stage 6.1: materials and light inside the four existing process scenes.
   No changes to geometry, text, HUD strokes, transforms, or animation. */
#process .process-card{
  background:
    radial-gradient(ellipse at 7% 0%,#ffffff19 0%,#ffffff07 38%,transparent 70%),
    linear-gradient(148deg,#303030 0%,#202020 44%,#151515 100%);
  border-color:#ffffff42 #ffffff14 #080808c4 #ffffff30;
  box-shadow:
    inset 0 1px 0 #ffffff18,
    inset 1px 0 0 #ffffff0a,
    6px 18px 28px #00000080,
    2px 5px 9px #0000004d;
}

/* Receding sheets stay visibly separate from the illuminated front sheets. */
#process .process-note-back,#process .process-take-back{
  background:linear-gradient(148deg,#282828,#171717 65%,#111111);
  border-color:#ffffff2e #ffffff10 #080808a6 #ffffff20;
}

#process .process-card:before{
  content:'';
  position:absolute;
  inset:0;
  z-index:1;
  border-radius:inherit;
  pointer-events:none;
  background:
    linear-gradient(90deg,#ffffff70,#ffffff26 38%,transparent 76%) top left/100% 1px no-repeat,
    linear-gradient(180deg,#ffffff45,#ffffff12 42%,transparent 80%) top left/1px 100% no-repeat;
}

/* Reuse the procedural graphite texture accepted in stage 2.
   It replaces horizontal stripes and stays underneath the text. */
#process .process-card:after{
  background:url('assets/graphite-grain.svg') repeat;
  background-size:192px 192px;
  opacity:.65;
  mix-blend-mode:soft-light;
  z-index:-1;
}

/* The existing light result card remains light, with its original dark text.
   Refine its surface toward satin silver without recolouring the composition. */
#process .process-result{
  background:
    radial-gradient(ellipse at 7% 0%,#ffffff42,transparent 65%),
    linear-gradient(145deg,#e5e5e5,#d1d1d1 48%,#b6b6b6);
  border-color:#ffffffb3 #9f9f9f70 #6f6f6f70 #efefef99;
  box-shadow:
    inset 0 1px 0 #ffffffe0,
    inset 1px 0 0 #ffffff50,
    6px 19px 30px #00000080,
    2px 5px 9px #00000040;
}
#process .process-result:after{opacity:.35;mix-blend-mode:soft-light}

/* Small existing overlays stay restrained satin panels, not extra glass. */
#process .process-chip,#process .process-audio,#process .process-timeline{
  background:
    radial-gradient(ellipse at 7% 0%,#ffffff13,transparent 65%),
    linear-gradient(150deg,#303030f2,#1d1d1df5);
  border-color:#ffffff40 #ffffff1c #0b0b0bb3 #ffffff33;
  box-shadow:
    inset 0 1px 0 #ffffff20,
    inset 1px 0 0 #ffffff0a,
    3px 9px 18px #00000070;
}

/* Same upper-left silver key and darker lower-right hemisphere as the hero.
   Keep each original percentage-based sphere and rotated ring box intact. */
#process .process-disc{
  background:radial-gradient(circle at 30% 20%,
    #eeeeee 0%,#c7c7c7 18%,#868686 43%,#494949 70%,#282828 90%,#1c1c1c 100%);
  box-shadow:
    inset -8px -9px 14px #18181870,
    inset 2px 2px 5px #ffffff26,
    5px 9px 14px #10101066;
}
#process .process-ring{
  border-top-color:#ededed;
  border-left-color:#d0d0d0;
  border-right-color:#8f8f8f;
  border-bottom-color:#aaaaaa;
  box-shadow:inset 0 2px 4px #242424b3,1px 3px 5px #17171766;
}

@media(forced-colors:active){
  #process .process-card,#process .process-chip,
  #process .process-audio,#process .process-timeline{
    background:Canvas;border-color:CanvasText;box-shadow:none;
  }
  #process .process-card:before,#process .process-card:after{display:none}
}