/*! KING PING — Bespoke Sub-Brand Styles
   Local palette, scoped to .view-king-ping so it never leaks into the shared shell. */

.view-king-ping {
  --kp-void: #070c14;
  --kp-frost: #6fe6ff;
  --kp-riot: #ff3e88;
  --kp-gold: #e8b24c;
  --kp-font: 'Big Shoulders Display', var(--font-display);
}
.view-king-ping .kp-eyebrow {
  font-family: var(--font-mono); font-size: .76rem; letter-spacing: .24em; text-transform: uppercase;
  color: var(--kp-frost); display: inline-flex; align-items: center; gap: 10px;
}
.view-king-ping .kp-eyebrow::before { content: ''; width: 26px; height: 1px; background: var(--kp-frost); opacity: .7; }
.view-king-ping h2 { font-family: var(--kp-font); font-weight: 800; }
.view-king-ping .kp-btn-primary { background: var(--kp-frost); color: var(--kp-void); }
.view-king-ping .kp-btn-primary:hover { box-shadow: 0 0 26px rgba(111,230,255,.5); }

@keyframes kpKenBurns { from { transform: scale(1.06) translate(0,0); } to { transform: scale(1.16) translate(-1.5%, -1%); } }
@keyframes kpEmberRise {
  0% { transform: translateY(0) translateX(0); opacity: 0; }
  10% { opacity: .9; }
  90% { opacity: .5; }
  100% { transform: translateY(-100vh) translateX(14px); opacity: 0; }
}

.kp-hero { position: relative; min-height: 100vh; display: flex; align-items: flex-end; overflow: hidden; background: var(--kp-void); }
.kp-hero__bg {
  position: absolute; inset: -2%; background-size: cover; background-position: center 30%;
  animation: kpKenBurns 34s ease-in-out infinite alternate;
}
@media (prefers-reduced-motion: reduce) { .kp-hero__bg { animation: none; transform: scale(1.06); } }
.kp-hero__scrim {
  position: absolute; inset: 0;
  background: linear-gradient(to top, var(--kp-void) 6%, rgba(7,12,20,.35) 45%, rgba(7,12,20,.55) 100%);
}
.kp-embers { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }
.kp-embers span {
  position: absolute; bottom: -4%; border-radius: 50%;
  background: radial-gradient(circle, var(--kp-gold), transparent 70%);
  animation-name: kpEmberRise; animation-timing-function: ease-in; animation-iteration-count: infinite;
  box-shadow: 0 0 6px var(--kp-gold);
}
@media (prefers-reduced-motion: reduce) { .kp-embers { display: none; } }

.kp-hero__content { position: relative; z-index: 2; padding: calc(var(--nav-h) + 3rem) 0 5.5rem; }
.kp-hero__title { font-family: var(--kp-font); font-weight: 900; font-size: clamp(4.5rem, 14vw, 11rem); line-height: .82; letter-spacing: -.01em; margin: .6rem 0 1.1rem; color: #fff; text-shadow: 0 0 40px rgba(111,230,255,.3); }
.kp-hero__tagline { font-family: var(--font-mono); color: var(--mist); font-size: clamp(1rem, 1.6vw, 1.2rem); max-width: 46ch; margin-bottom: 2rem; }
.kp-hero__cta { display: flex; gap: 14px; flex-wrap: wrap; }
.kp-hero__viz { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 90px; z-index: 1; opacity: .85; }

.kp-stats { background: var(--kp-void); border-top: 1px solid rgba(111,230,255,.15); border-bottom: 1px solid rgba(111,230,255,.15); }
.kp-stats__row { display: flex; justify-content: space-around; flex-wrap: wrap; padding: 26px 0; text-align: center; }
.kp-stats__row strong { display: block; font-family: var(--kp-font); font-size: 1.7rem; font-weight: 800; color: var(--kp-frost); }
.kp-stats__row span { font-family: var(--font-mono); font-size: .68rem; letter-spacing: .14em; text-transform: uppercase; color: var(--mist); }

.kp-anthem { background: linear-gradient(180deg, var(--kp-void), var(--void) 30%); }
.kp-anthem__grid { display: grid; grid-template-columns: .55fr 1fr; gap: 50px; align-items: start; }
@media (max-width: 860px) { .kp-anthem__grid { grid-template-columns: 1fr; } }
.kp-anthem__art { border-radius: var(--radius-lg); overflow: hidden; border: 1px solid rgba(111,230,255,.2); position: sticky; top: 110px; box-shadow: 0 30px 80px -30px rgba(255,62,136,.25); }
.kp-anthem__art img { width: 100%; display: block; }
.kp-anthem__list h2 { font-size: var(--fs-h2); margin: .5rem 0 1.6rem; }
.kp-anthem__release { font-family: var(--font-mono); font-size: .82rem; letter-spacing: .06em; text-transform: uppercase; color: var(--kp-riot); margin: 2rem 0 .6rem; padding-top: 1.2rem; border-top: 1px solid var(--line-soft); }
.kp-anthem__release:first-of-type { margin-top: 0; border-top: none; padding-top: 0; }
.kp-anthem__release span { color: var(--mist-dim); font-weight: 400; margin-left: 10px; }

.kp-live { position: relative; min-height: 60vh; display: flex; align-items: center; overflow: hidden; }
.kp-live__bg { position: absolute; inset: 0; background-size: cover; background-position: center; background-attachment: fixed; }
@media (max-width: 760px) { .kp-live__bg { background-attachment: scroll; } }
.kp-live__scrim { position: absolute; inset: 0; background: linear-gradient(to right, rgba(7,12,20,.92) 20%, rgba(7,12,20,.5) 70%); }
.kp-live__content { position: relative; z-index: 2; max-width: 640px; padding: 5rem 0; }
.kp-live__content h2 { font-size: var(--fs-h2); margin: .6rem 0 1rem; color: #fff; }
.kp-live__content p { color: var(--mist); font-size: var(--fs-lead); line-height: 1.7; }

.kp-bio__grid { display: grid; grid-template-columns: .7fr 1fr; gap: 50px; align-items: center; }
@media (max-width: 860px) { .kp-bio__grid { grid-template-columns: 1fr; } }
.kp-bio__card { border-radius: var(--radius-lg); overflow: hidden; border: 1px solid rgba(232,178,76,.25); box-shadow: 0 30px 70px -30px rgba(232,178,76,.2); }
.kp-bio__card img { width: 100%; display: block; }
.kp-bio h2 { font-size: var(--fs-h2); margin: .5rem 0 1.1rem; }
.kp-bio p { color: var(--mist); font-size: var(--fs-lead); line-height: 1.75; margin-bottom: 1.1rem; }
.kp-bio p:first-of-type { color: var(--pearl); }

.view-king-ping .track-row.is-active .track-row__title { color: var(--kp-frost); }
.view-king-ping .track-row__eq span { background: var(--kp-riot); }
.view-king-ping .track-row:hover { background: rgba(111,230,255,.06); }