/* BHK V5.0.49 — BIO jacket/sleeve lane. Extracted from bhk-v5-public.css. */

/* V5.0.15 — BIO Jacket/Sleeve Direction Lock
   BIO uses the same physical dimensions as HOME: 920x920 backdrop, 900x900 jacket, 890x890 sleeve.
   Colour resolves through existing V5 role variables only. */
.bhk-v5-section--bio {
  --v5-bio-backdrop-size: var(--v5-home-backdrop-size);
  --v5-bio-jacket-size: var(--v5-home-jacket-size);
  --v5-bio-sleeve-size: var(--v5-home-sleeve-size);
  min-height: var(--v5-bio-backdrop-size);
}
.bhk-v5-bio-backdrop {
  position: relative;
  width: var(--v5-bio-backdrop-size);
  height: var(--v5-bio-backdrop-size);
  min-width: var(--v5-bio-backdrop-size);
  min-height: var(--v5-bio-backdrop-size);
  isolation: isolate;
  overflow: visible;
  border: 1px solid color-mix(in srgb, var(--v5-line-strong) 40%, var(--v5-line));
  border-top-width: 3px;
  border-top-color: color-mix(in srgb, var(--v5-line-strong) 68%, var(--v5-line));
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--v5-proof) 7%, transparent), transparent 30%),
    radial-gradient(circle at 76% 16%, color-mix(in srgb, var(--v5-accent) 14%, transparent), transparent 28rem),
    var(--v5-surface);
  box-shadow: 0 26px 70px var(--v5-shadow);
}
.bhk-v5-bio-backdrop::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    repeating-linear-gradient(78deg, transparent 0 42px, color-mix(in srgb, var(--v5-line-strong) 12%, transparent) 42px 43px),
    radial-gradient(circle at 22% 84%, color-mix(in srgb, var(--v5-signal) 10%, transparent), transparent 24rem);
  opacity: .36;
}
.bhk-v5-bio-backdrop::after,
.bhk-v5-bio-jacket::before,
.bhk-v5-bio-jacket::after,
.bhk-v5-bio-sleeve::before,
.bhk-v5-bio-sleeve::after {
  content: none !important;
  display: none !important;
}
.bhk-v5-bio-jacket {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 2;
  width: var(--v5-bio-jacket-size);
  height: var(--v5-bio-jacket-size);
  min-height: var(--v5-bio-jacket-size);
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(286px, .82fr);
  gap: clamp(18px, 3vw, 34px);
  align-items: end;
  padding: clamp(28px, 4.2vw, 48px);
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--v5-line-strong) 46%, var(--v5-line));
  border-top-width: 3px;
  border-top-color: color-mix(in srgb, var(--v5-line-strong) 72%, var(--v5-line));
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--v5-surface-3) 60%, transparent), color-mix(in srgb, var(--v5-page) 88%, transparent)),
    radial-gradient(circle at 78% 16%, color-mix(in srgb, var(--v5-signal) 12%, transparent), transparent 24rem),
    radial-gradient(circle at 18% 86%, color-mix(in srgb, var(--v5-accent) 14%, transparent), transparent 22rem),
    color-mix(in srgb, var(--v5-surface-2) 88%, var(--v5-page));
}
.bhk-v5-bio-jacket__copy {
  position: relative;
  z-index: 2;
  max-width: 620px;
  align-self: end;
  padding-bottom: clamp(10px, 2vw, 24px);
}
.bhk-v5-bio-jacket__copy h3 {
  margin: 16px 0 18px;
  max-width: 620px;
  color: var(--v5-proof);
  font-size: clamp(46px, 6.4vw, 86px);
  line-height: .9;
  letter-spacing: -.075em;
  text-transform: uppercase;
  text-wrap: balance;
  text-shadow: 0 18px 56px color-mix(in srgb, var(--v5-shadow) 78%, transparent);
}
.bhk-v5-bio-jacket__copy p {
  max-width: 590px;
  margin: 0;
  color: color-mix(in srgb, var(--v5-text) 78%, var(--v5-muted));
  font-size: clamp(15px, 1.45vw, 19px);
  line-height: 1.38;
}
.bhk-v5-bio-jacket__note {
  margin-top: 14px !important;
  color: var(--v5-muted) !important;
}
.bhk-v5-bio-jacket .bhk-v5-proof {
  max-width: 640px;
  margin-top: 18px;
}
.bhk-v5-bio-jacket .bhk-v5-proof span,
.bhk-v5-bioChips span,
.bhk-v5-bioProofChips span,
.bhk-v5-bioProofChips button,
.bhk-v5-bioLinks a {
  border-color: color-mix(in srgb, var(--v5-line-strong) 30%, var(--v5-line));
  background: color-mix(in srgb, var(--v5-surface-3) 58%, transparent);
}
.bhk-v5-bioChips,
.bhk-v5-bioProofChips,
.bhk-v5-bioLinks {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}
.bhk-v5-bioChips span,
.bhk-v5-bioProofChips span,
.bhk-v5-bioProofChips button,
.bhk-v5-bioLinks a {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 9px 11px;
  border: 1px solid color-mix(in srgb, var(--v5-line-strong) 24%, var(--v5-line));
  color: var(--v5-text);
  text-decoration: none;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.bhk-v5-bioProofChips button {
  font-family: inherit;
  cursor: pointer;
  background: color-mix(in srgb, var(--v5-surface-3) 64%, transparent);
}
.bhk-v5-bioLinks a:first-child {
  border-color: color-mix(in srgb, var(--v5-line-strong) 60%, var(--v5-line));
  background: linear-gradient(90deg, color-mix(in srgb, var(--v5-accent) 62%, var(--v5-surface)), color-mix(in srgb, var(--v5-signal) 54%, var(--v5-surface)));
  color: var(--v5-proof);
}
.bhk-v5-bioLinks a:hover,
.bhk-v5-bioChips span:hover,
.bhk-v5-bioProofChips span:hover,
.bhk-v5-bioProofChips button:hover,
.bhk-v5-bioProofChips button:focus-visible {
  border-color: color-mix(in srgb, var(--v5-line-strong) 68%, var(--v5-line));
}
.bhk-v5-bio-jacket__portrait {
  position: relative;
  z-index: 2;
  display: grid;
  gap: 14px;
  align-self: stretch;
  align-content: end;
  pointer-events: none;
}
.bhk-v5-bio-jacket__portrait img,
.bhk-v5-bio-jacket__portraitFallback {
  width: 100%;
  aspect-ratio: 1 / 1.12;
  object-fit: cover;
  border: 1px solid color-mix(in srgb, var(--v5-line-strong) 34%, var(--v5-line));
  background: color-mix(in srgb, var(--v5-surface-3) 74%, transparent);
  filter: saturate(.92) contrast(1.04) brightness(.88);
}
.bhk-v5-bio-jacket__portraitFallback {
  display: grid;
  place-items: end start;
  padding: 18px;
}
.bhk-v5-bio-jacket__portraitFallback span,
.bhk-v5-bio-jacket__portraitFallback strong {
  display: block;
  text-transform: uppercase;
  letter-spacing: .14em;
}
.bhk-v5-bio-jacket__portraitFallback span { color: var(--v5-signal); font-size: 10px; font-weight: 900; }
.bhk-v5-bio-jacket__portraitFallback strong { color: var(--v5-text); font-size: 13px; }
.bhk-v5-bioProofChips {
  pointer-events: auto;
}
.bhk-v5-bio-jacket__meta {
  position: absolute;
  top: 18px;
  right: 18px;
  display: grid;
  gap: 7px;
  text-align: right;
  opacity: .72;
}
.bhk-v5-bio-jacket__meta span {
  display: inline-block;
  color: var(--v5-signal);
  font-size: 11px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: .22em;
  text-transform: uppercase;
}
.bhk-v5-bio-sleeve {
  position: absolute;
  z-index: 7;
  top: 15px;
  left: 15px;
  width: var(--v5-bio-sleeve-size);
  height: var(--v5-bio-sleeve-size);
  min-width: var(--v5-bio-sleeve-size);
  min-height: var(--v5-bio-sleeve-size);
  overflow: auto;
  transform: translateX(-106%);
  opacity: 0;
  pointer-events: none;
  border: 1px solid color-mix(in srgb, var(--v5-accent) 46%, var(--v5-line));
  border-top-width: 3px;
  border-top-color: color-mix(in srgb, var(--v5-line-strong) 70%, var(--v5-accent));
  background:
    radial-gradient(circle at 74% 18%, color-mix(in srgb, var(--v5-signal) 10%, transparent), transparent 28rem),
    color-mix(in srgb, var(--v5-surface) 94%, var(--v5-page));
  box-shadow: 0 28px 80px var(--v5-shadow);
}
.bhk-v5-section--bio.is-sleeve-open .bhk-v5-bio-sleeve {
  transform: translateX(0);
  opacity: 1;
  pointer-events: auto;
}
.bhk-v5-section--bio.is-sleeve-open .bhk-v5-bio-jacket {
  filter: saturate(.88) brightness(.74);
}
html.has-bhk-v5-gsap .bhk-v5-bio-sleeve,
html.has-bhk-v5-gsap .bhk-v5-bio-jacket {
  transition: none;
}
.bhk-v5-bio-sleeve__body {
  padding: clamp(28px, 5vw, 58px);
}
.bhk-v5-bio-sleeve__body h3 {
  margin: 0 0 18px;
  font-size: clamp(38px, 6vw, 72px);
  line-height: .92;
  letter-spacing: -.06em;
  text-transform: uppercase;
  text-wrap: balance;
}
.bhk-v5-bio-sleeve__intro {
  max-width: 720px;
  margin-bottom: 22px;
}
.bhk-v5-bio-sleeve .bhk-v5-sleeveGrid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.bhk-v5-bio-sleeve .bhk-v5-sleeveCard {
  min-height: 190px;
  border-color: color-mix(in srgb, var(--v5-line-strong) 24%, var(--v5-line));
  background: color-mix(in srgb, var(--v5-surface-2) 78%, transparent);
}
.bhk-v5-bio-sleeve .bhk-v5-sleeveCard h4 {
  color: var(--v5-text);
}
.bhk-v5-bio-sleeve .bhk-v5-sleeveCard p {
  line-height: 1.48;
}
.bhk-v5-bio-vinyl {
  /* V5.0.127 — global vinyl authority owns position, size, z-order, and exposure. */
}

/* V5.0.368 — Bio Vinyl SIDE B Center Label Scale Pass.
   Scope: bhk-v5-polish-object.section.bio.vinylRecord.
   Purpose: enlarge the Bio record center label into a readable album-side label
   without moving the global vinyl record, sleeve geometry, rail, or data lanes. */
.bhk-v5-section--bio .bhk-v5-bio-vinyl {
  isolation: isolate;
  overflow: hidden;
  border-radius: 50% !important;
  -webkit-mask-image: radial-gradient(circle at 50% 50%, #000 0 99.45%, transparent 100%);
  mask-image: radial-gradient(circle at 50% 50%, #000 0 99.45%, transparent 100%);
  clip-path: circle(50% at 50% 50%);
}

.bhk-v5-section--bio .bhk-v5-bio-vinyl .bhk-v5-vinyl__label {
  inset: 31.8% !important;
  display: grid !important;
  place-items: center;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  overflow: hidden !important;
  border-radius: 50% !important;
  border: 1px solid color-mix(in srgb, var(--v5-line-strong) 34%, transparent);
  background:
    radial-gradient(circle at 50% 50%, #020106 0 7.4%, color-mix(in srgb, var(--v5-line-strong) 42%, #020106 58%) 7.6% 10.4%, transparent 10.8%),
    radial-gradient(circle at 43% 33%, color-mix(in srgb, var(--v5-vinyl-glint) 44%, transparent), transparent 27%),
    radial-gradient(circle at 64% 72%, rgba(0,0,0,.38), transparent 36%),
    repeating-radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--v5-proof) 8%, transparent) 0 1px, transparent 1px 19px),
    radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--v5-vinyl-edge) 82%, #000 18%) 0 54%, color-mix(in srgb, var(--v5-vinyl-plum) 78%, #000 22%) 55% 100%);
  box-shadow:
    0 0 34px rgba(0,0,0,.54),
    inset 0 0 34px rgba(0,0,0,.58),
    inset 0 1px 0 color-mix(in srgb, var(--v5-proof) 14%, transparent),
    inset 0 0 0 10px color-mix(in srgb, var(--v5-proof) 4%, transparent);
  pointer-events: none !important;
  transform-origin: 50% 50%;
}

.bhk-v5-section--bio .bhk-v5-bio-vinyl .bhk-v5-vinyl__label::before {
  content: "SIDE B";
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  padding-top: .04em;
  color: var(--v5-proof);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: clamp(40px, 5.4vw, 78px);
  line-height: .8;
  font-weight: 950;
  letter-spacing: .075em;
  text-transform: uppercase;
  text-align: center;
  text-shadow:
    0 1px 0 rgba(255,255,255,.12),
    0 0 18px color-mix(in srgb, var(--v5-signal) 20%, transparent),
    0 12px 22px rgba(0,0,0,.42);
  transform: rotate(.45deg);
  pointer-events: none !important;
}

.bhk-v5-section--bio .bhk-v5-bio-vinyl .bhk-v5-vinyl__label::after {
  content: "";
  position: absolute;
  inset: 43.2%;
  display: block;
  border-radius: 50% !important;
  background:
    radial-gradient(circle at 50% 50%, #010004 0 38%, color-mix(in srgb, var(--v5-line-strong) 36%, transparent) 39% 58%, rgba(0,0,0,.54) 60% 100%);
  box-shadow:
    inset 0 0 8px rgba(0,0,0,.92),
    0 0 16px color-mix(in srgb, var(--v5-proof) 12%, transparent);
  pointer-events: none !important;
}

@media (max-width: 980px) {
  .bhk-v5-bio-jacket {
    grid-template-columns: 1fr;
    align-items: stretch;
  }
  .bhk-v5-bio-jacket__portrait {
    display: none;
  }
}
@media (max-width: 760px) {
  .bhk-v5-section--bio,
  .bhk-v5-bio-backdrop {
    width: 100%;
    min-width: 0;
    height: auto;
    min-height: 0;
  }
  .bhk-v5-bio-jacket {
    position: relative;
    inset: auto;
    width: 100%;
    height: auto;
    min-height: 620px;
    padding: 26px;
  }
  .bhk-v5-bio-sleeve {
    position: relative;
    inset: auto;
    display: none;
    width: 100%;
    min-width: 0;
    height: auto;
    min-height: auto;
    margin-top: 12px;
    transform: none;
  }
  .bhk-v5-section--bio.is-sleeve-open .bhk-v5-bio-sleeve {
    display: block;
  }
  .bhk-v5-bio-jacket__copy h3 {
    font-size: clamp(42px, 13vw, 68px);
  }
  .bhk-v5-bioLinks,
  .bhk-v5-bioChips,
  .bhk-v5-bioProofChips {
    display: grid;
    grid-template-columns: 1fr;
  }
  .bhk-v5-bio-sleeve .bhk-v5-sleeveGrid {
    grid-template-columns: 1fr;
  }
}


/* V5.0.38 — BIO sleeve liner notes + jacket proof focus controls */
.bhk-v5-proof button {
  min-height: 62px;
  display: grid;
  align-content: center;
  padding: 11px;
  border: 1px solid var(--v5-line);
  background: color-mix(in srgb, var(--v5-surface-3) 72%, transparent);
  color: var(--v5-text);
  font: inherit;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-align: left;
  text-transform: uppercase;
  cursor: pointer;
}
.bhk-v5-bio-jacket .bhk-v5-proof button {
  border-color: color-mix(in srgb, var(--v5-line-strong) 30%, var(--v5-line));
  background: color-mix(in srgb, var(--v5-surface-3) 58%, transparent);
  color: var(--v5-text);
}
.bhk-v5-bio-jacket .bhk-v5-proof button:hover,
.bhk-v5-bio-jacket .bhk-v5-proof button:focus-visible {
  border-color: color-mix(in srgb, var(--v5-line-strong) 72%, var(--v5-line));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--v5-line-strong) 26%, transparent), 0 0 22px color-mix(in srgb, var(--v5-accent) 22%, transparent);
}
.bhk-v5-bio-jacket__meta {
  display: none !important;
}
.bhk-v5-bio-sleeve .bhk-v5-sleeveCard[data-bhk-v5-sleeve-block] {
  scroll-margin-block: 80px;
  outline: 0 solid transparent;
  transition: border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;
}
.bhk-v5-bio-sleeve .bhk-v5-sleeveCard.is-focused {
  border-color: color-mix(in srgb, var(--v5-line-strong) 76%, var(--v5-accent));
  background: color-mix(in srgb, var(--v5-surface-3) 82%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--v5-line-strong) 32%, transparent), 0 22px 44px color-mix(in srgb, var(--v5-shadow) 74%, transparent);
}

/* V5.0.75 — BIO sleeve header removal + award card top row */
.bhk-v5-bio-sleeve .bhk-v5-sleeveCard[data-bhk-v5-sleeve-block="ascap-rhythm-soul-music-award"] {
  order: 1;
}
.bhk-v5-bio-sleeve .bhk-v5-sleeveCard[data-bhk-v5-sleeve-block="grammy-award-certificate"] {
  order: 2;
}
.bhk-v5-bio-sleeve .bhk-v5-sleeveCard[data-bhk-v5-sleeve-block="ascap-rhythm-soul-music-award"],
.bhk-v5-bio-sleeve .bhk-v5-sleeveCard[data-bhk-v5-sleeve-block="grammy-award-certificate"] {
  border-color: color-mix(in srgb, var(--v5-line-strong) 42%, var(--v5-line));
  background: color-mix(in srgb, var(--v5-surface-3) 78%, transparent);
}

/* V5.0.164 — Home to Bio seam closure + Bio premium polish pass.
   BIO-only visual polish. Preserves 920/900/890 geometry, sleeve behavior, data lanes, rail, colour authority, viewer, mobile, API, and no-rounded public shell discipline. */
@media (min-width: 761px) {
  .bhk-v5-layout > .bhk-v5-track > #bhk-v5-home.bhk-v5-section--home,
  .bhk-v5-layout > .bhk-v5-track > .bhk-v5-section--home {
    margin-bottom: 0 !important;
  }

  .bhk-v5-layout > .bhk-v5-track > #bhk-v5-home + #bhk-v5-bio,
  .bhk-v5-layout > .bhk-v5-track > .bhk-v5-section--home + .bhk-v5-section--bio,
  #bhk-v5-home + #bhk-v5-bio {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}

.bhk-v5-bio-backdrop {
  border-top-color: color-mix(in srgb, var(--v5-signal) 46%, var(--v5-line-strong));
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--v5-proof) 9%, transparent), transparent 24%),
    linear-gradient(90deg, color-mix(in srgb, var(--v5-page) 42%, transparent), transparent 38%, color-mix(in srgb, var(--v5-accent) 8%, transparent)),
    radial-gradient(circle at 76% 16%, color-mix(in srgb, var(--v5-accent) 16%, transparent), transparent 28rem),
    var(--v5-surface);
  box-shadow:
    0 30px 84px color-mix(in srgb, var(--v5-shadow) 92%, transparent),
    0 0 0 1px color-mix(in srgb, var(--v5-line-strong) 14%, transparent);
}

.bhk-v5-bio-jacket {
  border-top-color: color-mix(in srgb, var(--v5-line-strong) 62%, var(--v5-signal));
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--v5-surface-3) 66%, transparent), color-mix(in srgb, var(--v5-page) 90%, transparent)),
    radial-gradient(circle at 78% 16%, color-mix(in srgb, var(--v5-signal) 15%, transparent), transparent 24rem),
    radial-gradient(circle at 18% 86%, color-mix(in srgb, var(--v5-accent) 15%, transparent), transparent 22rem),
    color-mix(in srgb, var(--v5-surface-2) 90%, var(--v5-page));
}

.bhk-v5-bio-jacket__copy h3 {
  margin-top: 14px;
  margin-bottom: 16px;
  letter-spacing: -.078em;
  text-shadow:
    0 0 28px color-mix(in srgb, var(--v5-accent) 18%, transparent),
    0 20px 54px color-mix(in srgb, var(--v5-shadow) 78%, transparent);
}

.bhk-v5-bio-jacket__copy p {
  max-width: 600px;
  font-weight: 620;
  color: color-mix(in srgb, var(--v5-text) 80%, var(--v5-muted));
}

.bhk-v5-bio-jacket__note {
  max-width: 570px;
  color: color-mix(in srgb, var(--v5-text) 68%, var(--v5-muted)) !important;
}

.bhk-v5-bio-jacket__portrait {
  padding: 10px;
  border: 1px solid color-mix(in srgb, var(--v5-line-strong) 28%, var(--v5-line));
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--v5-proof) 5%, transparent), color-mix(in srgb, var(--v5-page) 28%, transparent)),
    color-mix(in srgb, var(--v5-surface-3) 42%, transparent);
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--v5-proof) 4%, transparent),
    0 22px 52px color-mix(in srgb, var(--v5-shadow) 72%, transparent);
}

.bhk-v5-bio-jacket__portrait img,
.bhk-v5-bio-jacket__portraitFallback {
  border-color: color-mix(in srgb, var(--v5-line-strong) 40%, var(--v5-line));
  filter: saturate(.98) contrast(1.08) brightness(.92);
}

.bhk-v5-bioChips span,
.bhk-v5-bioProofChips span,
.bhk-v5-bioProofChips button,
.bhk-v5-bioLinks a,
.bhk-v5-bio-jacket .bhk-v5-proof button {
  border-color: color-mix(in srgb, var(--v5-line-strong) 34%, var(--v5-line));
  background: color-mix(in srgb, var(--v5-surface-3) 64%, transparent);
}

.bhk-v5-bio-jacket .bhk-v5-proof button:hover,
.bhk-v5-bio-jacket .bhk-v5-proof button:focus-visible,
.bhk-v5-bioProofChips button:hover,
.bhk-v5-bioProofChips button:focus-visible {
  border-color: color-mix(in srgb, var(--v5-signal) 58%, var(--v5-line-strong));
  background: color-mix(in srgb, var(--v5-accent) 18%, var(--v5-surface));
  color: var(--v5-proof);
}