/* Release 171: internal content of the eight upper side panels only.
   Backdrop, scene geometry, panel positions, frames and live globe are frozen. */

@media (min-width:761px){
  /* Identity: the existing transparent logo is integrated with its surface. */
  body[data-route="artist"] .r159Brand{
    grid-template-columns:27.8% minmax(0,72.2%)!important;
    align-items:center!important;
    padding:.53cqw .76cqw .48cqw .76cqw!important;
  }
  body[data-route="artist"] .r161BrandMark{
    width:95%!important;
    height:87%!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  body[data-route="artist"] .r161BrandMark>i{
    background:none!important;
    border:0!important;
    box-shadow:none!important;
    opacity:0!important;
  }
  body[data-route="artist"] .r161BrandMark .r159BrandLogo{
    width:100%!important;
    height:100%!important;
    background:transparent!important;
    mix-blend-mode:screen!important;
    object-fit:contain!important;
    filter:drop-shadow(0 0 .46cqw rgba(102,196,245,.26))!important;
  }
  body[data-route="artist"] .r159BrandCopy{
    box-sizing:border-box!important;
    min-width:0!important;
    padding:.06cqw .17cqw .04cqw .46cqw!important;
  }
  body[data-route="artist"] .r161BrandEyebrow{
    margin-bottom:.21cqw!important;
    font-size:clamp(6.4px,.43cqw,7.7px)!important;
    letter-spacing:.13em!important;
  }
  body[data-route="artist"] .r159BrandCopy strong{
    font-size:clamp(23px,1.71cqw,30px)!important;
    line-height:1!important;
    letter-spacing:.025em!important;
  }
  body[data-route="artist"] .r159BrandCopy small{
    margin-top:.29cqw!important;
    font-size:clamp(7.7px,.49cqw,9px)!important;
    letter-spacing:.075em!important;
  }
  body[data-route="artist"] .r159BrandTelemetry{
    margin-top:.32cqw!important;
  }
  body[data-route="artist"] .r159BrandTelemetry b{
    width:7.05cqw!important;
  }
  body[data-route="artist"] .r161BrandSignature{
    margin-top:.24cqw!important;
    color:rgba(194,221,237,.84)!important;
    font-size:clamp(6.5px,.405cqw,7.5px)!important;
    letter-spacing:.03em!important;
  }

  /* One safe, repeatable internal grid for music, travel and creativity. */
  body[data-route="artist"] button.r159Panel.r159Feature{
    box-sizing:border-box!important;
    grid-template-columns:26.7% minmax(0,73.3%)!important;
    align-items:center!important;
    padding:.50cqw .77cqw .47cqw .73cqw!important;
  }
  body[data-route="artist"] .r159IconRing{
    width:5.68cqw!important;
    height:5.68cqw!important;
    max-width:92%!important;
    max-height:86%!important;
    box-shadow:
      inset 0 0 1.17cqw rgba(54,196,243,.17),
      0 0 .47cqw rgba(76,218,248,.17)!important;
  }
  body[data-route="artist"] .r159Creative .r159IconRing{
    box-shadow:
      inset 0 0 1.17cqw rgba(111,84,225,.17),
      0 0 .50cqw rgba(169,94,246,.18)!important;
  }
  body[data-route="artist"] .r159IconRing::after{
    inset:-6.2%!important;
  }
  body[data-route="artist"] .r159IconRing svg{
    width:71%!important;
    height:71%!important;
  }
  body[data-route="artist"] .r159FeatureCopy{
    box-sizing:border-box!important;
    min-width:0!important;
    min-height:0!important;
    height:100%!important;
    overflow:hidden!important;
    padding:.24cqw .48cqw .10cqw .52cqw!important;
    justify-content:center!important;
  }
  body[data-route="artist"] .r159FeatureCopy strong{
    box-sizing:border-box!important;
    width:100%!important;
    overflow:hidden!important;
    margin:0 0 .29cqw!important;
    padding-right:3.72cqw!important;
    font-size:clamp(15.5px,1.09cqw,19.4px)!important;
    line-height:1.05!important;
    letter-spacing:.022em!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  body[data-route="artist"] .r159FeatureCopy p{
    display:-webkit-box!important;
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
    margin:0!important;
    color:rgba(234,245,252,.95)!important;
    font-size:clamp(10.2px,.685cqw,12px)!important;
    font-weight:480!important;
    line-height:1.35!important;
    overflow-wrap:break-word!important;
    text-wrap:pretty!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
  }
  body[data-route="artist"] .r159PanelIndex{
    top:.07cqw!important;
    right:.16cqw!important;
    max-width:4.72cqw!important;
    color:rgba(142,234,250,.84)!important;
    font-size:clamp(6.2px,.415cqw,7.5px)!important;
    letter-spacing:.08em!important;
    white-space:nowrap!important;
  }
  body[data-route="artist"] .r159LiveRow{
    gap:.31cqw!important;
    margin-top:.29cqw!important;
    font-size:clamp(6.9px,.435cqw,7.9px)!important;
  }
  body[data-route="artist"] .r159LiveRow i{
    width:.24cqw!important;
    height:.24cqw!important;
  }
  body[data-route="artist"] .r159LiveRow b{
    width:6.45cqw!important;
    max-width:calc(100% - 2.15cqw)!important;
    height:.69cqw!important;
    opacity:.83!important;
  }

  /* Four telemetry bays use the same title axis and safe frame clearance. */
  body[data-route="artist"] .r159Telemetry,
  body[data-route="artist"] .r161CreatorPulse{
    box-sizing:border-box!important;
    padding:.54cqw .77cqw .43cqw .77cqw!important;
  }
  body[data-route="artist"] .r159TelemetryTitle{
    box-sizing:border-box!important;
    max-width:100%!important;
    margin:0 0 .25cqw!important;
    padding-left:.59cqw!important;
    font-size:clamp(12.1px,.855cqw,15.2px)!important;
    line-height:1.1!important;
    letter-spacing:.023em!important;
  }
  body[data-route="artist"] .r159TelemetryTitle::before{
    top:.22cqw!important;
    width:.24cqw!important;
    height:.24cqw!important;
  }
  body[data-route="artist"] .r159MapWrap{
    width:100%!important;
    min-height:0!important;
    margin:0!important;
    overflow:hidden!important;
    background:transparent!important;
  }
  body[data-route="artist"] .r159MapWrap img{
    width:100%!important;
    height:100%!important;
    object-fit:fill!important;
    object-position:50% 50%!important;
    opacity:.98!important;
    filter:saturate(1.22) contrast(1.11) brightness(1.06)!important;
  }
  body[data-route="artist"] .r159MapPing{
    width:.36cqw!important;
    height:.36cqw!important;
  }

  body[data-route="artist"] .r159EqWrap{
    box-sizing:border-box!important;
    width:100%!important;
    gap:.115cqw!important;
    padding:.11cqw .08cqw .15cqw!important;
  }
  body[data-route="artist"] .r159EqWrap i{
    min-width:2px!important;
    box-shadow:0 0 .17cqw rgba(98,231,252,.34)!important;
    animation-name:r171PanelEq!important;
  }
  @keyframes r171PanelEq{
    from{transform:scaleY(.78);opacity:.82}
    to{transform:scaleY(1.10);opacity:1}
  }
  body[data-route="artist"] .r159EqMeta{
    margin-top:.17cqw!important;
    padding:0 .10cqw!important;
    font-size:clamp(6px,.405cqw,7.2px)!important;
  }
  body[data-route="artist"] .r159EqMeta b{
    font-size:clamp(6px,.405cqw,7.2px)!important;
  }

  body[data-route="artist"] .r159EnergyBody{
    box-sizing:border-box!important;
    grid-template-columns:minmax(0,1fr) 29.5%!important;
    align-items:center!important;
    gap:.27cqw!important;
    width:100%!important;
    min-height:0!important;
  }
  body[data-route="artist"] .r159EnergyBody img{
    width:100%!important;
    height:100%!important;
    object-fit:fill!important;
    object-position:50% 50%!important;
    opacity:.98!important;
    filter:saturate(1.22) contrast(1.15)!important;
  }
  body[data-route="artist"] .r159EnergyPct{
    box-sizing:border-box!important;
    align-self:center!important;
    min-width:0!important;
    padding:.03cqw .05cqw 0 0!important;
    text-align:right!important;
  }
  body[data-route="artist"] .r159EnergyPct strong{
    font-size:clamp(19px,1.46cqw,25.5px)!important;
    line-height:.98!important;
  }
  body[data-route="artist"] .r159EnergyPct small{
    max-height:2.35em!important;
    overflow:hidden!important;
    margin-top:.23cqw!important;
    font-size:clamp(5.8px,.385cqw,7px)!important;
    line-height:1.15!important;
    letter-spacing:.045em!important;
    white-space:normal!important;
  }

  /* Creator pulse becomes a readable mini control surface, not empty garnish. */
  body[data-route="artist"] .r161PulseHead{
    box-sizing:border-box!important;
    min-width:0!important;
    gap:.33cqw!important;
    margin-bottom:.26cqw!important;
  }
  body[data-route="artist"] .r161PulseHead>strong{
    font-size:clamp(12px,.83cqw,14.7px)!important;
    letter-spacing:.036em!important;
  }
  body[data-route="artist"] .r161PulseHead>span{
    font-size:clamp(5.8px,.37cqw,6.7px)!important;
    letter-spacing:.045em!important;
  }
  body[data-route="artist"] .r161PulseBody{
    box-sizing:border-box!important;
    grid-template-columns:31.5% minmax(0,68.5%)!important;
    min-width:0!important;
    overflow:hidden!important;
  }
  body[data-route="artist"] .r161PulseCore{
    width:min(4.75cqw,89%)!important;
    box-shadow:
      0 0 .48cqw rgba(85,219,243,.22),
      inset 0 0 .74cqw rgba(103,108,232,.17)!important;
  }
  body[data-route="artist"] .r161PulseCore>b{
    font-size:clamp(11px,.78cqw,14px)!important;
  }
  body[data-route="artist"] .r161PulseChannels{
    box-sizing:border-box!important;
    min-width:0!important;
    gap:.39cqw!important;
    padding-left:.32cqw!important;
  }
  body[data-route="artist"] .r161PulseChannel{
    grid-template-columns:minmax(0,41%) minmax(0,1fr) .80cqw!important;
    min-width:0!important;
    gap:.22cqw!important;
  }
  body[data-route="artist"] .r161PulseChannel>strong,
  body[data-route="artist"] .r161PulseChannel>b{
    font-size:clamp(6.1px,.415cqw,7.4px)!important;
    letter-spacing:.018em!important;
  }
  body[data-route="artist"] .r161PulseChannel>i{
    height:.33cqw!important;
    background:rgba(112,164,223,.20)!important;
  }

  /* Long Polish, German and Spanish labels remain within their existing bays. */
  html[data-artist-lang="de"] body[data-route="artist"] .r159FeatureCopy p,
  html[data-artist-lang="es"] body[data-route="artist"] .r159FeatureCopy p{
    font-size:clamp(9.9px,.645cqw,11.5px)!important;
    line-height:1.34!important;
  }
  html[data-artist-lang="de"] body[data-route="artist"] .r159FeatureCopy strong,
  html[data-artist-lang="es"] body[data-route="artist"] .r159FeatureCopy strong{
    font-size:clamp(15px,1.015cqw,18.3px)!important;
  }
  html[data-artist-lang="de"] body[data-route="artist"] .r159TelemetryTitle,
  html[data-artist-lang="es"] body[data-route="artist"] .r159TelemetryTitle{
    font-size:clamp(11.2px,.775cqw,13.9px)!important;
  }
  html[data-artist-lang="pl"] body[data-route="artist"] .r161PulseChannel>strong,
  html[data-artist-lang="de"] body[data-route="artist"] .r161PulseChannel>strong,
  html[data-artist-lang="es"] body[data-route="artist"] .r161PulseChannel>strong{
    font-size:clamp(5.8px,.39cqw,6.9px)!important;
  }
}

@media (min-width:761px) and (prefers-reduced-motion:reduce){
  body[data-route="artist"] .r159EqWrap i{
    animation:none!important;
  }
}