/* ADIMASTER RELEASE 157 · HERO AXIS LOCK
   Base: R156.
   Goal: slightly reduce the desktop Artist hero and make the light beam continue
   on the exact same X axis as the vertical transmission spine below.

   Source geometry (approved 1026×531 skin):
     beam X = 544 / 1026 = 53.0214424951%
     hero H = 531 / 1026 = 51.7543859649vw
   Hero scale = 0.97 around TOP CENTER.
   Therefore the visual beam axis becomes:
     50% + (53.0214424951% - 50%) × 0.97 = 52.9307992203%
   Visual hero height:
     51.7543859649vw × 0.97 = 50.2017543860vw
*/
@media (min-width:761px){
  body[data-route="artist"] .view.active[data-view="artist"]{
    --r157-hero-scale:.97;
    --r157-axis-x:52.9307992203%;
    --r157-visual-hero-h:50.2017543860vw;
    padding-top:var(--r157-visual-hero-h)!important;
  }

  /* Scale the complete approved HUD as one scene so every internal coordinate,
     hit-zone, NASA Earth and animation stays locked together. */
  body[data-route="artist"] .artistHero{
    transform:scale(var(--r157-hero-scale))!important;
    transform-origin:50% 0!important;
    will-change:transform!important;
  }

  /* One axis from the hero beam into the long-form transmission section. */
  body[data-route="artist"] .r77WarpSpine{
    left:var(--r157-axis-x)!important;
    top:-2px!important;
    width:2px!important;
    transform:translateX(-50%)!important;
    background:linear-gradient(
      180deg,
      rgba(102,242,255,.66) 0%,
      rgba(76,230,250,.34) 5%,
      rgba(72,230,250,.18) 14%,
      rgba(105,116,255,.15) 52%,
      rgba(236,85,215,.18) 88%,
      transparent 100%
    )!important;
    box-shadow:0 0 8px rgba(82,232,255,.18)!important;
  }
  body[data-route="artist"] .r77WarpSpine b{
    background:linear-gradient(180deg,#72f2ff 0%,#55dfff 20%,#866cff 55%,#ef61d3 82%,transparent)!important;
    opacity:.32!important;
  }
}

/* Mobile remains exactly as R156. */
@media (max-width:760px){
  body[data-route="artist"] .artistHero{transform:none!important}
}