/* RELEASE 174 — symmetric upper-panel precision.
   Scope: left panel alignment and right-panel internal fill masks only.
   The globe, orbital rings, backdrop and telemetry values remain untouched. */

@media (min-width: 761px) {
  /* One physical axis and one width for the entire left column. */
  body[data-route="artist"] .r159Brand,
  body[data-route="artist"] .r159Music,
  body[data-route="artist"] .r159Travel,
  body[data-route="artist"] .r159Creative {
    left: 4% !important;
    width: 27.2% !important;
  }

  /* Place the identity mark and heading on the same visual columns as the
     icon and heading inside the three feature bays. */
  body[data-route="artist"] .r159Brand {
    grid-template-columns: 26.2% minmax(0, 73.8%) !important;
    align-items: center !important;
    padding: .46cqw 1.03cqw .42cqw .77cqw !important;
  }

  /* Keep the accepted R173 fill edge fixed while widening the identity box. */
  body[data-route="artist"] .r159Brand::before {
    left: 3% !important;
    right: 5.3% !important;
  }

  body[data-route="artist"] .r161BrandMark {
    width: 96% !important;
    height: 87% !important;
    align-self: center !important;
    justify-self: center !important;
  }

  body[data-route="artist"] .r159BrandCopy {
    padding: .04cqw .12cqw .03cqw .55cqw !important;
  }

  /* The three icon rings and text blocks share exactly the same safe inset. */
  body[data-route="artist"] button.r159Panel.r159Feature {
    grid-template-columns: 26.2% minmax(0, 73.8%) !important;
    align-items: center !important;
    padding: .47cqw 1.05cqw .44cqw .77cqw !important;
  }

  body[data-route="artist"] .r159IconRing {
    width: 5.78cqw !important;
    height: 5.78cqw !important;
    max-width: 92% !important;
    max-height: 87% !important;
    align-self: center !important;
    justify-self: center !important;
  }

  body[data-route="artist"] .r159FeatureCopy {
    padding: .12cqw .43cqw .08cqw .55cqw !important;
    justify-content: center !important;
  }

  /* A short instrument stroke belongs to the heading; it must not stretch
     into the right frame or compete with the numbered module label. */
  body[data-route="artist"] .r172FeatureRule {
    width: min(10.8cqw, 76%) !important;
    max-width: 76% !important;
    margin: .22cqw 0 .22cqw !important;
    background:
      linear-gradient(90deg, rgba(94, 227, 247, .71), rgba(103, 135, 249, .36) 69%, transparent) !important;
    opacity: .62 !important;
  }

  body[data-route="artist"] .r159Creative .r172FeatureRule {
    background:
      linear-gradient(90deg, rgba(126, 212, 255, .69), rgba(194, 112, 246, .39) 69%, transparent) !important;
  }

  /* Right-side HTML boxes are transparent; their actual display surfaces are
     painted separately inside the corresponding baked technical frames. */
  body[data-route="artist"] .r159Global,
  body[data-route="artist"] .r159Sound,
  body[data-route="artist"] .r159Energy,
  body[data-route="artist"] .r159Status {
    isolation: isolate !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  /* Retire the old oversized sweep: it crossed the chamfered right corners. */
  body[data-route="artist"] .r159Global::after,
  body[data-route="artist"] .r159Sound::after,
  body[data-route="artist"] .r159Energy::after,
  body[data-route="artist"] .r159Status::after {
    display: none !important;
    background: none !important;
    animation: none !important;
    opacity: 0 !important;
  }

  body[data-route="artist"] .r159Global::before,
  body[data-route="artist"] .r159Sound::before,
  body[data-route="artist"] .r159Energy::before,
  body[data-route="artist"] .r159Status::before {
    content: "" !important;
    position: absolute !important;
    z-index: -1 !important;
    top: 5.2% !important;
    right: 4.4% !important;
    bottom: 6.3% !important;
    left: 3.4% !important;
    width: auto !important;
    height: auto !important;
    opacity: 1 !important;
    clip-path:
      polygon(3.1% 0, 95.7% 0, 100% 13%, 100% 87%, 95.7% 100%, 3.1% 100%, 0 87%, 0 13%) !important;
    background:
      linear-gradient(90deg, transparent, rgba(92, 226, 248, .27), rgba(183, 94, 246, .14), transparent) 7% 7% / 85% 1px no-repeat,
      radial-gradient(ellipse at 18% 5%, rgba(50, 137, 203, .08), transparent 62%),
      linear-gradient(112deg, rgba(2, 9, 21, .28), rgba(4, 9, 23, .17) 57%, rgba(11, 5, 25, .15)) !important;
    box-shadow:
      inset 0 0 0 1px rgba(97, 205, 246, .047),
      inset 0 0 .92cqw rgba(42, 119, 188, .037) !important;
    pointer-events: none !important;
  }

  /* The world-map frame has a slightly deeper upper shoulder. */
  body[data-route="artist"] .r159Global::before {
    top: 5.8% !important;
    bottom: 6.8% !important;
  }
}