@media (max-width: 760px) {
  body[data-route="artist"] {
    --r177-inset: 12px;
    --r177-cyan: 100, 226, 244;
    --r177-violet: 167, 109, 247;
    --r177-hull: polygon(11px 0, calc(100% - 12px) 0, 100% 12px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 12px 100%, 0 calc(100% - 12px), 0 11px);
  }

  body[data-route="artist"] header,
  body[data-route="artist"] header.scrolled {
    width: calc(100% - 2 * var(--r177-inset)) !important;
    margin: 7px auto 0 !important;
    border-color: rgba(88, 208, 237, .29) !important;
    border-radius: 5px !important;
    background:
      linear-gradient(90deg, rgba(80, 220, 237, .095), transparent 21%, transparent 80%, rgba(152, 95, 238, .075)),
      rgba(3, 8, 17, .98) !important;
    box-shadow: inset 0 0 0 1px rgba(103, 210, 243, .07), 0 8px 22px rgba(0, 0, 0, .23) !important;
    clip-path: polygon(8px 0, calc(100% - 9px) 0, 100% 9px, 100% calc(100% - 8px), calc(100% - 8px) 100%, 9px 100%, 0 calc(100% - 9px), 0 8px) !important;
  }

  body[data-route="artist"] header .nav {
    height: 54px !important;
    min-height: 54px !important;
    padding: 4px 6px !important;
  }

  body[data-route="artist"] header .logoStage,
  body[data-route="artist"] header .logoStage img {
    width: 40px !important;
    height: 40px !important;
  }

  body[data-route="artist"] header #openSearch,
  body[data-route="artist"] header .mobileMenuBtn {
    width: 34px !important;
    height: 34px !important;
    border-radius: 4px !important;
  }
  body[data-route="artist"] #artistHero > .artistCopyLegacy,
  body[data-route="artist"] #artistHero > .r73Connection,
  body[data-route="artist"] #artistHero > .r73LeftLive,
  body[data-route="artist"] #artistHero > .r77LogoSystem,
  body[data-route="artist"] #artistHero > .r159Backdrop,
  body[data-route="artist"] #artistHero > .r161OrbitSystem,
  body[data-route="artist"] #artistHero > .r149SkinShell,
  body[data-route="artist"] #artistHero > .r149SkinLive,
  body[data-route="artist"] #artistHero > .r53Telemetry,
  body[data-route="artist"] #artistHero > .r166HeroEdgeBlend {
    display: none !important;
  }

  body[data-route="artist"] #artistHero.artistHero {
    position: relative !important;
    z-index: 3 !important;
    display: grid !important;
    width: calc(100% - 2 * var(--r177-inset)) !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 10px 0 8px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    align-items: stretch !important;
    background: transparent !important;
    overflow: visible !important;
  }
  body[data-route="artist"] #artistHero > .r159Hud {
    position: static !important;
    display: contents !important;
    width: auto !important;
    height: auto !important;
    pointer-events: auto !important;
  }

  body[data-route="artist"] #artistHero > .artistStage {
    position: relative !important;
    z-index: 2 !important;
    grid-column: 1 / -1 !important;
    width: 100% !important;
    height: clamp(360px, 111vw, 515px) !important;
    min-height: 0 !important;
    margin: 0 !important;
    border: 1px solid rgba(91, 188, 248, .38) !important;
    border-radius: 0 !important;
    background:
      radial-gradient(ellipse at 48% 41%, transparent 0 27%, rgba(1, 4, 11, .16) 77%),
      url("../../artist-flat-hud-backdrop-r160.webp") 56.3% 93% / auto 125% no-repeat,
      #030611 !important;
    box-shadow:
      inset 0 0 0 1px rgba(107, 201, 245, .10),
      inset 0 -33px 37px rgba(0, 0, 0, .33),
      0 10px 27px rgba(0, 0, 0, .28) !important;
    clip-path: var(--r177-hull) !important;
    overflow: hidden !important;
  }

  body[data-route="artist"] #artistHero .r159Panel {
    --r177-channel: var(--r177-cyan);
    position: relative !important;
    z-index: 3 !important;
    display: block !important;
    min-width: 0 !important;
    margin: 0 !important;
    border: 1px solid rgba(var(--r177-channel), .43) !important;
    border-radius: 0 !important;
    background:
      radial-gradient(150px 88px at 94% 2%, rgba(var(--r177-channel), .11), transparent 78%),
      linear-gradient(146deg, rgba(5, 18, 31, .985), rgba(4, 10, 22, .99) 68%, rgba(10, 8, 25, .98)) !important;
    box-shadow:
      inset 0 0 0 1px rgba(var(--r177-channel), .075),
      inset 0 11px 19px rgba(var(--r177-channel), .035),
      0 7px 17px rgba(0, 0, 0, .23) !important;
    clip-path: var(--r177-hull) !important;
    overflow: hidden !important;
  }

  body[data-route="artist"] #artistHero .r159Panel::before,
  body[data-route="artist"] #artistHero .r159Panel::after {
    content: "" !important;
    position: absolute !important;
    z-index: 2 !important;
    display: block !important;
    opacity: 1 !important;
    clip-path: none !important;
    transform: none !important;
    pointer-events: none !important;
  }

  body[data-route="artist"] #artistHero .r159Panel::before {
    top: 6px !important;
    right: 10px !important;
    bottom: auto !important;
    left: 10px !important;
    height: 1px !important;
    background: linear-gradient(90deg, rgba(var(--r177-channel), .78), transparent 56%, rgba(158, 110, 243, .54)) !important;
  }

  body[data-route="artist"] #artistHero .r159Panel::after {
    top: auto !important;
    right: 11px !important;
    bottom: 6px !important;
    left: 11px !important;
    height: 1px !important;
    background: linear-gradient(90deg, rgba(91, 216, 240, .24), transparent 49%, rgba(var(--r177-channel), .75)) !important;
  }
  body[data-route="artist"] #artistHero .r159Brand {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    min-height: 93px !important;
    padding: 11px 12px !important;
    grid-template-columns: 66px minmax(0, 1fr) !important;
    gap: 11px !important;
    align-items: center !important;
  }

  body[data-route="artist"] #artistHero .r161BrandMark {
    position: relative !important;
    display: grid !important;
    width: 64px !important;
    height: 64px !important;
    place-items: center !important;
  }

  body[data-route="artist"] #artistHero .r159BrandLogo {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    filter: drop-shadow(0 0 7px rgba(118, 176, 244, .18)) !important;
  }

  body[data-route="artist"] #artistHero .r159BrandCopy {
    display: grid !important;
    min-width: 0 !important;
    align-content: center !important;
    gap: 3px !important;
  }

  body[data-route="artist"] #artistHero .r161BrandEyebrow,
  body[data-route="artist"] #artistHero .r161BrandSignature {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    color: rgba(140, 213, 223, .88) !important;
    font-size: clamp(5px, 1.42vw, 6px) !important;
    font-weight: 750 !important;
    letter-spacing: .10em !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body[data-route="artist"] #artistHero .r159BrandCopy > strong {
    display: block !important;
    overflow: hidden !important;
    font-size: clamp(20px, 7.1vw, 29px) !important;
    font-weight: 860 !important;
    line-height: .98 !important;
    letter-spacing: -.035em !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    background: linear-gradient(90deg, #79eff0 0%, #74bded 49%, #a788dc 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
  }

  body[data-route="artist"] #artistHero .r159BrandCopy > small {
    display: block !important;
    overflow: hidden !important;
    color: #78efdb !important;
    font-size: clamp(5.5px, 1.5vw, 6.5px) !important;
    font-weight: 820 !important;
    letter-spacing: .095em !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body[data-route="artist"] #artistHero .r159BrandTelemetry {
    display: block !important;
    width: min(134px, 78%) !important;
    height: 1px !important;
    background: linear-gradient(90deg, #71f4ff, transparent) !important;
  }
  body[data-route="artist"] #artistHero button.r159Feature {
    grid-column: 1 / -1 !important;
    display: grid !important;
    min-height: 99px !important;
    padding: 11px 12px 10px !important;
    grid-template-columns: 66px minmax(0, 1fr) !important;
    gap: 11px !important;
    align-items: center !important;
    text-align: left !important;
    color: inherit !important;
    cursor: pointer !important;
    appearance: none !important;
    -webkit-appearance: none !important;
  }
  body[data-route="artist"] #artistHero .r159Creative {
    --r177-channel: 186, 112, 239;
  }

  body[data-route="artist"] #artistHero .r159IconRing {
    position: relative !important;
    display: grid !important;
    width: 62px !important;
    height: 62px !important;
    place-items: center !important;
    border: 1px solid rgba(var(--r177-channel), .50) !important;
    border-radius: 50% !important;
    background: radial-gradient(circle, rgba(var(--r177-channel), .11), rgba(4, 11, 22, .91) 71%) !important;
    box-shadow: inset 0 0 12px rgba(var(--r177-channel), .10), 0 0 12px rgba(var(--r177-channel), .085) !important;
  }

  body[data-route="artist"] #artistHero .r159IconRing::after {
    content: "" !important;
    position: absolute !important;
    inset: 4px !important;
    border: 1px solid rgba(var(--r177-channel), .41) !important;
    border-right-color: transparent !important;
    border-radius: 50% !important;
    animation: r177Orbit 8s linear infinite !important;
  }

  body[data-route="artist"] #artistHero .r159IconRing > svg {
    width: 48px !important;
    height: 48px !important;
  }

  body[data-route="artist"] #artistHero .r159FeatureCopy {
    position: relative !important;
    z-index: 3 !important;
    display: grid !important;
    min-width: 0 !important;
    align-content: center !important;
    gap: 4px !important;
  }

  body[data-route="artist"] #artistHero .r172FeatureHeading {
    display: flex !important;
    min-width: 0 !important;
    align-items: baseline !important;
    justify-content: space-between !important;
    gap: 5px !important;
  }

  body[data-route="artist"] #artistHero .r172FeatureHeading > strong {
    min-width: 0 !important;
    overflow: hidden !important;
    color: rgb(var(--r177-channel)) !important;
    font-size: clamp(13px, 4.15vw, 17px) !important;
    font-weight: 840 !important;
    line-height: 1.07 !important;
    letter-spacing: .015em !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body[data-route="artist"] #artistHero .r172FeatureHeading > .r159PanelIndex {
    position: static !important;
    flex: 0 0 auto !important;
    color: rgba(166, 213, 225, .84) !important;
    font-size: clamp(4.8px, 1.4vw, 6px) !important;
    font-weight: 750 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  body[data-route="artist"] #artistHero .r172FeatureRule {
    display: block !important;
    width: 100% !important;
    height: 1px !important;
    background: linear-gradient(90deg, rgba(var(--r177-channel), .58), transparent 86%) !important;
  }

  body[data-route="artist"] #artistHero .r159FeatureCopy > p {
    display: -webkit-box !important;
    min-width: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    color: rgba(217, 229, 238, .96) !important;
    font-size: clamp(8px, 2.32vw, 10px) !important;
    font-weight: 570 !important;
    line-height: 1.38 !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }

  body[data-route="artist"] #artistHero .r159LiveRow {
    display: flex !important;
    min-height: 8px !important;
    align-items: center !important;
    gap: 4px !important;
  }

  body[data-route="artist"] #artistHero .r159LiveRow > span {
    color: #78f8b0 !important;
    font-size: 5.8px !important;
    font-weight: 850 !important;
    letter-spacing: .10em !important;
  }

  body[data-route="artist"] #artistHero .r159LiveRow > i {
    width: 4px !important;
    height: 4px !important;
    border-radius: 50% !important;
    background: #71f4a2 !important;
    box-shadow: 0 0 6px rgba(92, 247, 153, .76) !important;
    animation: r177Signal 1.8s ease-in-out infinite !important;
  }

  body[data-route="artist"] #artistHero .r159LiveRow > b {
    width: min(93px, 52%) !important;
    height: 8px !important;
    background: repeating-linear-gradient(90deg, rgba(var(--r177-channel), .78) 0 1px, transparent 1px 4px) !important;
    clip-path: polygon(0 45%, 8% 45%, 12% 4%, 16% 70%, 22% 39%, 30% 82%, 35% 17%, 42% 58%, 49% 25%, 58% 72%, 66% 19%, 74% 55%, 83% 29%, 92% 64%, 100% 43%, 100% 100%, 0 100%) !important;
  }

  body[data-route="artist"] #artistHero .r159Global { grid-column: 1 !important; grid-row: 6 !important; }
  body[data-route="artist"] #artistHero .r159Sound { grid-column: 2 !important; grid-row: 6 !important; }
  body[data-route="artist"] #artistHero .r159Energy { grid-column: 1 !important; grid-row: 7 !important; }
  body[data-route="artist"] #artistHero .r161CreatorPulse {
    --r177-channel: var(--r177-violet);
    grid-column: 2 !important;
    grid-row: 7 !important;
  }

  body[data-route="artist"] #artistHero .r172TelemetryHead,
  body[data-route="artist"] #artistHero .r161PulseHead {
    position: relative !important;
    z-index: 3 !important;
    display: flex !important;
    justify-content: space-between !important;
  }

  body[data-route="artist"] #artistHero .r172TelemetryHead > strong,
  body[data-route="artist"] #artistHero .r161PulseHead > strong {
    min-width: 0 !important;
    color: #8aeefa !important;
    font-weight: 835 !important;
    overflow-wrap: anywhere !important;
  }

  body[data-route="artist"] #artistHero .r172TelemetryHead > span,
  body[data-route="artist"] #artistHero .r161PulseHead > span {
    flex: 0 0 auto !important;
    color: rgba(131, 197, 219, .87) !important;
    font-weight: 720 !important;
    line-height: 1.34 !important;
    white-space: nowrap !important;
  }

  body[data-route="artist"] #artistHero .r161PulseHead > span {
    color: #8cf5b2 !important;
  }

  body[data-route="artist"] #artistHero .r159MapWrap {
    position: relative !important;
    z-index: 2 !important;
    display: grid !important;
    place-items: center !important;
    overflow: hidden !important;
  }

  body[data-route="artist"] #artistHero .r159MapWrap > img {
    width: 100% !important;
    object-fit: contain !important;
    mix-blend-mode: screen !important;
    filter: saturate(1.2) contrast(1.1) !important;
  }

  body[data-route="artist"] #artistHero .r159MapPing {
    position: absolute !important;
    width: 4px !important;
    height: 4px !important;
    border-radius: 50% !important;
    background: #73ffac !important;
    box-shadow: 0 0 7px #73ffac !important;
    animation: r177Signal 1.8s ease-in-out infinite !important;
  }

  body[data-route="artist"] #artistHero .r159MapP1 { top: 37% !important; left: 28% !important; }
  body[data-route="artist"] #artistHero .r159MapP2 { top: 38% !important; left: 70% !important; animation-delay: -.6s !important; }
  body[data-route="artist"] #artistHero .r161MapP3 { top: 52% !important; left: 46% !important; animation-delay: -.9s !important; }
  body[data-route="artist"] #artistHero .r161MapP4 { top: 63% !important; left: 80% !important; animation-delay: -1.2s !important; }

  body[data-route="artist"] #artistHero .r172MapStatus {
    position: absolute !important;
    display: flex !important;
    align-items: center !important;
    gap: 3px !important;
  }

  body[data-route="artist"] #artistHero .r172MapStatus > i {
    width: 3px !important;
    height: 3px !important;
    border-radius: 50% !important;
    background: #77f8a5 !important;
  }

  body[data-route="artist"] #artistHero .r172MapStatus > b {
    color: #8beef3 !important;
    font-size: 5px !important;
    letter-spacing: .045em !important;
  }

  body[data-route="artist"] #artistHero .r159EqWrap {
    display: flex !important;
    padding: 0 0 3px !important;
    align-items: flex-end !important;
    gap: 1px !important;
    border-bottom: 1px solid rgba(106, 223, 250, .30) !important;
  }

  body[data-route="artist"] #artistHero .r159EqWrap > i {
    display: block !important;
    min-width: 1px !important;
    height: var(--h) !important;
    flex: 1 1 0 !important;
    transform-origin: 50% 100% !important;
    background: linear-gradient(180deg, #75f3e7 0%, #42c7e3 41%, #7568eb 76%, #bc66ee 100%) !important;
    animation: r177Equalizer calc(.8s + var(--d)) ease-in-out infinite alternate !important;
  }

  body[data-route="artist"] #artistHero .r159EqMeta {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    color: rgba(163, 206, 219, .83) !important;
    font-size: 4.7px !important;
  }

  body[data-route="artist"] #artistHero .r159EqMeta > b {
    overflow: hidden !important;
    color: #80e8ef !important;
    font-size: 4.4px !important;
    white-space: nowrap !important;
  }

  body[data-route="artist"] #artistHero .r159EnergyBody {
    display: grid !important;
    height: 79px !important;
    margin-top: 4px !important;
    align-items: center !important;
  }

  body[data-route="artist"] #artistHero .r159EnergyBody > img {
    width: 100% !important;
    object-fit: contain !important;
    mix-blend-mode: screen !important;
  }

  body[data-route="artist"] #artistHero .r159EnergyPct {
    display: grid !important;
    align-content: center !important;
    gap: 4px !important;
    text-align: right !important;
  }

  body[data-route="artist"] #artistHero .r159EnergyPct > strong {
    color: #74efce !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    letter-spacing: -.07em !important;
    white-space: nowrap !important;
  }

  body[data-route="artist"] #artistHero .r159EnergyPct > small {
    color: #a3c5d3 !important;
    font-size: 4.5px !important;
    line-height: 1.3 !important;
  }

  body[data-route="artist"] #artistHero .r172EnergyMeter {
    display: block !important;
    width: 100% !important;
    height: 4px !important;
    background: rgba(74, 114, 141, .26) !important;
  }

  body[data-route="artist"] #artistHero .r172EnergyMeter > b {
    display: block !important;
    width: 98.7% !important;
    height: 100% !important;
    background: linear-gradient(90deg, #50d8f4, #85f1b1) !important;
  }

  body[data-route="artist"] #artistHero .r161PulseBody {
    display: grid !important;
    height: 79px !important;
    margin-top: 4px !important;
    grid-template-columns: 38px minmax(0, 1fr) !important;
    gap: 5px !important;
    align-items: center !important;
  }

  body[data-route="artist"] #artistHero .r161PulseCore {
    position: relative !important;
    display: grid !important;
    width: 37px !important;
    height: 37px !important;
    place-items: center !important;
    border: 1px solid rgba(108, 223, 245, .65) !important;
    border-radius: 50% !important;
    background: radial-gradient(circle, rgba(96, 188, 226, .15), rgba(5, 12, 25, .87) 73%) !important;
  }

  body[data-route="artist"] #artistHero .r161PulseCore::before {
    content: "" !important;
    position: absolute !important;
    inset: 4px !important;
    border: 1px solid rgba(130, 174, 239, .43) !important;
    border-top-color: transparent !important;
    border-radius: 50% !important;
    animation: r177Orbit 7s linear infinite !important;
  }

  body[data-route="artist"] #artistHero .r161PulseCore > b {
    color: #a1edf4 !important;
    font-size: 10px !important;
    font-weight: 800 !important;
  }

  body[data-route="artist"] #artistHero .r161PulseChannels {
    display: grid !important;
    min-width: 0 !important;
  }

  body[data-route="artist"] #artistHero .r161PulseChannel {
    display: grid !important;
    min-width: 0 !important;
    grid-template-columns: minmax(0, 1fr) 18px !important;
    grid-template-rows: auto 4px !important;
    column-gap: 3px !important;
    row-gap: 2px !important;
    align-items: center !important;
  }

  body[data-route="artist"] #artistHero .r161PulseChannel > strong {
    min-width: 0 !important;
    overflow: hidden !important;
    color: #d4e5ee !important;
    font-size: clamp(4.1px, 1.32vw, 5.2px) !important;
    font-weight: 760 !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }

  body[data-route="artist"] #artistHero .r161PulseChannel > b {
    grid-column: 2 !important;
    grid-row: 1 !important;
    color: #9eeaf0 !important;
    font-size: 5px !important;
    text-align: right !important;
  }

  body[data-route="artist"] #artistHero .r161PulseChannel > i {
    position: relative !important;
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    height: 4px !important;
    background: rgba(91, 124, 147, .25) !important;
  }

  body[data-route="artist"] #artistHero .r161PulseChannel > i::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 auto 0 0 !important;
    width: var(--r161-channel-level) !important;
    background: linear-gradient(90deg, #45dbe9, #9af1bb) !important;
  }

  body[data-route="artist"] #artistHero .r161PulseCreative > i::before {
    background: linear-gradient(90deg, #9075ec, #d16ded) !important;
  }
  body[data-route="artist"] .artistStoryR75 {
    padding: 7px var(--r177-inset) 11px !important;
  }

  body[data-route="artist"] .r162DeckHeading {
    min-height: 27px !important;
    margin: 0 0 7px !important;
  }

  body[data-route="artist"] .artistStoryRailR75 {
    gap: 9px !important;
  }

  body[data-route="artist"] .artistStoryCardR75,
  body[data-route="artist"] .artistIntelligenceR49,
  body[data-route="artist"] .r77Motto {
    clip-path: var(--r177-hull) !important;
  }

  body[data-route="artist"] .artistStoryIntroR76 {
    min-height: 124px !important;
    padding: 16px 79px 14px 13px !important;
    background:
      radial-gradient(114px 88px at 92% 50%, rgba(109, 176, 239, .12), transparent 80%),
      linear-gradient(143deg, rgba(5, 17, 30, .99), rgba(5, 10, 22, .99)) !important;
  }

  body[data-route="artist"] .artistStoryIntroR76 .r162IdentityEmblem {
    right: 10px !important;
    width: 61px !important;
    height: 61px !important;
  }

  body[data-route="artist"] .artistStoryIntroR76 h2 {
    margin-bottom: 6px !important;
    font-size: clamp(22px, 7vw, 32px) !important;
  }

  body[data-route="artist"] .artistStoryIntroR76 p[data-r76-i18n="storyIntro1"] {
    font-size: 9.3px !important;
    line-height: 1.42 !important;
  }

  body[data-route="artist"] .artistStoryModuleR76 .artistStoryKickerR75 {
    margin-bottom: 6px !important;
    font-size: 6.5px !important;
  }

  body[data-route="artist"] .artistStoryModuleR76 h3 {
    margin-bottom: 6px !important;
    font-size: clamp(20px, 6.1vw, 27px) !important;
  }

  body[data-route="artist"] .artistStoryModuleR76 > .r176MobileSummary {
    padding: 6px 8px 6px 8px !important;
    font-size: 9.3px !important;
    line-height: 1.40 !important;
  }

  body[data-route="artist"] .artistStoryModuleR76 .r162ModuleSigil {
    top: 14px !important;
    right: 13px !important;
    width: 39px !important;
    height: 39px !important;
  }

  body[data-route="artist"] .artistStoryModuleR76 .r162ModuleSignal {
    right: 12px !important;
    bottom: 10px !important;
    left: 13px !important;
  }

  body[data-route="artist"] .r77Motto {
    height: 95px !important;
    min-height: 95px !important;
  }

  body[data-route="artist"] .r77MottoCopy > strong {
    font-size: clamp(13px, 3.85vw, 17px) !important;
    background: linear-gradient(90deg, #ffe9bc, #b6e8e9 45%, #bba1ed) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
  }

  body[data-route="artist"] .artistIntelligenceR49 {
    width: calc(100% - 2 * var(--r177-inset)) !important;
    margin-bottom: 10px !important;
    padding: 11px 9px 12px !important;
    gap: 9px !important;
  }

  body[data-route="artist"] .artistStats {
    gap: 6px !important;
  }

  body[data-route="artist"] .artistStats .statCard,
  body[data-route="artist"] .artistStats .statCard:hover {
    height: 105px !important;
    min-height: 105px !important;
    padding: 11px 6px 32px !important;
  }

  body[data-route="artist"] .artistStats .statCard > strong {
    font-size: clamp(21px, 7.7vw, 31px) !important;
  }

  body[data-route="artist"] .artistStats .statCard > #aViews {
    font-size: clamp(13px, 4.1vw, 18px) !important;
  }

  body[data-route="artist"] #artistRail {
    grid-auto-columns: minmax(192px, 76%) !important;
    gap: 8px !important;
  }

  body[data-route="artist"] #artistRail > .card,
  body[data-route="artist"] #artistRail > .card:hover {
    height: 188px !important;
    max-height: 188px !important;
  }

  body[data-route="artist"] #artistRail .cover {
    height: 122px !important;
    min-height: 122px !important;
    max-height: 122px !important;
    flex-basis: 122px !important;
  }

  body[data-route="artist"] .r53SystemBar,
  body[data-route="artist"] .r77LegalRail {
    width: calc(100% - 2 * var(--r177-inset)) !important;
    clip-path: polygon(7px 0, calc(100% - 8px) 0, 100% 8px, 100% calc(100% - 7px), calc(100% - 7px) 100%, 8px 100%, 0 calc(100% - 8px), 0 7px) !important;
  }

  body[data-route="artist"] .r53SystemCell {
    min-height: 53px !important;
  }

  @keyframes r177Orbit {
    to { transform: rotate(360deg); }
  }

  @keyframes r177Signal {
    50% { opacity: .47; transform: scale(.78); }
  }

  @keyframes r177Equalizer {
    from { opacity: .72; transform: scaleY(.55); }
    to { opacity: 1; transform: scaleY(1.04); }
  }
}

@media (max-width: 355px) {
  body[data-route="artist"] { --r177-inset: 9px; }

  body[data-route="artist"] #artistHero .r159Brand,
  body[data-route="artist"] #artistHero button.r159Feature {
    padding-right: 9px !important;
    padding-left: 9px !important;
    grid-template-columns: 57px minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  body[data-route="artist"] #artistHero .r161BrandMark,
  body[data-route="artist"] #artistHero .r159IconRing {
    width: 55px !important;
    height: 55px !important;
  }

  body[data-route="artist"] #artistHero .r159IconRing > svg {
    width: 44px !important;
    height: 44px !important;
  }

  body[data-route="artist"] #artistHero .r161PulseBody {
    grid-template-columns: 33px minmax(0, 1fr) !important;
    gap: 4px !important;
  }

  body[data-route="artist"] #artistHero .r161PulseCore {
    width: 32px !important;
    height: 32px !important;
  }
}

@media (max-width: 760px) and (prefers-reduced-motion: reduce) {
  body[data-route="artist"] #artistHero .r159IconRing::after,
  body[data-route="artist"] #artistHero .r159LiveRow > i,
  body[data-route="artist"] #artistHero .r159MapPing,
  body[data-route="artist"] #artistHero .r159EqWrap > i,
  body[data-route="artist"] #artistHero .r161PulseCore::before {
    animation: none !important;
  }
}

@media (max-width: 760px) {
  body[data-route="artist"] #artistHero .r159Telemetry,
  body[data-route="artist"] #artistHero .r161CreatorPulse {
    min-height: 130px !important;
    padding: 12px 8px 10px !important;
  }

  body[data-route="artist"] #artistHero .r172TelemetryHead,
  body[data-route="artist"] #artistHero .r161PulseHead {
    min-height: 19px !important;
    align-items: center !important;
    gap: 3px !important;
  }

  body[data-route="artist"] #artistHero .r172TelemetryHead > strong,
  body[data-route="artist"] #artistHero .r161PulseHead > strong {
    font-size: clamp(6.1px, 1.76vw, 7.8px) !important;
    line-height: 1.16 !important;
    letter-spacing: .012em !important;
  }

  body[data-route="artist"] #artistHero .r172TelemetryHead > span,
  body[data-route="artist"] #artistHero .r161PulseHead > span {
    font-size: clamp(4.1px, 1.2vw, 4.7px) !important;
    letter-spacing: .018em !important;
  }

  body[data-route="artist"] #artistHero .r161PulseHead > span {
    max-width: none !important;
    overflow: visible !important;
    font-size: clamp(4px, 1.16vw, 4.5px) !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }

  body[data-route="artist"] #artistHero .r159MapWrap {
    height: 80px !important;
    margin-top: 2px !important;
  }

  body[data-route="artist"] #artistHero .r159MapWrap > img {
    height: 80% !important;
  }

  body[data-route="artist"] #artistHero .r172MapStatus {
    right: 1px !important;
    bottom: 2px !important;
  }

  body[data-route="artist"] #artistHero .r159EqWrap {
    height: 68px !important;
    margin-top: 4px !important;
  }

  body[data-route="artist"] #artistHero .r159EqMeta {
    margin-top: 3px !important;
  }

  body[data-route="artist"] #artistHero .r159EnergyBody,
  body[data-route="artist"] #artistHero .r161PulseBody {
    height: 78px !important;
    margin-top: 3px !important;
  }

  body[data-route="artist"] #artistHero .r159EnergyBody {
    grid-template-columns: minmax(0, 1fr) 47px !important;
  }

  body[data-route="artist"] #artistHero .r159EnergyBody > img {
    height: 80% !important;
  }

  body[data-route="artist"] #artistHero .r161PulseChannels {
    gap: 5px !important;
  }
  body[data-route="artist"] #adiPersistentPlayerDock:not(.userExpandedMobile) {
    right: max(3px, env(safe-area-inset-right)) !important;
    bottom: max(8px, env(safe-area-inset-bottom)) !important;
    width: 46px !important;
    height: 46px !important;
    max-width: 46px !important;
    max-height: 46px !important;
  }

  body[data-route="artist"] #adiPersistentPlayerDock:not(.userExpandedMobile) #adiPlayerDockToggle {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    border-color: rgba(105, 246, 255, .4) !important;
    box-shadow:
      0 0 0 2px rgba(105, 246, 255, .025),
      0 0 13px rgba(63, 219, 255, .2),
      0 0 19px rgba(237, 98, 219, .045),
      inset 0 0 11px rgba(105, 246, 255, .085) !important;
  }

  body[data-route="artist"] #adiPersistentPlayerDock:not(.userExpandedMobile) #adiPlayerDockToggle::before {
    font-size: 18px !important;
    text-shadow: 0 0 6px rgba(124, 250, 255, .76) !important;
  }

  body[data-route="artist"] #adiPersistentPlayerDock:not(.userExpandedMobile) #adiPlayerDockToggle::after {
    inset: -3px !important;
    box-shadow: 0 0 0 4px rgba(105, 246, 255, .033) !important;
  }
}

@media (max-width: 500px) {
  body[data-route="artist"] #artistHero > .artistStage {
    height: clamp(318px, 96vw, 480px) !important;
  }
}

@media (max-width: 355px) {
  body[data-route="artist"] #artistHero .r159Telemetry,
  body[data-route="artist"] #artistHero .r161CreatorPulse {
    padding-right: 6px !important;
    padding-left: 6px !important;
  }
}

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

@media (max-width: 760px) {
  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] {
    min-height: 0 !important;
    height: auto !important;
    border-color: rgba(var(--r176-channel), .48) !important;
    box-shadow:
      inset 0 0 0 1px rgba(var(--r176-channel), .08),
      inset 0 13px 20px rgba(var(--r176-channel), .032),
      0 11px 24px rgba(0, 0, 0, .24) !important;
  }

  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] > .r176MobileSummary {
    display: none !important;
  }

  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] > p[data-r76-i18n] {
    position: relative !important;
    z-index: 4 !important;
    display: block !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    overflow: visible !important;
    overflow-wrap: break-word !important;
    text-wrap: pretty !important;
  }

  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] > p[data-r76-i18n]:nth-of-type(1) {
    border-left: 2px solid rgba(var(--r176-channel), .63) !important;
  }

  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] > p[data-r76-i18n]:nth-of-type(2) {
    border-top: 1px solid rgba(var(--r176-channel), .25) !important;
    border-left: 1px solid rgba(var(--r176-channel), .29) !important;
  }

  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] .r162ModuleSignal {
    z-index: 5 !important;
    bottom: 10px !important;
  }

  body[data-route="artist"] .artistStoryIntroR76 > .r164Hull,
  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] > .r164Hull,
  body[data-route="artist"] .r77Motto > .r164Hull,
  body[data-route="artist"] .artistIntelligenceR49 > .r164Hull {
    --r180-hull-light: var(--r176-channel, 98, 217, 241);
    position: absolute !important;
    z-index: 2 !important;
    inset: 0 !important;
    display: block !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  body[data-route="artist"] .r77Motto > .r164Hull {
    --r180-hull-light: 126, 204, 244;
  }

  body[data-route="artist"] .artistIntelligenceR49 > .r164Hull {
    --r180-hull-light: 89, 199, 236;
  }

  body[data-route="artist"] .artistStoryIntroR76 > .r164Hull::before,
  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] > .r164Hull::before,
  body[data-route="artist"] .r77Motto > .r164Hull::before,
  body[data-route="artist"] .artistIntelligenceR49 > .r164Hull::before {
    content: "" !important;
    position: absolute !important;
    inset: 5px 8px !important;
    display: block !important;
    background:
      linear-gradient(90deg, rgba(var(--r180-hull-light), .49), transparent 80%) top left / 41% 1px no-repeat,
      linear-gradient(270deg, rgba(var(--r180-hull-light), .42), transparent 79%) right bottom / 39% 1px no-repeat !important;
    pointer-events: none !important;
  }

  body[data-route="artist"] .artistStoryIntroR76 > .r164Hull > .r166FrameShell,
  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] > .r164Hull > .r166FrameShell,
  body[data-route="artist"] .r77Motto > .r164Hull > .r166FrameShell,
  body[data-route="artist"] .artistIntelligenceR49 > .r164Hull > .r166FrameShell {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  body[data-route="artist"] .artistStoryIntroR76 > .r164Hull > .r166FrameShell::before,
  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] > .r164Hull > .r166FrameShell::before,
  body[data-route="artist"] .r77Motto > .r164Hull > .r166FrameShell::before,
  body[data-route="artist"] .artistIntelligenceR49 > .r164Hull > .r166FrameShell::before {
    content: "" !important;
    position: absolute !important;
    top: 4px !important;
    left: 11px !important;
    display: block !important;
    pointer-events: none !important;
  }

  body[data-route="artist"] .artistStoryIntroR76 > .r164Hull > .r166FrameShell::after,
  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] > .r164Hull > .r166FrameShell::after,
  body[data-route="artist"] .r77Motto > .r164Hull > .r166FrameShell::after,
  body[data-route="artist"] .artistIntelligenceR49 > .r164Hull > .r166FrameShell::after {
    content: "" !important;
    position: absolute !important;
    right: 11px !important;
    bottom: 4px !important;
    display: block !important;
    pointer-events: none !important;
  }

  body[data-route="artist"] .artistStoryIntroR76 > .r164Hull > i,
  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] > .r164Hull > i,
  body[data-route="artist"] .r77Motto > .r164Hull > i,
  body[data-route="artist"] .artistIntelligenceR49 > .r164Hull > i {
    position: absolute !important;
    top: 30% !important;
    left: 1px !important;
    width: 2px !important;
    height: 27px !important;
    display: block !important;
    background:
      linear-gradient(180deg, transparent, rgba(var(--r180-hull-light), .86), transparent) !important;
    filter: drop-shadow(0 0 4px rgba(var(--r180-hull-light), .50)) !important;
    animation: r180HullEdgePulse 3.2s ease-in-out infinite alternate !important;
  }

  body[data-route="artist"] .artistStoryIntroR76 > .r164Hull > b,
  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] > .r164Hull > b,
  body[data-route="artist"] .r77Motto > .r164Hull > b,
  body[data-route="artist"] .artistIntelligenceR49 > .r164Hull > b {
    position: absolute !important;
    right: 1px !important;
    bottom: 26% !important;
    width: 2px !important;
    height: 25px !important;
    display: block !important;
    background: linear-gradient(180deg, transparent, rgba(176, 124, 247, .82), transparent) !important;
    filter: drop-shadow(0 0 4px rgba(173, 114, 246, .46)) !important;
    animation: r180HullEdgePulse 3.8s ease-in-out infinite alternate-reverse !important;
  }

  body[data-route="artist"] .artistStoryModuleR76[data-r76-step="02"] > .r164Hull > .r166FrameShell::before,
  body[data-route="artist"] .artistStoryModuleR76[data-r76-step="02"] > .r164Hull > .r166FrameShell::after {
    animation-delay: -1.45s !important;
  }

  body[data-route="artist"] .artistStoryModuleR76[data-r76-step="03"] > .r164Hull > .r166FrameShell::before,
  body[data-route="artist"] .artistStoryModuleR76[data-r76-step="03"] > .r164Hull > .r166FrameShell::after {
    animation-delay: -2.8s !important;
  }

  body[data-route="artist"] .r77Motto > .r164Hull > .r166FrameShell::before,
  body[data-route="artist"] .artistIntelligenceR49 > .r164Hull > .r166FrameShell::before {
    animation-delay: -2.15s !important;
  }

  body[data-route="artist"] .r77Motto .r77Solar,
  body[data-route="artist"] .r77Motto .r77Singularity {
    z-index: 5 !important;
  }

  body[data-route="artist"] .r77Motto .r77MottoCopy {
    z-index: 6 !important;
  }

  body[data-route="artist"] .r77Motto .r77EnergyStream {
    position: absolute !important;
    z-index: 3 !important;
    top: 50% !important;
    right: 10.8% !important;
    left: 10.8% !important;
    height: 73px !important;
    display: block !important;
    overflow: visible !important;
    background: none !important;
    transform: translateY(-50%) !important;
    -webkit-mask: none !important;
    mask: none !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
    pointer-events: none !important;
  }

  body[data-route="artist"] .r77Motto .r77EnergyStream::before,
  body[data-route="artist"] .r77Motto .r77EnergyStream::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    pointer-events: none !important;
  }

  body[data-route="artist"] .r77Motto .r77EnergyStream::before {
    opacity: .82 !important;
  }

  body[data-route="artist"] .r77Motto .r77EnergyStream::after {
    opacity: .72 !important;
  }

  body[data-route="artist"] .r77Motto .r77EnergyStream > i,
  body[data-route="artist"] .r77Motto .r77EnergyStream > b {
    position: absolute !important;
    z-index: 2 !important;
    left: 0 !important;
    display: block !important;
    border-radius: 50% !important;
    pointer-events: none !important;
  }

  body[data-route="artist"] .r77Motto .r77Solar > .r168SolarFilament {
    position: absolute !important;
    z-index: 2 !important;
    inset: 8% !important;
    display: block !important;
    overflow: hidden !important;
    border-radius: 50% !important;
    background:
      radial-gradient(ellipse at 31% 31%, rgba(255, 255, 237, .71), transparent 16%),
      repeating-conic-gradient(from 12deg, rgba(255, 234, 177, .20) 0 8deg, transparent 9deg 22deg) !important;
    mix-blend-mode: screen !important;
    animation: r180SolarRotation 14s linear infinite !important;
    pointer-events: none !important;
  }

  body[data-route="artist"] .r77Motto .r77Singularity > .r168PhotonRing {
    position: absolute !important;
    z-index: 3 !important;
    inset: -17% !important;
    display: block !important;
    border: 1px solid rgba(157, 197, 255, .70) !important;
    border-right-color: rgba(201, 146, 255, .91) !important;
    border-left-color: rgba(112, 224, 248, .87) !important;
    border-radius: 50% !important;
    box-shadow: 0 0 7px rgba(136, 164, 249, .47) !important;
    transform: rotate(-14deg) scaleY(.39) !important;
    animation: r180PhotonOrbit 5.7s ease-in-out infinite alternate !important;
    pointer-events: none !important;
  }

  @keyframes r180HullEdgePulse {
    0% { opacity: .27; transform: translateY(-6px); }
    100% { opacity: .92; transform: translateY(9px); }
  }

  @keyframes r180SolarRotation {
    to { transform: rotate(360deg); }
  }

  @keyframes r180PhotonOrbit {
    0% { transform: rotate(-17deg) scaleY(.36); }
    100% { transform: rotate(12deg) scaleY(.46); }
  }
}

@media (max-width: 355px) {

  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] > p[data-r76-i18n]:nth-of-type(1),
  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] > p[data-r76-i18n]:nth-of-type(2) {
    padding-right: 6px !important;
    padding-left: 7px !important;
  }

  body[data-route="artist"] .r77Motto .r77EnergyStream {
    height: 70px !important;
  }
}

@media (max-width: 760px) and (prefers-reduced-motion: reduce) {
  body[data-route="artist"] .artistStoryIntroR76 > .r164Hull *,
  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] > .r164Hull *,
  body[data-route="artist"] .r77Motto > .r164Hull *,
  body[data-route="artist"] .artistIntelligenceR49 > .r164Hull *,
  body[data-route="artist"] .r77Motto .r77EnergyStream > i,
  body[data-route="artist"] .r77Motto .r77EnergyStream > b,
  body[data-route="artist"] .r77Motto .r77Solar > .r168SolarFilament,
  body[data-route="artist"] .r77Motto .r77Singularity > .r168PhotonRing {
    animation: none !important;
  }

  body[data-route="artist"] .r77Motto .r77EnergyStream > i,
  body[data-route="artist"] .r77Motto .r77EnergyStream > b {
    opacity: 0 !important;
  }
}

@media (max-width: 760px) {
  body[data-route="artist"] .artistStoryIntroR76 .r162IdentityEmblem > i {
    position: absolute !important;
    z-index: 6 !important;
    top: 15% !important;
    right: 12% !important;
    bottom: auto !important;
    left: auto !important;
    width: 11px !important;
    height: 11px !important;
    display: block !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: url("../gateway/am-plane.webp") center / contain no-repeat !important;
    box-shadow: none !important;
    filter: drop-shadow(0 0 3px rgba(58, 236, 244, .47)) !important;
    pointer-events: none !important;
  }

  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] {
    padding: 15px 14px 35px !important;
    background:
      radial-gradient(114px 84px at 91% 8%, rgba(var(--r176-channel), .102), transparent 79%),
      radial-gradient(158px 101px at 4% 91%, rgba(var(--r176-channel), .043), transparent 78%),
      linear-gradient(149deg, rgba(5, 16, 29, .985), rgba(4, 10, 21, .985) 68%, rgba(9, 8, 23, .985)) !important;
  }

  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] > p[data-r76-i18n] {
    font-size: clamp(8.3px, 2.32vw, 9.15px) !important;
    font-weight: 445 !important;
    line-height: 1.55 !important;
    letter-spacing: .016em !important;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
  }

  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] > p[data-r76-i18n]:nth-of-type(1) {
    padding: 5px 2px 5px 10px !important;
    border: 0 !important;
    background: none !important;
    color: rgba(215, 229, 237, .93) !important;
  }

  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] > p[data-r76-i18n]:nth-of-type(1)::before {
    content: "" !important;
    position: absolute !important;
    top: 8px !important;
    bottom: 7px !important;
    left: 0 !important;
    width: 1px !important;
    background:
      linear-gradient(180deg, rgba(var(--r176-channel), .82), rgba(var(--r176-channel), .25) 58%, transparent) !important;
    box-shadow: 0 0 5px rgba(var(--r176-channel), .18) !important;
    pointer-events: none !important;
  }

  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] > p[data-r76-i18n]:nth-of-type(1)::first-line {
    color: rgba(235, 244, 250, .97) !important;
    font-weight: 570 !important;
  }

  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] > p[data-r76-i18n]:nth-of-type(2) {
    margin-top: 9px !important;
    padding: 10px 2px 1px 10px !important;
    border: 0 !important;
    background:
      linear-gradient(90deg, rgba(var(--r176-channel), .36), rgba(var(--r176-channel), .12) 53%, transparent 84%) top left / 100% 1px no-repeat !important;
    color: rgba(176, 197, 212, .91) !important;
    font-size: clamp(8.1px, 2.25vw, 8.9px) !important;
    font-weight: 425 !important;
    line-height: 1.53 !important;
  }

  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] > p[data-r76-i18n]:nth-of-type(2)::before {
    content: "" !important;
    position: absolute !important;
    top: 11px !important;
    bottom: 4px !important;
    left: 0 !important;
    width: 1px !important;
    background: linear-gradient(180deg, rgba(var(--r176-channel), .34), transparent 82%) !important;
    pointer-events: none !important;
  }

  body[data-route="artist"] .artistStoryIntroR76 > .r164Hull > .r166FrameShell::before,
  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] > .r164Hull > .r166FrameShell::before,
  body[data-route="artist"] .r77Motto > .r164Hull > .r166FrameShell::before,
  body[data-route="artist"] .artistIntelligenceR49 > .r164Hull > .r166FrameShell::before {
    width: 15% !important;
    height: 1px !important;
    background:
      linear-gradient(90deg, transparent, rgba(var(--r180-hull-light), .17) 19%, rgba(200, 244, 250, .81) 52%, rgba(var(--r180-hull-light), .46) 70%, transparent) !important;
    filter: drop-shadow(0 0 2px rgba(var(--r180-hull-light), .51)) !important;
    animation: r181HullUpperFlow 5.4s linear infinite !important;
  }

  body[data-route="artist"] .artistStoryIntroR76 > .r164Hull > .r166FrameShell::after,
  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] > .r164Hull > .r166FrameShell::after,
  body[data-route="artist"] .r77Motto > .r164Hull > .r166FrameShell::after,
  body[data-route="artist"] .artistIntelligenceR49 > .r164Hull > .r166FrameShell::after {
    width: 16% !important;
    height: 1px !important;
    background:
      linear-gradient(90deg, transparent, rgba(190, 135, 244, .61) 34%, rgba(221, 206, 251, .81) 52%, rgba(var(--r180-hull-light), .25) 76%, transparent) !important;
    filter: drop-shadow(0 0 2px rgba(163, 114, 235, .42)) !important;
    animation: r181HullLowerFlow 6.1s linear infinite !important;
  }

  body[data-route="artist"] .artistStoryIntroR76 > .r164Hull > i,
  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] > .r164Hull > i,
  body[data-route="artist"] .r77Motto > .r164Hull > i,
  body[data-route="artist"] .artistIntelligenceR49 > .r164Hull > i,
  body[data-route="artist"] .artistStoryIntroR76 > .r164Hull > b,
  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] > .r164Hull > b,
  body[data-route="artist"] .r77Motto > .r164Hull > b,
  body[data-route="artist"] .artistIntelligenceR49 > .r164Hull > b {
    width: 1px !important;
    height: 19px !important;
    filter: drop-shadow(0 0 2px rgba(var(--r180-hull-light), .36)) !important;
  }

  body[data-route="artist"] .r77Motto .r77EnergyStream::before,
  body[data-route="artist"] .r77Motto .r77EnergyStream::after {
    background:
      linear-gradient(90deg, rgba(255, 190, 107, .82), rgba(128, 222, 227, .59) 43%, rgba(158, 135, 240, .64) 77%, rgba(204, 151, 244, .84)) !important;
    filter: drop-shadow(0 0 1px rgba(104, 196, 235, .33)) !important;
  }

  body[data-route="artist"] .r77Motto .r77EnergyStream::before {
    clip-path: polygon(0 49.2%, 20% 8.8%, 80% 8.8%, 100% 49.2%, 100% 50.6%, 80% 10.15%, 20% 10.15%, 0 50.6%) !important;
    animation: r181ConduitBreath 3.8s ease-in-out infinite alternate !important;
  }

  body[data-route="artist"] .r77Motto .r77EnergyStream::after {
    clip-path: polygon(0 49.3%, 20% 89.85%, 80% 89.85%, 100% 49.3%, 100% 50.7%, 80% 91.2%, 20% 91.2%, 0 50.7%) !important;
    animation: r181ConduitBreath 4.25s ease-in-out infinite alternate-reverse !important;
  }

  body[data-route="artist"] .r77Motto .r77EnergyStream > i,
  body[data-route="artist"] .r77Motto .r77EnergyStream > b {
    width: 9px !important;
    height: 2px !important;
    background:
      linear-gradient(90deg, transparent, rgba(233, 251, 255, .93) 48%, rgba(107, 221, 245, .60) 74%, transparent) !important;
    box-shadow: 0 0 5px rgba(119, 218, 249, .62) !important;
  }

  body[data-route="artist"] .r77Motto .r77EnergyStream > i {
    top: 8.3% !important;
    animation: r181SolarUpperPacket 2.3s linear infinite !important;
  }

  body[data-route="artist"] .r77Motto .r77EnergyStream > b {
    bottom: 8.3% !important;
    animation: r181SolarLowerPacket 2.9s linear infinite !important;
    animation-delay: -1.35s !important;
  }

  @keyframes r181HullUpperFlow {
    0% { opacity: 0; transform: translateX(-118%); }
    10% { opacity: .76; }
    89% { opacity: .82; }
    100% { opacity: 0; transform: translateX(587%); }
  }

  @keyframes r181HullLowerFlow {
    0% { opacity: 0; transform: translateX(116%); }
    12% { opacity: .69; }
    89% { opacity: .77; }
    100% { opacity: 0; transform: translateX(-532%); }
  }

  @keyframes r181ConduitBreath {
    0% { opacity: .38; }
    100% { opacity: .69; }
  }

  @keyframes r181SolarUpperPacket {
    0% { left: 0; opacity: 0; transform: translateY(28px) scaleX(.72); }
    19% { left: 20%; opacity: .96; transform: translateY(0) scaleX(1); }
    79% { left: 79%; opacity: .92; transform: translateY(0) scaleX(1); }
    100% { left: 97%; opacity: 0; transform: translateY(28px) scaleX(.72); }
  }

  @keyframes r181SolarLowerPacket {
    0% { left: 0; opacity: 0; transform: translateY(-28px) scaleX(.72); }
    19% { left: 20%; opacity: .92; transform: translateY(0) scaleX(1); }
    79% { left: 79%; opacity: .91; transform: translateY(0) scaleX(1); }
    100% { left: 97%; opacity: 0; transform: translateY(-28px) scaleX(.72); }
  }
}

@media (max-width: 355px) {
  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] {
    padding-right: 11px !important;
    padding-left: 11px !important;
  }
}

@media (max-width: 760px) and (prefers-reduced-motion: reduce) {
  body[data-route="artist"] .artistStoryIntroR76 > .r164Hull > .r166FrameShell::before,
  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] > .r164Hull > .r166FrameShell::before,
  body[data-route="artist"] .r77Motto > .r164Hull > .r166FrameShell::before,
  body[data-route="artist"] .artistIntelligenceR49 > .r164Hull > .r166FrameShell::before,
  body[data-route="artist"] .artistStoryIntroR76 > .r164Hull > .r166FrameShell::after,
  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] > .r164Hull > .r166FrameShell::after,
  body[data-route="artist"] .r77Motto > .r164Hull > .r166FrameShell::after,
  body[data-route="artist"] .artistIntelligenceR49 > .r164Hull > .r166FrameShell::after,
  body[data-route="artist"] .r77Motto .r77EnergyStream::before,
  body[data-route="artist"] .r77Motto .r77EnergyStream::after,
  body[data-route="artist"] .r77Motto .r77EnergyStream > i,
  body[data-route="artist"] .r77Motto .r77EnergyStream > b {
    animation: none !important;
  }
}
