/* BHK V5.0.119 — Projects V4-inspired jacket/sleeve polish.
   Scope: Projects only. Preserve 920/900/890 geometry, rail authority, colour authority, and squared public shell discipline. */

.bhk-v5-album--projects {
  position: relative;
  width: var(--v5-home-backdrop-size, 920px);
  min-height: var(--v5-home-backdrop-size, 920px);
  display: grid;
  place-items: center;
  overflow: visible;
  border: 1px solid var(--v5-line, rgba(255,255,255,.18));
  border-radius: var(--v5-public-shell-radius, 0px);
  background:
    radial-gradient(circle at 12% 12%, color-mix(in srgb, var(--v5-signal, #ff2fd5) 13%, transparent), transparent 18rem),
    radial-gradient(circle at 86% 16%, color-mix(in srgb, var(--v5-accent, #8f64ff) 20%, transparent), transparent 22rem),
    linear-gradient(135deg, color-mix(in srgb, var(--v5-surface-2, #170b25) 88%, transparent), var(--v5-page, #05030a));
  box-shadow: 0 28px 70px var(--v5-shadow, rgba(0,0,0,.62));
}

.bhk-v5-projectsCover {
  position: absolute;
  inset: 10px;
  width: var(--v5-home-jacket-size, 900px);
  height: var(--v5-home-jacket-size, 900px);
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--v5-line-strong, #dac8ff) 42%, transparent);
  border-radius: var(--v5-public-shell-radius, 0px);
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--v5-line, #3b2852) 20%, transparent) 1px, transparent 1px),
    linear-gradient(0deg, color-mix(in srgb, var(--v5-line, #3b2852) 14%, transparent) 1px, transparent 1px),
    radial-gradient(circle at 84% 14%, color-mix(in srgb, var(--v5-signal, #ff2fd5) 18%, transparent), transparent 25rem),
    radial-gradient(circle at 14% 78%, color-mix(in srgb, var(--v5-accent, #8f64ff) 18%, transparent), transparent 24rem),
    linear-gradient(160deg, color-mix(in srgb, var(--v5-surface, #100719) 94%, transparent), var(--v5-page, #05030a));
  background-size: 48px 48px, 48px 48px, auto, auto, auto;
  color: var(--v5-text, #f8f2ff);
}

.bhk-v5-projectsCover::before,
.bhk-v5-projectsCover::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.bhk-v5-projectsCover::before {
  inset: 22px;
  border: 1px solid color-mix(in srgb, var(--v5-line, #3b2852) 72%, transparent);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--v5-proof, #fff) 5%, transparent);
}

.bhk-v5-projectsCover::after {
  inset: 0;
  background:
    linear-gradient(115deg, transparent 0 48%, color-mix(in srgb, var(--v5-line-strong, #dac8ff) 12%, transparent) 49%, transparent 52%),
    linear-gradient(180deg, color-mix(in srgb, var(--v5-proof, #fff) 5%, transparent), transparent 26%, transparent 74%, color-mix(in srgb, var(--v5-signal, #ff2fd5) 6%, transparent));
  opacity: .78;
}

.bhk-v5-projectsCover__grid {
  position: relative;
  z-index: 1;
  height: 100%;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 26px;
  padding: 52px;
}

.bhk-v5-projectsCover__copy {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(210px, .42fr);
  gap: 24px;
  align-items: end;
  min-width: 0;
  padding-bottom: 22px;
  border-bottom: 1px solid color-mix(in srgb, var(--v5-line, #3b2852) 82%, transparent);
}

.bhk-v5-projectsCover__kicker {
  display: inline-block;
  margin-bottom: 14px;
  color: var(--v5-signal, #ff2fd5);
}

.bhk-v5-projectsCover__copy h3 {
  margin: 0;
  max-width: 12ch;
  color: var(--v5-proof, #fff);
  font-size: clamp(46px, 5vw, 76px);
  line-height: .86;
  letter-spacing: -.07em;
  text-transform: uppercase;
}

.bhk-v5-projectsCover__copy p {
  max-width: 64ch;
  margin: 16px 0 0;
  color: color-mix(in srgb, var(--v5-text, #f8f2ff) 78%, transparent);
  font-size: 14px;
  font-weight: 650;
  line-height: 1.42;
}

.bhk-v5-projectsCover__signal {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  align-self: stretch;
}

.bhk-v5-projectsCover__signal span {
  display: grid;
  align-content: center;
  min-height: 82px;
  padding: 12px;
  border: 1px solid color-mix(in srgb, var(--v5-line, #3b2852) 84%, transparent);
  border-radius: var(--v5-public-control-radius, 8px);
  background: color-mix(in srgb, var(--v5-surface-2, #170b25) 64%, transparent);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--v5-proof, #fff) 5%, transparent);
}

.bhk-v5-projectsCover__signal strong,
.bhk-v5-projectsCover__signal em {
  display: block;
}

.bhk-v5-projectsCover__signal strong {
  color: var(--v5-proof, #fff);
  font-size: clamp(24px, 3vw, 38px);
  line-height: .85;
  letter-spacing: -.05em;
}

.bhk-v5-projectsCover__signal em {
  margin-top: 7px;
  color: color-mix(in srgb, var(--v5-muted, #b5a5c4) 86%, transparent);
  font-style: normal;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.bhk-v5-projectsPads {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 14px;
  min-height: 0;
}

.bhk-v5-projectsPad {
  appearance: none;
  position: relative;
  min-width: 0;
  min-height: 0;
  display: grid;
  grid-template-rows: auto 1fr auto auto;
  align-content: stretch;
  gap: 9px;
  padding: 18px 16px 16px;
  border: 1px solid color-mix(in srgb, var(--v5-line, #3b2852) 88%, transparent);
  border-radius: var(--v5-public-control-radius, 8px);
  background:
    radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--v5-proof, #fff) 8%, transparent), transparent 52%),
    linear-gradient(180deg, color-mix(in srgb, var(--v5-surface-3, #211030) 72%, transparent), color-mix(in srgb, var(--v5-page, #05030a) 92%, transparent));
  color: var(--v5-text, #f8f2ff);
  text-align: left;
  cursor: pointer;
  isolation: isolate;
  overflow: hidden;
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, var(--v5-proof, #fff) 5%, transparent),
    inset 0 0 0 1px color-mix(in srgb, var(--v5-page, #05030a) 58%, transparent),
    0 18px 38px color-mix(in srgb, var(--v5-shadow, rgba(0,0,0,.62)) 48%, transparent);
  transition:
    transform var(--v5-fast, 180ms) ease,
    border-color var(--v5-fast, 180ms) ease,
    background var(--v5-fast, 180ms) ease,
    box-shadow var(--v5-fast, 180ms) ease;
}

.bhk-v5-projectsPad::before,
.bhk-v5-projectsPad::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.bhk-v5-projectsPad::before {
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--v5-proof, #fff) 6%, transparent), transparent 35%),
    radial-gradient(circle at 92% 8%, color-mix(in srgb, var(--v5-accent, #8f64ff) 18%, transparent), transparent 42%);
  opacity: .54;
}

.bhk-v5-projectsPad::after {
  left: 15px;
  right: 15px;
  bottom: 13px;
  height: 1px;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--v5-signal, #ff2fd5) 54%, transparent), transparent);
  opacity: 0;
  transition: opacity var(--v5-fast, 180ms) ease;
}

.bhk-v5-projectsPad:hover,
.bhk-v5-projectsPad:focus-visible,
.bhk-v5-projectsPad.is-active {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--v5-line-strong, #dac8ff) 78%, transparent);
  outline: none;
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, var(--v5-proof, #fff) 8%, transparent),
    0 24px 54px color-mix(in srgb, var(--v5-shadow, rgba(0,0,0,.62)) 56%, transparent),
    0 0 26px color-mix(in srgb, var(--v5-accent, #8f64ff) 22%, transparent);
}

.bhk-v5-projectsPad:hover::after,
.bhk-v5-projectsPad:focus-visible::after,
.bhk-v5-projectsPad.is-active::after {
  opacity: 1;
}

.bhk-v5-projectsPad.is-active {
  background:
    radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--v5-proof, #fff) 11%, transparent), transparent 54%),
    linear-gradient(180deg, color-mix(in srgb, var(--v5-accent, #8f64ff) 24%, var(--v5-surface-3, #211030)), color-mix(in srgb, var(--v5-signal, #ff2fd5) 11%, var(--v5-page, #05030a)));
}

.bhk-v5-projectsPad__index,
.bhk-v5-projectsPad__lane,
.bhk-v5-projectsPad strong,
.bhk-v5-projectsPad small,
.bhk-v5-projectsPad__summary {
  display: block;
  position: relative;
  z-index: 1;
}

.bhk-v5-projectsPad__index {
  color: color-mix(in srgb, var(--v5-muted, #b5a5c4) 88%, transparent);
  font: 900 10px/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.bhk-v5-projectsPad__lane {
  justify-self: start;
  align-self: start;
  margin-top: auto;
  color: var(--v5-signal, #ff2fd5);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .16em;
  line-height: 1;
  text-transform: uppercase;
}

.bhk-v5-projectsPad strong {
  align-self: end;
  color: var(--v5-proof, #fff);
  font-size: clamp(21px, 2.4vw, 34px);
  line-height: .9;
  letter-spacing: -.055em;
}

.bhk-v5-projectsPad small {
  color: color-mix(in srgb, var(--v5-text, #f8f2ff) 72%, transparent);
  font-size: 11px;
  font-weight: 750;
  letter-spacing: .02em;
}

.bhk-v5-projectsPad__summary {
  display: -webkit-box;
  overflow: hidden;
  color: color-mix(in srgb, var(--v5-text, #f8f2ff) 60%, transparent);
  font-size: 11px;
  line-height: 1.3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.bhk-v5-projects-vinyl {
  /* V5.0.127 — global vinyl authority owns z-order, position, size, and exposure. */
}

.bhk-v5-projects-sleeve {
  border-color: color-mix(in srgb, var(--v5-accent, #8f64ff) 76%, transparent);
  border-radius: var(--v5-public-shell-radius, 0px);
}

.bhk-v5-projects-sleeve__bar {
  border-bottom-color: color-mix(in srgb, var(--v5-line-strong, #dac8ff) 38%, transparent);
}

.bhk-v5-projects-sleeve__body {
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
  gap: 14px;
  background:
    radial-gradient(circle at 88% 4%, color-mix(in srgb, var(--v5-accent, #8f64ff) 14%, transparent), transparent 19rem),
    linear-gradient(180deg, color-mix(in srgb, var(--v5-surface, #100719) 84%, transparent), color-mix(in srgb, var(--v5-page, #05030a) 94%, transparent));
}

.bhk-v5-projects-sleeve__body > h3 {
  margin: 0;
  color: var(--v5-proof, #fff);
  font-size: clamp(26px, 3vw, 44px);
  line-height: .9;
  letter-spacing: -.055em;
  text-transform: uppercase;
}

.bhk-v5-projects-sleeve__intro {
  max-width: 72ch;
  margin: 0;
  color: color-mix(in srgb, var(--v5-text, #f8f2ff) 72%, transparent);
  font-size: 13px;
  font-weight: 650;
  line-height: 1.42;
}

.bhk-v5-projectsSleeve {
  display: grid;
  min-height: 0;
}

.bhk-v5-projectsSleeve__panels {
  min-height: 0;
  overflow: auto;
  border: 1px solid color-mix(in srgb, var(--v5-line, #3b2852) 72%, transparent);
  border-radius: var(--v5-public-control-radius, 8px);
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--v5-proof, #fff) 4%, transparent), transparent 30%),
    color-mix(in srgb, var(--v5-page, #05030a) 78%, transparent);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--v5-proof, #fff) 5%, transparent);
}

.bhk-v5-projectsPanel {
  display: grid;
  gap: 16px;
  padding: 20px;
}

.bhk-v5-projectsPanel[hidden] {
  display: none !important;
}

.bhk-v5-projectsPanel__head {
  display: grid;
  gap: 8px;
  padding-bottom: 14px;
  border-bottom: 1px solid color-mix(in srgb, var(--v5-line, #3b2852) 82%, transparent);
}

.bhk-v5-projectsPanel__head span {
  color: var(--v5-signal, #ff2fd5);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.bhk-v5-projectsPanel__head h4 {
  max-width: 13ch;
  margin: 0;
  color: var(--v5-proof, #fff);
  font-size: clamp(38px, 4.8vw, 68px);
  line-height: .86;
  letter-spacing: -.07em;
}

.bhk-v5-projectsPanel__head p {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  margin: 0;
  color: color-mix(in srgb, var(--v5-text, #f8f2ff) 72%, transparent);
}

.bhk-v5-projectsPanel__head em {
  font-style: normal;
}

.bhk-v5-projectsPanel__summary {
  max-width: 76ch;
  margin: 0;
  color: var(--v5-proof, #fff);
  font-size: clamp(18px, 2vw, 24px);
  font-weight: 760;
  line-height: 1.24;
  letter-spacing: -.03em;
}

.bhk-v5-projectsPanel__layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(260px, .85fr);
  gap: 14px;
  align-items: start;
}

.bhk-v5-projectsPanel__body,
.bhk-v5-projectsPanel__feature,
.bhk-v5-projectsPanel__callout,
.bhk-v5-projectsPanel__proof span {
  border: 1px solid color-mix(in srgb, var(--v5-line, #3b2852) 82%, transparent);
  border-radius: var(--v5-public-control-radius, 8px);
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--v5-proof, #fff) 4%, transparent), color-mix(in srgb, var(--v5-proof, #fff) 2%, transparent)),
    color-mix(in srgb, var(--v5-surface-2, #170b25) 52%, transparent);
}

.bhk-v5-projectsPanel__body {
  display: grid;
  gap: 13px;
  padding: 18px;
}

.bhk-v5-projectsPanel__body p,
.bhk-v5-projectsPanel__feature p,
.bhk-v5-projectsPanel__callout p {
  margin: 0;
  color: color-mix(in srgb, var(--v5-text, #f8f2ff) 78%, transparent);
  font-size: 14px;
  font-weight: 620;
  line-height: 1.52;
}

.bhk-v5-projectsPanel__stack {
  display: grid;
  gap: 12px;
  align-content: start;
}

.bhk-v5-projectsPanel__feature,
.bhk-v5-projectsPanel__callout {
  display: grid;
  gap: 8px;
  padding: 16px;
}

.bhk-v5-projectsPanel__feature span,
.bhk-v5-projectsPanel__callout span {
  color: var(--v5-signal, #ff2fd5);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.bhk-v5-projectsPanel__feature strong,
.bhk-v5-projectsPanel__callout strong {
  color: var(--v5-proof, #fff);
  font-size: 21px;
  line-height: 1.02;
  letter-spacing: -.025em;
}

.bhk-v5-projectsPanel__proof {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.bhk-v5-projectsPanel__proof span {
  min-height: 48px;
  display: grid;
  place-items: center;
  padding: 9px;
  color: var(--v5-text, #f8f2ff);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .08em;
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;
}

@media (max-width: 980px) {
  .bhk-v5-projectsCover {
    position: relative;
    inset: auto;
    width: min(900px, calc(100vw - 32px));
    height: auto;
    min-height: 900px;
  }

  .bhk-v5-projectsCover__grid {
    padding: 34px;
  }

  .bhk-v5-projectsCover__copy {
    grid-template-columns: 1fr;
  }

  .bhk-v5-projectsPads {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: none;
  }

  .bhk-v5-projectsPad {
    min-height: 190px;
  }

  .bhk-v5-projectsPanel__layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 620px) {
  .bhk-v5-projectsCover {
    min-height: auto;
  }

  .bhk-v5-projectsCover__grid {
    padding: 24px;
  }

  .bhk-v5-projectsPads,
  .bhk-v5-projectsCover__signal,
  .bhk-v5-projectsPanel__proof {
    grid-template-columns: 1fr;
  }

  .bhk-v5-projectsPad {
    min-height: 160px;
  }
}

/* Cache/partial-install guards from V5.0.80 remain valid. PHP no longer renders these nodes. */
.bhk-v5-projectsCover__status,
.bhk-v5-projectsSleeve__tabs,
.bhk-v5-projectsSleeve__readout {
  display: none !important;
}


/* V5.0.153 — Project image authority assignments for Thunderpuss and Outta Control. */
.bhk-v5-projectsPad__media {
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: .26;
  overflow: hidden;
  border-radius: var(--v5-public-control-radius, 8px);
  background: color-mix(in srgb, var(--v5-page, #05030a) 72%, transparent);
}

.bhk-v5-projectsPad__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(.92) contrast(1.08) brightness(.74);
  transform: scale(1.03);
}

.bhk-v5-projectsPad__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--v5-page, #05030a) 18%, transparent), color-mix(in srgb, var(--v5-page, #05030a) 82%, transparent)),
    radial-gradient(circle at 80% 10%, color-mix(in srgb, var(--v5-signal, #ff2fd5) 20%, transparent), transparent 48%);
}

.bhk-v5-projectsPad:hover .bhk-v5-projectsPad__media,
.bhk-v5-projectsPad:focus-visible .bhk-v5-projectsPad__media,
.bhk-v5-projectsPad.is-active .bhk-v5-projectsPad__media {
  opacity: .42;
}

.bhk-v5-projectsPanel__media {
  margin: 0 0 14px;
  display: grid;
  gap: 6px;
  border: 1px solid color-mix(in srgb, var(--v5-line-strong, #dac8ff) 32%, transparent);
  border-radius: var(--v5-public-control-radius, 8px);
  overflow: hidden;
  background: color-mix(in srgb, var(--v5-page, #05030a) 76%, transparent);
}

.bhk-v5-projectsPanel__media img {
  display: block;
  width: 100%;
  height: clamp(150px, 21vw, 220px);
  object-fit: cover;
  filter: saturate(.98) contrast(1.06) brightness(.86);
}

.bhk-v5-projectsPanel__media figcaption {
  padding: 8px 10px 10px;
  color: color-mix(in srgb, var(--v5-muted, #b5a5c4) 92%, transparent);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
}

/* V5.0.168 — Projects jacket metadata removal + premium six-pad layout.
   Public jacket chrome cleanup only. Preserves 900x900 cover, shared sleeve behaviour,
   data lanes, rail authority, colour authority, and squared public shell discipline. */
.bhk-v5-projectsCover__grid {
  gap: 22px;
  padding: 50px 52px 48px;
}

.bhk-v5-projectsCover__copy {
  grid-template-columns: 1fr;
  gap: 0;
  align-items: start;
  padding-bottom: 20px;
}

.bhk-v5-projectsCover__copy h3 {
  max-width: 14ch;
  font-size: clamp(48px, 4.8vw, 72px);
}

.bhk-v5-projectsCover__copy p {
  max-width: 72ch;
  font-size: 14.5px;
  line-height: 1.46;
}

.bhk-v5-projectsCover__signal,
.bhk-v5-projectsPad__index,
.bhk-v5-projectsPad__lane {
  display: none !important;
}

.bhk-v5-projectsPads {
  gap: 16px;
}

.bhk-v5-projectsPad {
  grid-template-rows: minmax(0, 1fr) auto auto;
  gap: 10px;
  padding: 22px 18px 18px;
}

.bhk-v5-projectsPad strong {
  align-self: end;
  max-width: 10ch;
  font-size: clamp(24px, 2.45vw, 34px);
}

.bhk-v5-projectsPad small {
  font-size: 11.5px;
  letter-spacing: .015em;
}

.bhk-v5-projectsPad__summary {
  color: color-mix(in srgb, var(--v5-text, #f8f2ff) 68%, transparent);
  font-size: 11.5px;
  line-height: 1.34;
  -webkit-line-clamp: 4;
}

@media (max-width: 980px) {
  .bhk-v5-projectsCover__grid {
    padding: 34px;
  }
}

@media (max-width: 620px) {
  .bhk-v5-projectsPads,
  .bhk-v5-projectsPanel__proof {
    grid-template-columns: 1fr;
  }
}


/* V5.0.346 — Projects Jacket/Sleeve 95-B Premium Creative-Lane Operator Pass.
   CSS-first polish only. Preserves Projects renderer, content JSON, project-map authority,
   image/media authority, rail, mobile, colour authority, 900x900 Jacket, and 890x890 Sleeve. */
.bhk-v5-section--projects .bhk-v5-projectsCover,
.bhk-v5-section--projects .bhk-v5-projects-sleeve {
  --bhk-v5-projects-console-line: color-mix(in srgb, var(--v5-line-strong) 34%, transparent);
  --bhk-v5-projects-console-line-soft: color-mix(in srgb, var(--v5-line-strong) 16%, transparent);
  --bhk-v5-projects-console-signal: color-mix(in srgb, var(--v5-signal) 82%, var(--v5-proof));
  --bhk-v5-projects-console-accent: color-mix(in srgb, var(--v5-accent) 62%, var(--v5-signal));
  --bhk-v5-projects-console-glow: color-mix(in srgb, var(--v5-signal) 24%, transparent);
  --bhk-v5-projects-console-glow-cool: color-mix(in srgb, var(--v5-accent) 20%, transparent);
  --bhk-v5-projects-console-panel: color-mix(in srgb, var(--v5-page) 72%, var(--v5-surface-2));
  --bhk-v5-projects-console-panel-deep: color-mix(in srgb, var(--v5-page) 88%, var(--v5-surface));
  --bhk-v5-projects-lane-signal: var(--bhk-v5-projects-console-signal);
}

.bhk-v5-section--projects .bhk-v5-projectsCover {
  isolation: isolate;
  overflow: hidden;
  box-shadow:
    inset 0 0 0 1px var(--bhk-v5-projects-console-line),
    inset 0 0 0 6px color-mix(in srgb, var(--v5-proof) 3%, transparent),
    0 34px 100px color-mix(in srgb, var(--v5-shadow) 54%, transparent);
}

.bhk-v5-section--projects .bhk-v5-projectsCover::before,
.bhk-v5-section--projects .bhk-v5-projectsCover::after,
.bhk-v5-section--projects .bhk-v5-projects-sleeve::before,
.bhk-v5-section--projects .bhk-v5-projects-sleeve::after {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: 1;
}

.bhk-v5-section--projects .bhk-v5-projectsCover::before {
  inset: 14px;
  border: 1px solid var(--bhk-v5-projects-console-line-soft);
  background:
    linear-gradient(90deg, transparent 0 6.6%, color-mix(in srgb, var(--v5-proof) 5%, transparent) 6.6% 6.8%, transparent 6.8% 93.2%, color-mix(in srgb, var(--v5-proof) 5%, transparent) 93.2% 93.4%, transparent 93.4% 100%),
    linear-gradient(180deg, transparent 0 14%, color-mix(in srgb, var(--v5-signal) 8%, transparent) 14% 14.25%, transparent 14.25% 86%, color-mix(in srgb, var(--v5-accent) 7%, transparent) 86% 86.25%, transparent 86.25% 100%),
    repeating-linear-gradient(90deg, transparent 0 44px, color-mix(in srgb, var(--v5-proof) 3%, transparent) 44px 45px),
    repeating-linear-gradient(180deg, transparent 0 44px, color-mix(in srgb, var(--v5-proof) 2.5%, transparent) 44px 45px);
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, var(--v5-proof) 8%, transparent),
    inset 0 -1px 0 color-mix(in srgb, var(--v5-signal) 10%, transparent);
  opacity: .70;
}

.bhk-v5-section--projects .bhk-v5-projectsCover::after {
  left: 28px;
  right: 28px;
  bottom: 24px;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--bhk-v5-projects-console-signal), var(--bhk-v5-projects-console-accent), transparent);
  box-shadow: 0 0 30px var(--bhk-v5-projects-console-glow);
  opacity: .88;
}

.bhk-v5-section--projects .bhk-v5-projectsCover__grid,
.bhk-v5-section--projects .bhk-v5-projectsCover__copy,
.bhk-v5-section--projects .bhk-v5-projectsPads,
.bhk-v5-section--projects .bhk-v5-projectsPad {
  position: relative;
  z-index: 2;
}

.bhk-v5-section--projects .bhk-v5-projectsCover__grid {
  background:
    radial-gradient(circle at 18% 12%, color-mix(in srgb, var(--v5-signal) 11%, transparent), transparent 20rem),
    radial-gradient(circle at 84% 72%, color-mix(in srgb, var(--v5-accent) 9%, transparent), transparent 23rem);
}

.bhk-v5-section--projects .bhk-v5-projectsCover__copy {
  position: relative;
  margin: -6px -6px 0;
  padding: 18px 18px 22px;
  border: 1px solid var(--bhk-v5-projects-console-line-soft);
  border-radius: var(--v5-public-shell-radius, 0px);
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--v5-signal) 10%, transparent), transparent 44%, color-mix(in srgb, var(--v5-accent) 7%, transparent)),
    color-mix(in srgb, var(--v5-page) 54%, transparent);
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, var(--v5-proof) 8%, transparent),
    inset 0 -1px 0 color-mix(in srgb, var(--v5-signal) 12%, transparent),
    0 20px 54px color-mix(in srgb, var(--v5-shadow) 32%, transparent);
}

.bhk-v5-section--projects .bhk-v5-projectsCover__copy::after {
  content: "CREATIVE LANES // SOURCE DECK";
  position: absolute;
  right: 16px;
  top: 14px;
  color: color-mix(in srgb, var(--v5-muted) 64%, transparent);
  font-size: 8px;
  font-weight: 950;
  letter-spacing: .18em;
  line-height: 1.1;
  pointer-events: none;
  text-align: right;
  text-transform: uppercase;
}

.bhk-v5-section--projects .bhk-v5-projectsCover__kicker,
.bhk-v5-section--projects .bhk-v5-projectsPad small,
.bhk-v5-section--projects .bhk-v5-projectsPad__summary,
.bhk-v5-section--projects .bhk-v5-projectsPanel__head span,
.bhk-v5-section--projects .bhk-v5-projectsPanel__feature span,
.bhk-v5-section--projects .bhk-v5-projectsPanel__callout span,
.bhk-v5-section--projects .bhk-v5-projectsPanel__media figcaption {
  text-shadow: 0 0 16px color-mix(in srgb, var(--v5-signal) 22%, transparent);
}

.bhk-v5-section--projects .bhk-v5-projectsCover__copy h3,
.bhk-v5-section--projects .bhk-v5-projectsPad strong,
.bhk-v5-section--projects .bhk-v5-projectsPanel__head h4,
.bhk-v5-section--projects .bhk-v5-projectsPanel__summary,
.bhk-v5-section--projects .bhk-v5-projectsPanel__feature strong,
.bhk-v5-section--projects .bhk-v5-projectsPanel__callout strong {
  text-shadow:
    0 0 18px color-mix(in srgb, var(--v5-signal) 18%, transparent),
    0 10px 36px color-mix(in srgb, var(--v5-shadow) 52%, transparent);
}

.bhk-v5-section--projects .bhk-v5-projectsPad,
.bhk-v5-section--projects .bhk-v5-projectsPanel__body,
.bhk-v5-section--projects .bhk-v5-projectsPanel__feature,
.bhk-v5-section--projects .bhk-v5-projectsPanel__callout,
.bhk-v5-section--projects .bhk-v5-projectsPanel__proof span,
.bhk-v5-section--projects .bhk-v5-projectsPanel__media,
.bhk-v5-section--projects .bhk-v5-projectsSleeve__panels {
  border-radius: var(--v5-public-shell-radius, 0px);
}

.bhk-v5-section--projects .bhk-v5-projectsPad {
  --bhk-v5-projects-lane-signal: var(--bhk-v5-projects-console-signal);
  overflow: hidden;
  border-color: color-mix(in srgb, var(--v5-line-strong) 28%, transparent);
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--v5-proof) 8%, transparent), transparent 38%),
    radial-gradient(circle at 88% 12%, color-mix(in srgb, var(--bhk-v5-projects-lane-signal) 18%, transparent), transparent 11rem),
    linear-gradient(135deg, color-mix(in srgb, var(--v5-page) 58%, var(--v5-surface-3)), color-mix(in srgb, var(--v5-page) 88%, var(--v5-surface)));
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--v5-proof) 5%, transparent),
    inset 0 1px 0 color-mix(in srgb, var(--v5-proof) 10%, transparent),
    inset 0 -1px 0 color-mix(in srgb, var(--bhk-v5-projects-lane-signal) 10%, transparent),
    0 20px 52px color-mix(in srgb, var(--v5-shadow) 48%, transparent);
}

.bhk-v5-section--projects .bhk-v5-projectsPad.is-project-konkan { --bhk-v5-projects-lane-signal: color-mix(in srgb, var(--v5-signal) 78%, var(--v5-proof)); }
.bhk-v5-section--projects .bhk-v5-projectsPad.is-project-thunderpuss { --bhk-v5-projects-lane-signal: color-mix(in srgb, var(--v5-accent) 72%, var(--v5-signal)); }
.bhk-v5-section--projects .bhk-v5-projectsPad.is-project-outta-control { --bhk-v5-projects-lane-signal: color-mix(in srgb, var(--v5-signal) 56%, var(--v5-accent)); }
.bhk-v5-section--projects .bhk-v5-projectsPad.is-project-solo { --bhk-v5-projects-lane-signal: color-mix(in srgb, var(--v5-proof) 42%, var(--v5-accent)); }
.bhk-v5-section--projects .bhk-v5-projectsPad.is-project-sick-seconds { --bhk-v5-projects-lane-signal: color-mix(in srgb, var(--v5-accent) 48%, var(--v5-line-strong)); }
.bhk-v5-section--projects .bhk-v5-projectsPad.is-project-top-kat { --bhk-v5-projects-lane-signal: color-mix(in srgb, var(--v5-signal) 44%, var(--v5-line-strong)); }

.bhk-v5-section--projects .bhk-v5-projectsPad::before {
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(90deg, transparent 0 12px, color-mix(in srgb, var(--bhk-v5-projects-lane-signal) 18%, transparent) 12px 13px, transparent 13px 100%),
    linear-gradient(180deg, color-mix(in srgb, var(--v5-proof) 8%, transparent), transparent 36%),
    radial-gradient(circle at 92% 8%, color-mix(in srgb, var(--bhk-v5-projects-lane-signal) 24%, transparent), transparent 44%);
  opacity: .72;
}

.bhk-v5-section--projects .bhk-v5-projectsPad::after {
  left: 14px;
  right: 14px;
  bottom: 12px;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--bhk-v5-projects-lane-signal), transparent);
  box-shadow: 0 0 22px color-mix(in srgb, var(--bhk-v5-projects-lane-signal) 36%, transparent);
  opacity: .42;
}

.bhk-v5-section--projects .bhk-v5-projectsPad:hover,
.bhk-v5-section--projects .bhk-v5-projectsPad:focus-visible,
.bhk-v5-section--projects .bhk-v5-projectsPad.is-active {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--bhk-v5-projects-lane-signal) 64%, var(--v5-line-strong));
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, var(--v5-proof) 12%, transparent),
    inset 0 -1px 0 color-mix(in srgb, var(--bhk-v5-projects-lane-signal) 16%, transparent),
    0 26px 64px color-mix(in srgb, var(--v5-shadow) 56%, transparent),
    0 0 34px color-mix(in srgb, var(--bhk-v5-projects-lane-signal) 26%, transparent);
}

.bhk-v5-section--projects .bhk-v5-projectsPad:focus-visible {
  outline: 1px solid color-mix(in srgb, var(--bhk-v5-projects-lane-signal) 82%, var(--v5-proof));
  outline-offset: 3px;
}

.bhk-v5-section--projects .bhk-v5-projectsPad.is-active {
  background:
    radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--v5-proof) 12%, transparent), transparent 54%),
    radial-gradient(circle at 86% 10%, color-mix(in srgb, var(--bhk-v5-projects-lane-signal) 28%, transparent), transparent 11rem),
    linear-gradient(180deg, color-mix(in srgb, var(--bhk-v5-projects-lane-signal) 22%, var(--v5-surface-3)), color-mix(in srgb, var(--v5-page) 88%, var(--v5-surface)));
}

.bhk-v5-section--projects .bhk-v5-projectsPad__media {
  border-radius: var(--v5-public-shell-radius, 0px);
  opacity: .34;
  filter: saturate(1.08) contrast(1.05);
}

.bhk-v5-section--projects .bhk-v5-projectsPad__media img {
  filter: saturate(.98) contrast(1.12) brightness(.76);
  transform: scale(1.04);
}

.bhk-v5-section--projects .bhk-v5-projectsPad:hover .bhk-v5-projectsPad__media,
.bhk-v5-section--projects .bhk-v5-projectsPad:focus-visible .bhk-v5-projectsPad__media,
.bhk-v5-section--projects .bhk-v5-projectsPad.is-active .bhk-v5-projectsPad__media {
  opacity: .50;
}

.bhk-v5-section--projects .bhk-v5-projectsPad__media::after {
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--v5-page) 8%, transparent), color-mix(in srgb, var(--v5-page) 86%, transparent)),
    radial-gradient(circle at 80% 10%, color-mix(in srgb, var(--bhk-v5-projects-lane-signal) 26%, transparent), transparent 52%),
    linear-gradient(90deg, color-mix(in srgb, var(--v5-page) 48%, transparent), transparent 54%);
}

.bhk-v5-section--projects .bhk-v5-projects-sleeve {
  isolation: isolate;
  overflow: hidden;
  background:
    radial-gradient(circle at 18% 8%, color-mix(in srgb, var(--v5-signal) 15%, transparent), transparent 26rem),
    radial-gradient(circle at 88% 84%, color-mix(in srgb, var(--v5-accent) 13%, transparent), transparent 24rem),
    color-mix(in srgb, var(--v5-page) 92%, var(--v5-surface-2));
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--v5-accent) 38%, transparent),
    inset 0 0 0 6px color-mix(in srgb, var(--v5-proof) 3%, transparent),
    0 34px 100px color-mix(in srgb, var(--v5-shadow) 58%, transparent);
}

.bhk-v5-section--projects .bhk-v5-projects-sleeve::before {
  inset: 14px;
  border: 1px solid var(--bhk-v5-projects-console-line-soft);
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--v5-proof) 5%, transparent) 0 1px, transparent 1px 100%),
    linear-gradient(90deg, color-mix(in srgb, var(--v5-proof) 4%, transparent) 0 1px, transparent 1px 100%);
  background-size: 52px 52px;
  opacity: .28;
}

.bhk-v5-section--projects .bhk-v5-projects-sleeve::after {
  left: 28px;
  right: 28px;
  top: 56px;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--bhk-v5-projects-console-signal), var(--bhk-v5-projects-console-accent), transparent);
  box-shadow: 0 0 24px var(--bhk-v5-projects-console-glow);
  opacity: .82;
}

.bhk-v5-section--projects .bhk-v5-projects-sleeve .bhk-v5-sleeve__bar,
.bhk-v5-section--projects .bhk-v5-projects-sleeve__bar {
  position: relative;
  z-index: 5;
  border-bottom: 1px solid var(--bhk-v5-projects-console-line-soft);
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--v5-signal) 10%, transparent), transparent 42%, color-mix(in srgb, var(--v5-accent) 7%, transparent)),
    color-mix(in srgb, var(--v5-page) 62%, transparent);
  box-shadow: inset 0 -1px 0 color-mix(in srgb, var(--v5-proof) 6%, transparent);
}

.bhk-v5-section--projects .bhk-v5-projects-sleeve .bhk-v5-sleeve__close,
.bhk-v5-section--projects .bhk-v5-projects-sleeve button,
.bhk-v5-section--projects .bhk-v5-projects-sleeve [data-bhk-v5-project-pad] {
  position: relative;
  z-index: 6;
}

.bhk-v5-section--projects .bhk-v5-projects-sleeve .bhk-v5-sleeve__body,
.bhk-v5-section--projects .bhk-v5-projects-sleeve__body,
.bhk-v5-section--projects .bhk-v5-projectsSleeve,
.bhk-v5-section--projects .bhk-v5-projectsSleeve__panels {
  position: relative;
  z-index: 2;
}

.bhk-v5-section--projects .bhk-v5-projects-sleeve__body {
  background:
    radial-gradient(circle at 84% 6%, color-mix(in srgb, var(--v5-accent) 13%, transparent), transparent 20rem),
    linear-gradient(180deg, color-mix(in srgb, var(--v5-surface) 82%, transparent), color-mix(in srgb, var(--v5-page) 94%, transparent));
}

.bhk-v5-section--projects .bhk-v5-projectsSleeve__panels {
  border-color: color-mix(in srgb, var(--v5-line-strong) 22%, transparent);
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--v5-proof) 5%, transparent), transparent 30%),
    linear-gradient(90deg, color-mix(in srgb, var(--v5-proof) 3%, transparent) 0 1px, transparent 1px 100%),
    color-mix(in srgb, var(--v5-page) 74%, transparent);
  background-size: auto, 48px 48px, auto;
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, var(--v5-proof) 7%, transparent),
    0 18px 44px color-mix(in srgb, var(--v5-shadow) 30%, transparent);
}

.bhk-v5-section--projects .bhk-v5-projectsPanel {
  position: relative;
  isolation: isolate;
}

.bhk-v5-section--projects .bhk-v5-projectsPanel::before {
  content: "PROJECT IDENTITY CONSOLE";
  position: absolute;
  right: 20px;
  top: 16px;
  z-index: 1;
  color: color-mix(in srgb, var(--v5-muted) 56%, transparent);
  font-size: 8px;
  font-weight: 950;
  letter-spacing: .18em;
  line-height: 1;
  pointer-events: none;
  text-transform: uppercase;
}

.bhk-v5-section--projects .bhk-v5-projectsPanel__head,
.bhk-v5-section--projects .bhk-v5-projectsPanel__media,
.bhk-v5-section--projects .bhk-v5-projectsPanel__summary,
.bhk-v5-section--projects .bhk-v5-projectsPanel__layout,
.bhk-v5-section--projects .bhk-v5-projectsPanel__body,
.bhk-v5-section--projects .bhk-v5-projectsPanel__stack,
.bhk-v5-section--projects .bhk-v5-projectsPanel__feature,
.bhk-v5-section--projects .bhk-v5-projectsPanel__callout,
.bhk-v5-section--projects .bhk-v5-projectsPanel__proof {
  position: relative;
  z-index: 2;
}

.bhk-v5-section--projects .bhk-v5-projectsPanel__head {
  padding: 18px;
  border: 1px solid var(--bhk-v5-projects-console-line-soft);
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--v5-signal) 10%, transparent), transparent 44%, color-mix(in srgb, var(--v5-accent) 7%, transparent)),
    color-mix(in srgb, var(--v5-page) 58%, transparent);
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, var(--v5-proof) 8%, transparent),
    inset 0 -1px 0 color-mix(in srgb, var(--v5-signal) 10%, transparent);
}

.bhk-v5-section--projects .bhk-v5-projectsPanel__media,
.bhk-v5-section--projects .bhk-v5-projectsPanel__body,
.bhk-v5-section--projects .bhk-v5-projectsPanel__feature,
.bhk-v5-section--projects .bhk-v5-projectsPanel__callout,
.bhk-v5-section--projects .bhk-v5-projectsPanel__proof span {
  border-color: color-mix(in srgb, var(--v5-line-strong) 20%, transparent);
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--v5-proof) 6%, transparent), transparent 34%),
    color-mix(in srgb, var(--v5-page) 62%, transparent);
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, var(--v5-proof) 7%, transparent),
    0 14px 34px color-mix(in srgb, var(--v5-shadow) 28%, transparent);
}

.bhk-v5-section--projects .bhk-v5-projectsPanel__media {
  position: relative;
  overflow: hidden;
}

.bhk-v5-section--projects .bhk-v5-projectsPanel__media::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(180deg, transparent 0 58%, color-mix(in srgb, var(--v5-page) 48%, transparent)),
    radial-gradient(circle at 84% 12%, color-mix(in srgb, var(--v5-signal) 18%, transparent), transparent 46%);
}

.bhk-v5-section--projects .bhk-v5-projectsPanel__media img {
  filter: saturate(1.05) contrast(1.1) brightness(.86);
}

.bhk-v5-section--projects .bhk-v5-projectsPanel__body,
.bhk-v5-section--projects .bhk-v5-projectsPanel__feature,
.bhk-v5-section--projects .bhk-v5-projectsPanel__callout,
.bhk-v5-section--projects .bhk-v5-projectsPanel__proof span {
  overflow: hidden;
}

.bhk-v5-section--projects .bhk-v5-projectsPanel__body::before,
.bhk-v5-section--projects .bhk-v5-projectsPanel__feature::before,
.bhk-v5-section--projects .bhk-v5-projectsPanel__callout::before {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  top: 8px;
  height: 1px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--v5-proof) 22%, transparent), transparent);
  opacity: .62;
}

.bhk-v5-section--projects .bhk-v5-projectsPanel__proof span {
  color: color-mix(in srgb, var(--v5-text) 90%, var(--v5-proof));
  text-shadow: 0 0 16px color-mix(in srgb, var(--v5-signal) 18%, transparent);
}

@media (prefers-reduced-motion: reduce) {
  .bhk-v5-section--projects .bhk-v5-projectsPad,
  .bhk-v5-section--projects .bhk-v5-projectsPad__media,
  .bhk-v5-section--projects .bhk-v5-projectsPad__media img,
  .bhk-v5-section--projects .bhk-v5-projectsPanel__media img {
    transition-duration: 0.01ms !important;
    animation: none !important;
  }
}

/* V5.0.390 — Projects Pad Summary Removal / 250 Square Cover Grid.
   CSS-only jacket visual trim. Preserves Projects renderer, V5 data lanes, rail authority,
   colour authority, public shell radius discipline, and current jacket/sleeve geometry. */
.bhk-v5-section--projects .bhk-v5-projectsPad__summary {
  display: none !important;
}

@media (min-width: 981px) {
  .bhk-v5-section--projects .bhk-v5-projectsPads {
    grid-template-columns: repeat(3, 250px) !important;
    grid-template-rows: repeat(2, 250px) !important;
    grid-auto-rows: 250px !important;
    justify-content: center;
    align-content: center;
  }

  .bhk-v5-section--projects .bhk-v5-projectsPad {
    width: 250px !important;
    height: 250px !important;
    min-width: 250px !important;
    min-height: 250px !important;
    max-width: 250px !important;
    max-height: 250px !important;
    aspect-ratio: 1 / 1;
    box-sizing: border-box;
  }
}

@media (max-width: 980px) {
  .bhk-v5-section--projects .bhk-v5-projectsPads {
    grid-template-columns: repeat(2, minmax(0, 250px)) !important;
    grid-auto-rows: minmax(220px, 250px);
    justify-content: center;
    align-content: center;
  }

  .bhk-v5-section--projects .bhk-v5-projectsPad {
    width: min(250px, 100%) !important;
    height: min(250px, 100vw) !important;
    min-height: min(220px, 100vw) !important;
    aspect-ratio: 1 / 1;
    box-sizing: border-box;
  }
}

@media (max-width: 620px) {
  .bhk-v5-section--projects .bhk-v5-projectsPads {
    grid-template-columns: minmax(0, 250px) !important;
  }

  .bhk-v5-section--projects .bhk-v5-projectsPad {
    width: min(250px, 100%) !important;
    height: min(250px, calc(100vw - 64px)) !important;
    min-height: min(250px, calc(100vw - 64px)) !important;
  }
}

/* V5.0.391 — Projects Cover Overlay Removal / Unique Border Colour Pass.
   CSS-only Projects jacket visual patch. Removes pink/purple cover washes and assigns
   project-specific border colours while preserving V5 data lanes, rail authority,
   colour authority files, public shell corner discipline, and jacket/sleeve geometry. */
.bhk-v5-section--projects .bhk-v5-projectsPad {
  --bhk-v5-projects-cover-border: color-mix(in srgb, var(--v5-line-strong) 72%, var(--v5-proof));
  --bhk-v5-projects-cover-glow: color-mix(in srgb, var(--bhk-v5-projects-cover-border) 34%, transparent);
  border-color: var(--bhk-v5-projects-cover-border) !important;
  background: color-mix(in srgb, var(--v5-page) 42%, transparent) !important;
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--bhk-v5-projects-cover-border) 32%, transparent),
    inset 0 1px 0 color-mix(in srgb, var(--v5-proof) 8%, transparent),
    0 20px 52px color-mix(in srgb, var(--v5-shadow) 48%, transparent) !important;
}

.bhk-v5-section--projects .bhk-v5-projectsPad.is-project-konkan {
  --bhk-v5-projects-cover-border: #27d8ff;
}

.bhk-v5-section--projects .bhk-v5-projectsPad.is-project-thunderpuss {
  --bhk-v5-projects-cover-border: #ff9f1c;
}

.bhk-v5-section--projects .bhk-v5-projectsPad.is-project-outta-control {
  --bhk-v5-projects-cover-border: #62ff6f;
}

.bhk-v5-section--projects .bhk-v5-projectsPad.is-project-barry-solo,
.bhk-v5-section--projects .bhk-v5-projectsPad.is-project-solo {
  --bhk-v5-projects-cover-border: #f2f2f2;
}

.bhk-v5-section--projects .bhk-v5-projectsPad.is-project-sick-seconds {
  --bhk-v5-projects-cover-border: #ff4040;
}

.bhk-v5-section--projects .bhk-v5-projectsPad.is-project-top-kat {
  --bhk-v5-projects-cover-border: #ffd44a;
}

.bhk-v5-section--projects .bhk-v5-projectsPad::before,
.bhk-v5-section--projects .bhk-v5-projectsPad::after,
.bhk-v5-section--projects .bhk-v5-projectsPad__media::after {
  content: none !important;
  display: none !important;
  background: none !important;
  box-shadow: none !important;
  opacity: 0 !important;
}

.bhk-v5-section--projects .bhk-v5-projectsPad__media {
  opacity: 1 !important;
  filter: none !important;
  background: transparent !important;
  border-radius: var(--v5-public-shell-radius, 0px) !important;
}

.bhk-v5-section--projects .bhk-v5-projectsPad__media img {
  filter: saturate(1.04) contrast(1.04) brightness(.94) !important;
  transform: scale(1.01) !important;
}

.bhk-v5-section--projects .bhk-v5-projectsPad:hover,
.bhk-v5-section--projects .bhk-v5-projectsPad:focus-visible,
.bhk-v5-section--projects .bhk-v5-projectsPad.is-active {
  border-color: var(--bhk-v5-projects-cover-border) !important;
  background: color-mix(in srgb, var(--v5-page) 30%, transparent) !important;
  box-shadow:
    inset 0 0 0 2px color-mix(in srgb, var(--bhk-v5-projects-cover-border) 70%, transparent),
    inset 0 1px 0 color-mix(in srgb, var(--v5-proof) 10%, transparent),
    0 26px 64px color-mix(in srgb, var(--v5-shadow) 56%, transparent),
    0 0 32px var(--bhk-v5-projects-cover-glow) !important;
}

.bhk-v5-section--projects .bhk-v5-projectsPad:focus-visible {
  outline: 1px solid var(--bhk-v5-projects-cover-border) !important;
  outline-offset: 3px;
}

.bhk-v5-section--projects .bhk-v5-projectsPad__index,
.bhk-v5-section--projects .bhk-v5-projectsPad__lane,
.bhk-v5-section--projects .bhk-v5-projectsPad strong,
.bhk-v5-section--projects .bhk-v5-projectsPad small {
  text-shadow:
    0 1px 2px rgba(0,0,0,.88),
    0 8px 18px rgba(0,0,0,.78),
    0 0 10px rgba(0,0,0,.62) !important;
}

.bhk-v5-section--projects .bhk-v5-projectsPad__lane {
  color: var(--bhk-v5-projects-cover-border) !important;
}

/* V5.0.392 — Projects Six-Glass Purple/Pink Cover Pass / 200 Square Tiles.
   CSS-only Projects jacket correction. Restores a controlled black-glass cover treatment,
   replaces failed distinct colour map with six purple/pink shades, and reduces project pads
   to 200px squares. Preserves V5 data lanes, rail authority, colour authority files,
   public shell corner discipline, Projects PHP, and jacket/sleeve geometry. */
.bhk-v5-section--projects .bhk-v5-projectsPad {
  --bhk-v5-projects-cover-border: #d85cff;
  --bhk-v5-projects-cover-glow: color-mix(in srgb, var(--bhk-v5-projects-cover-border) 34%, transparent);
  border-color: color-mix(in srgb, var(--bhk-v5-projects-cover-border) 74%, var(--v5-line-strong)) !important;
  background:
    linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.46)),
    color-mix(in srgb, var(--v5-page) 58%, transparent) !important;
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--bhk-v5-projects-cover-border) 48%, transparent),
    inset 0 1px 0 rgba(255,255,255,.08),
    0 18px 46px rgba(0,0,0,.48),
    0 0 24px color-mix(in srgb, var(--bhk-v5-projects-cover-border) 18%, transparent) !important;
}

.bhk-v5-section--projects .bhk-v5-projectsPad.is-project-konkan {
  --bhk-v5-projects-cover-border: #ff4fd8;
}

.bhk-v5-section--projects .bhk-v5-projectsPad.is-project-thunderpuss {
  --bhk-v5-projects-cover-border: #d85cff;
}

.bhk-v5-section--projects .bhk-v5-projectsPad.is-project-outta-control {
  --bhk-v5-projects-cover-border: #b76cff;
}

.bhk-v5-section--projects .bhk-v5-projectsPad.is-project-barry-solo,
.bhk-v5-section--projects .bhk-v5-projectsPad.is-project-solo {
  --bhk-v5-projects-cover-border: #ff7adf;
}

.bhk-v5-section--projects .bhk-v5-projectsPad.is-project-sick-seconds {
  --bhk-v5-projects-cover-border: #8f64ff;
}

.bhk-v5-section--projects .bhk-v5-projectsPad.is-project-top-kat {
  --bhk-v5-projects-cover-border: #f2a3ff;
}

.bhk-v5-section--projects .bhk-v5-projectsPad::before {
  content: "" !important;
  display: block !important;
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  opacity: .74 !important;
  background:
    linear-gradient(180deg, rgba(0,0,0,.16) 0%, rgba(0,0,0,.42) 58%, rgba(0,0,0,.66) 100%),
    radial-gradient(circle at 50% 12%, rgba(255,255,255,.10), transparent 42%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 -38px 70px rgba(0,0,0,.42) !important;
  backdrop-filter: saturate(1.05) contrast(1.04);
  -webkit-backdrop-filter: saturate(1.05) contrast(1.04);
}

.bhk-v5-section--projects .bhk-v5-projectsPad::after,
.bhk-v5-section--projects .bhk-v5-projectsPad__media::after {
  content: none !important;
  display: none !important;
  background: none !important;
  box-shadow: none !important;
  opacity: 0 !important;
}

.bhk-v5-section--projects .bhk-v5-projectsPad__media {
  opacity: 1 !important;
  filter: none !important;
  background: transparent !important;
  border-radius: var(--v5-public-shell-radius, 0px) !important;
}

.bhk-v5-section--projects .bhk-v5-projectsPad__media img {
  filter: saturate(1.02) contrast(1.04) brightness(.88) !important;
  transform: scale(1.01) !important;
}

.bhk-v5-section--projects .bhk-v5-projectsPad:hover,
.bhk-v5-section--projects .bhk-v5-projectsPad:focus-visible,
.bhk-v5-section--projects .bhk-v5-projectsPad.is-active {
  border-color: color-mix(in srgb, var(--bhk-v5-projects-cover-border) 86%, var(--v5-proof)) !important;
  background:
    linear-gradient(180deg, rgba(0,0,0,.14), rgba(0,0,0,.38)),
    color-mix(in srgb, var(--v5-page) 50%, transparent) !important;
  box-shadow:
    inset 0 0 0 2px color-mix(in srgb, var(--bhk-v5-projects-cover-border) 72%, transparent),
    inset 0 1px 0 rgba(255,255,255,.10),
    0 24px 58px rgba(0,0,0,.54),
    0 0 34px color-mix(in srgb, var(--bhk-v5-projects-cover-border) 28%, transparent) !important;
}

.bhk-v5-section--projects .bhk-v5-projectsPad:focus-visible {
  outline: 1px solid color-mix(in srgb, var(--bhk-v5-projects-cover-border) 92%, var(--v5-proof)) !important;
  outline-offset: 3px;
}

.bhk-v5-section--projects .bhk-v5-projectsPad__index,
.bhk-v5-section--projects .bhk-v5-projectsPad__lane,
.bhk-v5-section--projects .bhk-v5-projectsPad strong,
.bhk-v5-section--projects .bhk-v5-projectsPad small {
  position: relative;
  z-index: 2;
  text-shadow:
    0 1px 2px rgba(0,0,0,.92),
    0 8px 18px rgba(0,0,0,.82),
    0 0 10px rgba(0,0,0,.70) !important;
}

.bhk-v5-section--projects .bhk-v5-projectsPad__lane {
  color: color-mix(in srgb, var(--bhk-v5-projects-cover-border) 84%, var(--v5-proof)) !important;
}

@media (min-width: 981px) {
  .bhk-v5-section--projects .bhk-v5-projectsPads {
    grid-template-columns: repeat(3, 200px) !important;
    grid-template-rows: repeat(2, 200px) !important;
    grid-auto-rows: 200px !important;
    gap: 14px !important;
    justify-content: center;
    align-content: center;
  }

  .bhk-v5-section--projects .bhk-v5-projectsPad {
    width: 200px !important;
    height: 200px !important;
    min-width: 200px !important;
    min-height: 200px !important;
    max-width: 200px !important;
    max-height: 200px !important;
    aspect-ratio: 1 / 1;
    box-sizing: border-box;
  }
}

@media (max-width: 980px) {
  .bhk-v5-section--projects .bhk-v5-projectsPads {
    grid-template-columns: repeat(2, minmax(0, 200px)) !important;
    grid-auto-rows: minmax(180px, 200px) !important;
    gap: 14px !important;
    justify-content: center;
    align-content: center;
  }

  .bhk-v5-section--projects .bhk-v5-projectsPad {
    width: min(200px, 100%) !important;
    height: min(200px, 100vw) !important;
    min-height: min(180px, 100vw) !important;
    max-width: 200px !important;
    aspect-ratio: 1 / 1;
    box-sizing: border-box;
  }
}

@media (max-width: 620px) {
  .bhk-v5-section--projects .bhk-v5-projectsPads {
    grid-template-columns: minmax(0, 200px) !important;
  }

  .bhk-v5-section--projects .bhk-v5-projectsPad {
    width: min(200px, 100%) !important;
    height: min(200px, calc(100vw - 64px)) !important;
    min-height: min(200px, calc(100vw - 64px)) !important;
  }
}

/* V5.0.393 — Projects Intro Full Sentence / Sleeve Chrome Removal.
   Two-file overlay partner to section-projects.php. Gives the jacket intro room to
   render full source copy, and hides removed sleeve chrome defensively in case of
   cached markup. Preserves V5 data lanes, rail authority, colour authority files,
   public shell corner discipline, and Projects jacket/sleeve geometry. */
.bhk-v5-section--projects .bhk-v5-projectsCover__copy p {
  max-width: none !important;
  width: min(100%, 78ch) !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  display: block !important;
  font-size: 14px !important;
  line-height: 1.38 !important;
  margin-top: 12px !important;
}

.bhk-v5-section--projects .bhk-v5-projectsCover__copy {
  padding-bottom: 14px !important;
}

.bhk-v5-section--projects .bhk-v5-projectsPanel__head p strong,
.bhk-v5-section--projects .bhk-v5-projectsPanel__media figcaption,
.bhk-v5-section--projects .bhk-v5-projectsPanel__summary,
.bhk-v5-section--projects .bhk-v5-projectsPanel__proof {
  display: none !important;
}