/* ADIMASTER RELEASE 183
   Final desktop-only brand, editorial instrumentation and status-deck polish.
   Mobile, the globe, orbital geometry, comet renderer and player stay frozen. */

@media (min-width: 761px) {
  /* Restore the original airplane on the previously hidden brand-mark layer. */
  body[data-route="artist"] .r159Brand > .r161BrandMark > i {
    position: absolute !important;
    z-index: 6 !important;
    inset: auto !important;
    top: 8% !important;
    right: 8% !important;
    width: clamp(10px, .72cqw, 13px) !important;
    height: clamp(10px, .72cqw, 13px) !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;
    opacity: 1 !important;
    filter: drop-shadow(0 0 4px rgba(79, 229, 246, .66)) !important;
    pointer-events: none !important;
  }

  /* Join the identity-emblem airplane visually to the existing letter-M trail. */
  body[data-route="artist"] .artistStoryIntroR76 .r162IdentityEmblem > i {
    top: 21% !important;
    right: 24% !important;
    width: clamp(12px, .80vw, 15px) !important;
    height: clamp(12px, .80vw, 15px) !important;
    filter: drop-shadow(0 0 4px rgba(88, 237, 248, .60)) !important;
  }

  /* Keep complete localized copy legible without turning its opening into a headline. */
  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] > p[data-r76-i18n]:nth-of-type(1)::first-line {
    color: rgba(230, 240, 247, .95) !important;
    font-weight: 485 !important;
  }

  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] > p[data-r76-i18n]:nth-of-type(2) {
    color: rgba(188, 205, 219, .93) !important;
  }

  /* A slightly calmer caption rhythm preserves the approved artwork dimensions. */
  body[data-route="artist"] #artistRail .cardBody {
    padding: 8px 10px 7px !important;
    gap: 5px !important;
  }

  body[data-route="artist"] #artistRail .cardTitle {
    font-size: clamp(11.7px, .75vw, 13.35px) !important;
    font-weight: 695 !important;
    line-height: 1.29 !important;
    letter-spacing: .008em !important;
  }

  body[data-route="artist"] #artistRail .cardSub {
    color: rgba(177, 198, 210, .93) !important;
    font-size: clamp(8.8px, .55vw, 9.9px) !important;
    line-height: 1.37 !important;
    letter-spacing: .017em !important;
  }

  body[data-route="artist"] #artistRail .metaRow {
    margin-top: 1px !important;
  }

  /* Improve the narrow system readouts conservatively and retain all six cells. */
  body[data-route="artist"] .r53SystemCopy > small {
    color: rgba(176, 203, 219, .91) !important;
    font-size: clamp(7.5px, .51vw, 9.45px) !important;
    line-height: 1.32 !important;
    letter-spacing: .095em !important;
  }

  body[data-route="artist"] .r53SystemCopy > strong {
    color: rgba(226, 239, 246, .97) !important;
    font-size: clamp(8.65px, .59vw, 11px) !important;
    line-height: 1.38 !important;
    letter-spacing: .022em !important;
  }

  body[data-route="artist"] .r53SystemCell:first-child .r53SystemCopy > strong {
    color: #79f5dc !important;
  }

  body[data-route="artist"] .r77LegalRail {
    color: rgba(186, 205, 217, .91) !important;
    font-size: clamp(9.35px, .57vw, 10.75px) !important;
    line-height: 1.57 !important;
  }

  body[data-route="artist"] .r77LegalRail > span > b {
    color: rgba(145, 235, 242, .94) !important;
    font-size: clamp(8.6px, .53vw, 9.8px) !important;
    letter-spacing: .085em !important;
  }

  body[data-route="artist"] .r77LegalLinks > a {
    color: rgba(205, 222, 231, .96) !important;
    font-size: clamp(9.6px, .58vw, 10.8px) !important;
  }
}

@media (min-width: 1251px) {
  /* These instruments occupy only the safe gap above the existing signal row. */
  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] > .r176DomainDepth::before,
  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] > .r176DomainDepth::after {
    content: "" !important;
    position: absolute !important;
    z-index: 1 !important;
    bottom: 64px !important;
    left: 18px !important;
    display: block !important;
    pointer-events: none !important;
  }

  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] > .r176DomainDepth::before {
    width: min(49%, 206px) !important;
    height: 31px !important;
  }

  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] > .r176DomainDepth::after {
    width: min(57%, 232px) !important;
    height: 1px !important;
    background: linear-gradient(90deg, rgba(var(--r176-channel), .43), rgba(var(--r176-channel), .16) 74%, transparent) !important;
    opacity: .73 !important;
  }

  /* MUSIC: a low-intensity audio envelope, independent of the copy above it. */
  body[data-route="artist"] .artistStoryModuleR76[data-r76-step="01"] > .r176DomainDepth::before {
    background:
      linear-gradient(180deg, rgba(91, 231, 239, .79), rgba(80, 158, 220, .20)),
      repeating-linear-gradient(90deg, rgba(97, 239, 245, .82) 0 3px, transparent 3px 8px) !important;
    background-blend-mode: multiply !important;
    clip-path: polygon(0 78%, 5% 78%, 5% 59%, 10% 59%, 10% 70%, 15% 70%, 15% 40%, 20% 40%, 20% 66%, 25% 66%, 25% 20%, 30% 20%, 30% 54%, 35% 54%, 35% 72%, 41% 72%, 41% 45%, 46% 45%, 46% 65%, 52% 65%, 52% 31%, 58% 31%, 58% 61%, 63% 61%, 63% 48%, 69% 48%, 69% 75%, 74% 75%, 74% 34%, 80% 34%, 80% 57%, 85% 57%, 85% 69%, 91% 69%, 91% 49%, 96% 49%, 96% 74%, 100% 74%, 100% 100%, 0 100%) !important;
    opacity: .38 !important;
  }

  /* TRAVEL: restrained route segments and three coordinate beacons. */
  body[data-route="artist"] .artistStoryModuleR76[data-r76-step="02"] > .r176DomainDepth::before {
    background:
      radial-gradient(circle at 8% 76%, rgba(160, 223, 252, .94) 0 2px, transparent 3px),
      radial-gradient(circle at 46% 28%, rgba(185, 203, 255, .92) 0 2px, transparent 3px),
      radial-gradient(circle at 87% 57%, rgba(153, 185, 254, .96) 0 2px, transparent 3px),
      linear-gradient(145deg, transparent 46%, rgba(149, 180, 250, .68) 48% 52%, transparent 54%) 7% 42% / 40% 17px no-repeat,
      linear-gradient(19deg, transparent 46%, rgba(159, 174, 250, .57) 48% 52%, transparent 54%) 46% 39% / 42% 15px no-repeat !important;
    opacity: .63 !important;
  }

  /* CREATIVITY: a sparse constellation, never a pattern across the text. */
  body[data-route="artist"] .artistStoryModuleR76[data-r76-step="03"] > .r176DomainDepth::before {
    background:
      radial-gradient(circle at 8% 55%, rgba(116, 228, 240, .91) 0 1.8px, transparent 2.8px),
      radial-gradient(circle at 31% 26%, rgba(207, 131, 243, .96) 0 2px, transparent 3px),
      radial-gradient(circle at 55% 70%, rgba(231, 128, 237, .91) 0 1.8px, transparent 2.8px),
      radial-gradient(circle at 78% 33%, rgba(153, 185, 250, .97) 0 2px, transparent 3px),
      radial-gradient(circle at 94% 61%, rgba(227, 153, 248, .93) 0 1.7px, transparent 2.7px),
      linear-gradient(151deg, transparent 46%, rgba(155, 178, 247, .58) 48% 52%, transparent 54%) 8% 37% / 26% 14px no-repeat,
      linear-gradient(26deg, transparent 46%, rgba(194, 134, 246, .52) 48% 52%, transparent 54%) 31% 47% / 27% 16px no-repeat,
      linear-gradient(149deg, transparent 46%, rgba(181, 151, 248, .52) 48% 52%, transparent 54%) 56% 47% / 25% 15px no-repeat,
      linear-gradient(28deg, transparent 46%, rgba(212, 134, 243, .48) 48% 52%, transparent 54%) 79% 42% / 17% 12px no-repeat !important;
    opacity: .64 !important;
  }
}

@media (min-width: 761px) and (max-width: 1250px) {
  /* Intermediate desktop widths keep their existing compact geometry. */
  body[data-route="artist"] #artistRail .cardBody {
    padding: 7px 9px 6px !important;
    gap: 4px !important;
  }

  body[data-route="artist"] #artistRail .cardTitle {
    font-size: clamp(10.7px, 1.08vw, 12.3px) !important;
    line-height: 1.26 !important;
  }

  body[data-route="artist"] #artistRail .cardSub {
    font-size: clamp(8.2px, .78vw, 9.1px) !important;
  }

  body[data-route="artist"] .r53SystemCopy > strong {
    font-size: clamp(8px, .80vw, 9.65px) !important;
  }

  body[data-route="artist"] .r77LegalRail {
    font-size: clamp(8.8px, .83vw, 10.2px) !important;
  }
}