/* ===========================================================================
   PARITY OVERRIDES — generated by tests/visual/generate-parity.mjs

   Every declaration here is a MEASURED value from production, applied to the
   element that differed in the deep audit. Loaded last so it wins on cascade
   order without editing the component files.

   Regenerate: node tests/visual/generate-parity.mjs <base-url>
   =========================================================================== */
.nav-links a {
  /* Measured on production at 1440. */
  font-size: 13px;
  line-height: 15.6px;
  letter-spacing: 1.04px;
  color: rgb(255, 255, 255);
}

@media (max-width: 809.98px) {
  .nav-links a {
    /* Measured on production at 390 — genuinely different from desktop. */
    font-size: 11px;
    line-height: 11px;
    letter-spacing: 1.1px;
    color: rgba(255, 255, 255, 0.5);
  }
}
p.eyebrow {
  /* Production: 13.2px. An earlier generated rule set `normal` globally, which
     collapsed every section eyebrow and cost the page ~130px of height. */
  line-height: 13.2px;
  text-align: start;
}
p.sp-genre {
  /* The release-rail genre label. Production renders this at 13px / 300 /
     rgba(255,255,255,.5), text-transform none, line-height normal (measured
     live at y=2512 inside .sp-rail). An earlier pass generated this rule from
     the HERO genre label instead — 11px/400/2.2px/uppercase/gold — and its
     higher specificity was overriding the correct base rule in index.html. */
  text-align: center;
  line-height: normal;
}
p.eyebrow.testimonial-eyebrow {
  /* Centred, like .booking-eyebrow. Without matching p.eyebrow's specificity
     the element selector's `text-align: start` wins and the eyebrow sits hard
     left while the rest of the section is centred. */
  text-align: center;
  line-height: 13.2px;
}
p.eyebrow.booking-eyebrow {
  text-align: center;
  line-height: 11px;
}
span.field-label-alt {
  color: rgba(255, 255, 255, 0.5);
  line-height: 19.2px;
}
a.epk-link {
  line-height: 14.4px;
}
h2.epk-h2 {
  line-height: 64.4px;
}
a.epk-btn {
  line-height: 14.4px;
  color: rgb(13, 12, 11);
  text-align: start;
}
p.eyebrow.epk-cta-eyebrow {
  line-height: 13.2px;
  text-align: start;
}
p.sp-year {
  line-height: normal;
}
span.hero-vinyl-mark {
  text-align: center;
  line-height: 16px;
  color: rgba(201, 168, 76, 0.9);
}
.about-figure figcaption {
  line-height: 15.4px;
  color: rgb(0, 0, 0);
}
.sp-releases h2 {
  line-height: normal;
}
span.primary {
  line-height: normal;
}
a.primary {
  line-height: normal;
}
p.watch-category {
  line-height: normal;
}
p.watch-video-title {
  line-height: normal;
}
.sp-shows h2 {
  line-height: normal;
}
p.sp-shows-where {
  line-height: normal;
}
time.sp-shows-date {
  line-height: normal;
}
p.sp-shows-time {
  line-height: normal;
}
.sp-newsletter button {
  line-height: normal;
  color: rgb(10, 10, 10);
}
.field span {
  line-height: 10px;
}
button.booking-submit {
  text-align: start;
  line-height: 11px;
}
p.footer-copy {
  line-height: 12px;
}
a.epk-hero-cta {
  text-align: start;
}
.epk-quote figcaption {
  line-height: 13.2px;
}
p.epk-album-meta {
  line-height: 13.2px;
}
p.epk-album-genre {
  line-height: 13.2px;
  color: rgb(201, 168, 76);
}
.epk-tracklist li {
  line-height: 15.6px;
  color: rgba(255, 255, 255, 0.6);
}

@media (max-width: 809.98px) {
  media (max-width: 809.98px) {
    color: rgba(255, 255, 255, 0.5);
    font-family: Playfair Display;
    font-weight: 700;
    text-transform: none;
  }
  p.eyebrow {
    line-height: normal;
    text-align: start;
  }
  p.sp-genre {
    /* See the base rule: rail genre label, not the hero one. */
    text-align: center;
  }
  p.eyebrow.booking-eyebrow {
    text-align: center;
    line-height: 11px;
  }
  span.field-label-alt {
    color: rgba(255, 255, 255, 0.5);
    line-height: 19.2px;
  }
  a.epk-link {
    line-height: 14.4px;
  }
  h2.epk-h2 {
    line-height: 41.4px;
  }
  a.epk-btn {
    line-height: 14.4px;
    color: rgb(13, 12, 11);
    text-align: start;
  }
  p.eyebrow.epk-cta-eyebrow {
    line-height: 13.2px;
    text-align: start;
  }
  p.sp-year {
    line-height: normal;
  }
  .nav-links a {
    font-size: 11px;
    letter-spacing: 1.1px;
    line-height: 11px;
    color: rgba(255, 255, 255, 0.5);
    font-family: Playfair Display;
    font-weight: 700;
    text-transform: none;
  }
  .about-figure figcaption {
    line-height: 15.4px;
    color: rgb(0, 0, 0);
  }
  .sp-releases h2 {
    line-height: normal;
  }
  span.primary {
    line-height: normal;
  }
  a.primary {
    line-height: normal;
  }
  p.watch-category {
    line-height: normal;
  }
  p.watch-video-title {
    line-height: normal;
  }
  .sp-shows h2 {
    line-height: normal;
  }
  p.sp-shows-where {
    line-height: normal;
  }
  time.sp-shows-date {
    line-height: normal;
  }
  p.sp-shows-time {
    line-height: normal;
  }
  .sp-newsletter button {
    line-height: normal;
    color: rgb(10, 10, 10);
  }
  .field span {
    line-height: 10px;
  }
  button.booking-submit {
    text-align: start;
    line-height: 11px;
  }
  p.footer-copy {
    line-height: 12px;
  }
  .epk-stats dt {
    text-align: center;
  }
  p.epk-hero-sub {
    font-size: 11px;
    letter-spacing: 1.98px;
    line-height: 13.2px;
  }
  a.epk-hero-cta {
    text-align: start;
  }
  h2.epk-bio-title {
    font-size: 28px;
    letter-spacing: -0.56px;
    line-height: 32.2px;
  }
  .epk-stats dd {
    text-align: center;
  }
  .epk-quote figcaption {
    line-height: 13.2px;
  }
  p.epk-album-meta {
    line-height: 13.2px;
  }
  h3.epk-album-title {
    font-size: 28px;
    letter-spacing: -0.56px;
    line-height: 33.6px;
  }
  p.epk-album-genre {
    line-height: 13.2px;
    color: rgb(201, 168, 76);
  }
  .epk-tracklist li {
    line-height: 15.6px;
    color: rgba(255, 255, 255, 0.6);
  }
}
