/* ADIMASTER RELEASE 181
   Mobile-only narrative typography, fine energy conduits and complete AM branding. */

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