
/* BHK V5.0.49 — Public CSS compatibility stub.
   The former monolithic public stylesheet was split into lane files:
   bhk-v5-colour-authority.css, bhk-v5-shell.css, bhk-v5-rail.css,
   bhk-v5-viewer.css, bhk-v5-home.css, bhk-v5-bio.css, and bhk-v5-news.css.
   WordPress enqueues those lanes in functions.php; keep this file as a tiny legacy handle target. */

/* V5.0.175 — Final global vinyl authority guard.
   This file loads after section CSS, so it neutralizes legacy/per-section vinyl offsets and square fallbacks while enforcing the 880px / left-side 50% jacket home model for all vinyl records. */
@media (min-width: 1161px) {
  .bhk-v5-section [data-bhk-v5-vinyl].bhk-v5-vinylRecord {
    --v5-vinyl-exposed-resting: 50%;
    --v5-vinyl-exposed-extended: 50%;
    --v5-vinyl-x-resting: -50%;
    --v5-vinyl-x-extended: -50%;
    --v5-vinyl-x-current: var(--v5-vinyl-x-resting);
    --v5-vinyl-rotation-resting: -.35deg;
    --v5-vinyl-rotation-extended: -1.4deg;
    --v5-vinyl-rotation-current: var(--v5-vinyl-rotation-resting);
    --v5-vinyl-size-global: 880px;
    --v5-vinyl-top-global: calc((var(--v5-home-backdrop-size, 920px) - var(--v5-vinyl-size-global, 880px)) / 2);
    position: absolute !important;
    z-index: 1 !important;
    top: calc((var(--v5-home-backdrop-size, 920px) - var(--v5-vinyl-size-global, 880px)) / 2) !important;
    left: 0 !important;
    right: auto !important;
    width: var(--v5-vinyl-size-global, 880px) !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 50% !important;
    transform: translate3d(var(--v5-vinyl-x-current), 0, 0) rotate(var(--v5-vinyl-rotation-current));
    transform-origin: 50% 50%;
  }

  .bhk-v5-section.is-sleeve-open [data-bhk-v5-vinyl].bhk-v5-vinylRecord {
    --v5-vinyl-x-current: var(--v5-vinyl-x-extended);
    --v5-vinyl-rotation-current: var(--v5-vinyl-rotation-extended);
  }
}

.bhk-v5-section--faq [data-bhk-v5-vinyl].bhk-v5-vinylRecord {
  display: none !important;
}

@media (max-width: 1160px) {
  [data-bhk-v5-vinyl].bhk-v5-vinylRecord {
    display: none !important;
  }
}


/* V5.0.369 — Universal Vinyl SIDE B Label Scale / Sleeve Record Parity.
   Scope: all shared [data-bhk-v5-vinyl].bhk-v5-vinylRecord sleeve triggers.
   Purpose: keep the V5.0.368 SIDE B idea, reduce the label/text scale slightly,
   and apply the printed center label to every section vinyl record that exists. */
@media (min-width: 1161px) {
  .bhk-v5-section [data-bhk-v5-vinyl].bhk-v5-vinylRecord {
    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 [data-bhk-v5-vinyl].bhk-v5-vinylRecord .bhk-v5-vinyl__label {
    position: absolute !important;
    inset: 34.1% !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) 32%, transparent);
    background:
      radial-gradient(circle at 50% 50%, #020106 0 7.2%, color-mix(in srgb, var(--v5-line-strong) 38%, #020106 62%) 7.5% 10.2%, transparent 10.8%),
      radial-gradient(circle at 43% 33%, color-mix(in srgb, var(--v5-vinyl-glint, var(--v5-text)) 38%, transparent), transparent 27%),
      radial-gradient(circle at 64% 72%, rgba(0,0,0,.36), transparent 36%),
      repeating-radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--v5-proof) 7%, transparent) 0 1px, transparent 1px 18px),
      radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--v5-vinyl-edge, var(--v5-surface-2)) 82%, #000 18%) 0 54%, color-mix(in srgb, var(--v5-vinyl-plum, var(--v5-surface-3)) 78%, #000 22%) 55% 100%);
    box-shadow:
      0 0 30px rgba(0,0,0,.52),
      inset 0 0 30px rgba(0,0,0,.56),
      inset 0 1px 0 color-mix(in srgb, var(--v5-proof) 13%, transparent),
      inset 0 0 0 8px color-mix(in srgb, var(--v5-proof) 4%, transparent);
    pointer-events: none !important;
    transform-origin: 50% 50%;
  }

  .bhk-v5-section [data-bhk-v5-vinyl].bhk-v5-vinylRecord .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(34px, 4.4vw, 62px);
    line-height: .82;
    font-weight: 950;
    letter-spacing: .082em;
    text-transform: uppercase;
    text-align: center;
    text-shadow:
      0 1px 0 rgba(255,255,255,.12),
      0 0 16px color-mix(in srgb, var(--v5-signal) 18%, transparent),
      0 10px 20px rgba(0,0,0,.40);
    transform: rotate(.35deg);
    pointer-events: none !important;
  }

  .bhk-v5-section [data-bhk-v5-vinyl].bhk-v5-vinylRecord .bhk-v5-vinyl__label::after {
    content: "";
    position: absolute;
    inset: 42.8%;
    display: block;
    border-radius: 50% !important;
    background:
      radial-gradient(circle at 50% 50%, #010004 0 38%, color-mix(in srgb, var(--v5-line-strong) 34%, transparent) 39% 58%, rgba(0,0,0,.54) 60% 100%);
    box-shadow:
      inset 0 0 8px rgba(0,0,0,.9),
      0 0 14px color-mix(in srgb, var(--v5-proof) 11%, transparent);
    pointer-events: none !important;
  }
}
