/*
 * RELEASE 179 — phone/tablet Artist identity flow and centered chamber.
 * Desktop styles, both globe renderers and the SECTOR 02 identity card are
 * intentionally untouched. The 3.5% translation corrects the mobile WebGL
 * center from 46.5% to exactly 50% without changing its size or animation.
 */

@media (max-width: 760px) {
  body[data-route="artist"] #artistHero.artistHero {
    grid-template-rows: repeat(6, auto) !important;
  }

  /* Keep the original identity card under SECTOR 02; hide only its duplicate. */
  body[data-route="artist"] #artistHero .r159Brand {
    display: none !important;
  }

  body[data-route="artist"] #artistHero > .artistStage {
    grid-row: 1 !important;
    background-position: 50% 50%, calc(50% - 6.86vw) 93% !important;
  }

  body[data-route="artist"] #artistHero > .artistStage > #adiCoreCanvas16 {
    transform: translateX(3.5%) !important;
  }

  body[data-route="artist"] #artistHero > .artistStage > #adiCoreFallback16 {
    left: 50% !important;
  }

  body[data-route="artist"] #artistHero .r159Music {
    grid-row: 2 !important;
  }

  body[data-route="artist"] #artistHero .r159Travel {
    grid-row: 3 !important;
  }

  body[data-route="artist"] #artistHero .r159Creative {
    grid-row: 4 !important;
  }

  body[data-route="artist"] #artistHero .r159Global,
  body[data-route="artist"] #artistHero .r159Sound {
    grid-row: 5 !important;
  }

  body[data-route="artist"] #artistHero .r159Energy,
  body[data-route="artist"] #artistHero .r161CreatorPulse {
    grid-row: 6 !important;
  }
}

@media (min-width: 501px) and (max-width: 760px) {
  body[data-route="artist"] #artistHero > .artistStage {
    background-position: 50% 50%, calc(50% - 36.85px) 93% !important;
  }
}