/*  ADI MASTER — ARTIST MOBILE | Mobile-only Artist overrides.  */

@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;
    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) ;
    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) ;
  }

  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;
  }
  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 ;
  }

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

  body[data-route="artist"] #artistHero > .artistStage {
    position: relative ;
    z-index: 2 ;
    grid-column: 1 / -1 ;
    width: 100% ;
    height: clamp(360px, 111vw, 515px) !important;
    min-height: 0 !important;
    margin: 0 !important;
    border: 1px solid rgba(91, 188, 248, .38);
    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) ;
    clip-path: var(--r177-hull) ;
    overflow: hidden !important;
  }

  body[data-route="artist"] #artistHero .r159Panel {
    --r177-channel: var(--r177-cyan);
    position: relative ;
    z-index: 3 ;
    display: block ;
    min-width: 0 ;
    margin: 0;
    border: 1px solid rgba(var(--r177-channel), .43);
    border-radius: 0;
    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));
    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) ;
    clip-path: var(--r177-hull) ;
    overflow: hidden;
  }

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

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

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

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

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

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

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

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

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

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

  
  body[data-route="artist"] #artistHero .r159Creative {
    --r177-channel: 186, 112, 239;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  body[data-route="artist"] #artistHero .r159LiveRow > b {
    width: min(93px, 52%) ;
    height: 8px ;
    background: repeating-linear-gradient(90deg, rgba(var(--r177-channel), .78) 0 1px, transparent 1px 4px);
    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%) ;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  body[data-route="artist"] .artistStoryIntroR76 {
    min-height: 124px ;
    padding: 16px 79px 14px 13px;
    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));
  }

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

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

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

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

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

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

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

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

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

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

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

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

  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);
  }

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

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

  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)) ;
    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) ;
  }

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

  @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) ;
    gap: 8px ;
  }

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

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

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

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

@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 ;
    padding: 12px 8px 10px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  body[data-route="artist"] #artistHero .r161PulseChannels {
    gap: 5px ;
  }
  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;
    padding-left: 6px;
  }
}

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

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

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

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

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

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

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

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

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

@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 ;
    height: auto ;
    border-color: rgba(var(--r176-channel), .48);
    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) ;
  }

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

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

  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);
  }

  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);
    border-left: 1px solid rgba(var(--r176-channel), .29);
  }

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

  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 ;
    z-index: 2 ;
    inset: 0;
    display: block ;
    overflow: hidden;
    pointer-events: none ;
  }

  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: "" ;
    position: absolute ;
    inset: 5px 8px;
    display: block ;
    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;
    pointer-events: none ;
  }

  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 ;
    inset: 0;
    display: block ;
    overflow: hidden;
    pointer-events: none ;
  }

  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: "" ;
    position: absolute ;
    top: 4px;
    left: 11px;
    display: block ;
    pointer-events: none ;
  }

  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: "" ;
    position: absolute ;
    right: 11px;
    bottom: 4px;
    display: block ;
    pointer-events: none ;
  }

  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 ;
    top: 30%;
    left: 1px;
    width: 2px ;
    height: 27px ;
    display: block ;
    background:
      linear-gradient(180deg, transparent, rgba(var(--r180-hull-light), .86), transparent);
    filter: drop-shadow(0 0 4px rgba(var(--r180-hull-light), .50)) ;
    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 ;
    right: 1px;
    bottom: 26%;
    width: 2px ;
    height: 25px ;
    display: block ;
    background: linear-gradient(180deg, transparent, rgba(176, 124, 247, .82), transparent);
    filter: drop-shadow(0 0 4px rgba(173, 114, 246, .46)) ;
    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;
  }

  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;
  }

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

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

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

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

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

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

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

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

  

  body[data-route="artist"] .r77Motto .r77Solar > .r168SolarFilament {
    position: absolute ;
    z-index: 2 ;
    inset: 8%;
    display: block ;
    overflow: hidden;
    border-radius: 50%;
    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);
    mix-blend-mode: screen ;
    animation: r180SolarRotation 14s linear infinite !important;
    pointer-events: none ;
  }

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

  @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;
    padding-left: 7px;
  }

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

@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 ;
  }
}

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

  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] {
    padding: 15px 14px 35px;
    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));
  }

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

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

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

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

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

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

  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% ;
    height: 1px ;
    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);
    filter: drop-shadow(0 0 2px rgba(var(--r180-hull-light), .51)) ;
    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% ;
    height: 1px ;
    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);
    filter: drop-shadow(0 0 2px rgba(163, 114, 235, .42)) ;
    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 ;
    height: 19px ;
    filter: drop-shadow(0 0 2px rgba(var(--r180-hull-light), .36)) ;
  }

  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));
    filter: drop-shadow(0 0 1px rgba(104, 196, 235, .33)) ;
  }

  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%) ;
    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%) ;
    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 ;
    height: 2px ;
    background:
      linear-gradient(90deg, transparent, rgba(233, 251, 255, .93) 48%, rgba(107, 221, 245, .60) 74%, transparent);
    box-shadow: 0 0 5px rgba(119, 218, 249, .62) ;
  }

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

  body[data-route="artist"] .r77Motto .r77EnergyStream > b {
    bottom: 8.3%;
    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;
    padding-left: 11px;
  }
}

@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;
  }
}