/*  ADI MASTER — ARTIST DESKTOP | Desktop-only Artist finishing overrides.  */

@media (min-width: 761px) {
  body[data-route="artist"] .artistStoryIntroR76 .r162IdentityEmblem > i {
    position: absolute ;
    z-index: 6 ;
    bottom: auto;
    left: auto;
    display: block ;
    border: 0;
    border-radius: 0;
    background: url("../gateway/am-plane.webp") center / contain no-repeat;
    box-shadow: none ;
    pointer-events: none ;
  }
  html[data-artist-lang="pl"] body[data-route="artist"] .r162DeckHeading > .r162DeckSector,
  html[data-artist-lang="de"] body[data-route="artist"] .r162DeckHeading > .r162DeckSector {
    font-size: 0 !important;
  }

  html[data-artist-lang="pl"] body[data-route="artist"] .r162DeckHeading > .r162DeckSector::after,
  html[data-artist-lang="de"] body[data-route="artist"] .r162DeckHeading > .r162DeckSector::after {
    content: "SEKTOR 02" !important;
    display: inline-block !important;
    color: rgba(149, 192, 226, .84) !important;
    font-size: 10px !important;
    font-weight: 820 !important;
    line-height: 1.2 !important;
    letter-spacing: .13em !important;
  }
  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] {
    min-height: 373px ;
    padding: 30px 31px 72px;
    border-color: rgba(var(--r176-channel), .42);
    background:
      linear-gradient(90deg, rgba(var(--r176-channel), .29), transparent 69%) 29px 61px / min(138px, 35%) 1px no-repeat,
      linear-gradient(270deg, rgba(var(--r176-channel), .25), transparent 79%) calc(100% - 24px) calc(100% - 34px) / min(132px, 37%) 1px no-repeat,
      radial-gradient(214px 144px at 95% 4%, rgba(var(--r176-channel), .095), transparent 76%),
      radial-gradient(300px 142px at 4% 100%, rgba(var(--r176-channel), .055), transparent 79%),
      linear-gradient(147deg, rgba(5, 16, 29, .985), rgba(4, 10, 21, .991) 61%, rgba(8, 8, 23, .984));
    box-shadow:
      inset 0 0 0 1px rgba(var(--r176-channel), .062),
      inset 0 15px 30px rgba(var(--r176-channel), .026),
      0 14px 34px rgba(0, 0, 0, .22) ;
  }

  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] > .artistStoryKickerR75 {
    margin-bottom: 11px;
    font-size: 9px;
    font-weight: 740;
    letter-spacing: .19em ;
  }

  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] > h3 {
    margin: 0 78px 15px 0;
    font-size: clamp(29px, 1.94vw, 37px);
    font-weight: 780;
    line-height: 1.05;
    letter-spacing: -.028em ;
  }

  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] > p[data-r76-i18n] {
    position: relative ;
    z-index: 4 ;
    max-width: none ;
    font-size: clamp(12.35px, .725vw, 13.75px);
    font-weight: 415;
    line-height: 1.59;
    letter-spacing: .011em ;
    text-rendering: optimizeLegibility ;
    -webkit-font-smoothing: antialiased ;
  }

  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] > p[data-r76-i18n]:nth-of-type(1) {
    margin: 0;
    padding: 1px 0 0 11px;
    border: 0;
    background: none;
    color: rgba(222, 234, 243, .91) ;
  }

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

  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] > p[data-r76-i18n]:nth-of-type(2) {
    margin: 12px 0 0;
    padding: 12px 0 0 11px;
    border: 0;
    background:
      linear-gradient(90deg, rgba(var(--r176-channel), .39), rgba(var(--r176-channel), .11) 54%, transparent 91%) top left / 100% 1px no-repeat;
    font-size: clamp(11.85px, .68vw, 12.9px);
    font-weight: 415;
    line-height: 1.54;
  }

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

  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] > .r162ModuleSigil {
    top: 23px;
    right: 25px;
    width: 60px ;
    height: 60px ;
    background:
      radial-gradient(circle at 38% 32%, rgba(var(--r176-channel), .16), transparent 58%),
      rgba(4, 12, 24, .83);
    box-shadow:
      inset 0 0 15px rgba(var(--r176-channel), .085),
      0 0 15px rgba(var(--r176-channel), .12) ;
  }

  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] > .r176DomainDepth > i {
    height: 67px ;
    opacity: .69 ;
  }

  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] > .r166DomainTelemetry {
    right: 31px;
    bottom: 39px;
    left: 31px;
  }

  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] > .r162ModuleSignal {
    right: 29px;
    bottom: 17px;
    left: 31px;
  }
  body[data-route="artist"] .artistIntelligenceR49 {
    min-height: 332px ;
    grid-template-rows: 31px 248px ;
  }

  body[data-route="artist"] .artistStats .statCard,
  body[data-route="artist"] .artistStats .statCard:hover {
    min-height: 248px !important;
  }

  body[data-route="artist"] #artistRail {
    height: 248px ;
    min-height: 248px ;
    flex-basis: 248px;
    padding-bottom: 4px;
    scrollbar-color: rgba(112, 199, 229, .34) transparent ;
    scrollbar-width: thin ;
  }

  body[data-route="artist"] #artistRail::-webkit-scrollbar {
    display: block !important;
    height: 3px !important;
  }

  body[data-route="artist"] #artistRail::-webkit-scrollbar-track {
    border-radius: 10px !important;
    background: rgba(39, 89, 123, .15) !important;
  }

  body[data-route="artist"] #artistRail::-webkit-scrollbar-thumb {
    border-radius: 10px !important;
    background:
      linear-gradient(90deg, rgba(107, 218, 242, .45), rgba(143, 157, 243, .34), rgba(180, 119, 229, .42)) !important;
  }

  body[data-route="artist"] #artistRail > .card,
  body[data-route="artist"] #artistRail > .card:hover {
    height: 243px !important;
    min-height: 243px !important;
    max-height: 243px !important;
    border-color: rgba(108, 199, 235, .33) !important;
    background:
      linear-gradient(270deg, rgba(163, 119, 240, .40), transparent 77%) calc(100% - 11px) calc(100% - 1px) / 71% 1px no-repeat,
      radial-gradient(155px 100px at 5% 0%, rgba(56, 145, 193, .10), transparent 76%),
      linear-gradient(158deg, rgba(7, 19, 33, .989), rgba(4, 10, 20, .991) 77%) !important;
  }

  body[data-route="artist"] #artistRail .cover {
    height: 153px !important;
    min-height: 153px !important;
    max-height: 153px !important;
    flex-basis: 153px !important;
    border-bottom: 1px solid rgba(104, 200, 234, .33) !important;
  }

  body[data-route="artist"] #artistRail .cover img {
    filter: saturate(1.09) contrast(1.045) brightness(1.035) !important;
  }

  body[data-route="artist"] #artistRail .cardBody {
    min-height: 0 !important;
    background: linear-gradient(180deg, rgba(60, 120, 162, .072), transparent 43px) !important;
  }

  body[data-route="artist"] #artistRail .cardTitle {
    display: -webkit-box !important;
    overflow: hidden !important;
    color: rgba(235, 245, 251, .97) !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }

  body[data-route="artist"] #artistRail .cardSub {
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }

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

  body[data-route="artist"] #artistRail .chip {
    padding: 2px 6px !important;
    font-size: 8px !important;
  }
}

@media (min-width: 971px) and (max-width: 1250px) {
  body[data-route="artist"] .artistStoryModuleR76[data-r76-step="01"],
  body[data-route="artist"] .artistStoryModuleR76[data-r76-step="02"] {
    min-height: 362px ;
    padding: 29px 28px 69px;
  }

  body[data-route="artist"] .artistStoryModuleR76[data-r76-step="03"] {
    min-height: 304px ;
    padding: 29px 31px 67px;
  }

  body[data-route="artist"] .artistIntelligenceR49 {
    min-height: 319px ;
    grid-template-rows: 30px 234px ;
  }

  body[data-route="artist"] .artistStats .statCard,
  body[data-route="artist"] .artistStats .statCard:hover {
    min-height: 234px !important;
  }

  body[data-route="artist"] #artistRail {
    height: 234px ;
    min-height: 234px ;
    flex-basis: 234px;
  }

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

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

@media (min-width: 761px) and (max-width: 970px) {
  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] {
    min-height: 303px ;
    padding: 28px 29px 66px;
  }

  body[data-route="artist"] .artistIntelligenceR49 {
    min-height: 489px ;
    grid-template-rows: 30px 175px minmax(229px, auto) ;
  }

  body[data-route="artist"] .artistStats .statCard,
  body[data-route="artist"] .artistStats .statCard:hover {
    min-height: 175px !important;
  }

  body[data-route="artist"] #artistRail {
    height: 218px ;
    min-height: 218px ;
    flex-basis: 218px;
  }

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

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

@media (min-width: 761px) {
  body[data-route="artist"] .r159Brand > .r161BrandMark > i {
    position: absolute ;
    z-index: 6 ;
    inset: auto;
    top: 8%;
    right: 8%;
    width: clamp(10px, .72cqw, 13px) ;
    height: clamp(10px, .72cqw, 13px) ;
    display: block ;
    border: 0;
    border-radius: 0;
    background: url("../gateway/am-plane.webp") center / contain no-repeat;
    box-shadow: none ;
    opacity: 1 ;
    filter: drop-shadow(0 0 4px rgba(79, 229, 246, .66)) ;
    pointer-events: none ;
  }
  body[data-route="artist"] .artistStoryIntroR76 .r162IdentityEmblem > i {
    top: 21%;
    right: 24%;
    width: clamp(12px, .80vw, 15px) ;
    height: clamp(12px, .80vw, 15px) ;
    filter: drop-shadow(0 0 4px rgba(88, 237, 248, .60)) ;
  }
  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] > p[data-r76-i18n]:nth-of-type(1)::first-line {
    color: rgba(230, 240, 247, .95) ;
    font-weight: 485;
  }

  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] > p[data-r76-i18n]:nth-of-type(2) {
    color: rgba(188, 205, 219, .93) ;
  }
  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;
  }
  body[data-route="artist"] .r53SystemCopy > small {
    color: rgba(176, 203, 219, .91) ;
    font-size: clamp(7.5px, .51vw, 9.45px);
    line-height: 1.32;
    letter-spacing: .095em ;
  }

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

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

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

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

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

@media (min-width: 1251px) {
  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] > .r176DomainDepth::before,
  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] > .r176DomainDepth::after {
    content: "" ;
    position: absolute ;
    z-index: 1 ;
    bottom: 64px;
    left: 18px;
    display: block ;
    pointer-events: none ;
  }

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

  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] > .r176DomainDepth::after {
    width: min(57%, 232px) ;
    height: 1px ;
    background: linear-gradient(90deg, rgba(var(--r176-channel), .43), rgba(var(--r176-channel), .16) 74%, transparent);
    opacity: .73 ;
  }
  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);
    background-blend-mode: multiply;
    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%) ;
    opacity: .38 ;
  }
  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;
    opacity: .63 ;
  }
  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;
    opacity: .64 ;
  }
}

@media (min-width: 761px) and (max-width: 1250px) {
  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);
  }

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