/* Our Work and Privacy acknowledgements. */
.bk-showcase {--bk-accent:#ffb584;--bk-line:#364249;margin-block:clamp(1.9rem,3.5vw,3.4rem) clamp(2.8rem,5vw,4.5rem);padding-top:1.75rem;border-top:1px solid var(--bk-line)}
.bk-showcase-head{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.9fr);align-items:end;gap:1.4rem 3.25rem;margin-bottom:1.4rem}
.bk-showcase-head h2{font-size:clamp(2.05rem,4.3vw,4.55rem);line-height:1.04;letter-spacing:-.065em;margin:.35rem 0 0;max-width:16ch}
.bk-showcase-head>p,.bk-showcase-copy>p:not(.bk-showcase-label){color:#c3cbd0;max-width:42ch}
.bk-showcase-index{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--bk-line)}
.bk-showcase-index a{display:flex;gap:.62rem;align-items:center;min-height:52px;padding:.55rem .8rem;font-weight:700;text-decoration:none;font-size:.87rem;color:#f3f4f4}
.bk-showcase-index a span,.bk-showcase-label,.bk-showcase-frame figcaption{font-size:.69rem;letter-spacing:.13em;font-weight:750;text-transform:uppercase}
.bk-showcase-index a span{color:var(--bk-accent)}
.bk-showcase-index a+a{border-left:1px solid var(--bk-line)}
.bk-showcase-index a:hover{background:#252d30}
.bk-showcase-entry{--project-ink:#c6e5f3;display:grid;grid-template-columns:minmax(0,1.58fr) minmax(0,1fr);align-items:center;gap:clamp(1.2rem,4vw,4rem);padding-block:clamp(1.65rem,5vw,4.3rem);border-bottom:1px solid var(--bk-line);scroll-margin-top:104px}
.bk-showcase-entry:target{border-bottom-color:var(--project-ink)}
.bk-showcase-entry.bk-olive-ember{--project-ink:#efc49c;grid-template-columns:minmax(0,1fr) minmax(0,1.58fr)}
.bk-showcase-entry.bk-field-studio{--project-ink:#e4bca6;grid-template-columns:minmax(0,1fr) minmax(0,1.58fr)}
.bk-showcase-entry.bk-form-folio{--project-ink:#c5d9c4}
.bk-showcase-frame{margin:0;min-width:0}
.bk-showcase-frame a{display:block;overflow:hidden;outline-offset:4px;border:1px solid #536168;background:#22292c}
.bk-showcase-frame img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:cover;transition:transform .44s cubic-bezier(.2,.7,.2,1)}
.bk-showcase-frame a:is(:hover,:focus-visible) img{transform:scale(1.025)}
.bk-showcase-frame figcaption{display:flex;justify-content:space-between;gap:.5rem;flex-wrap:wrap;color:var(--project-ink);padding-top:.65rem}
.bk-showcase-frame figcaption span{color:#b9c4c8}
.bk-showcase-label{color:var(--project-ink);margin:0 0 .4rem}
.bk-showcase-copy h3{font-size:clamp(2rem,4.75vw,4.5rem);letter-spacing:-.075em;line-height:1.02;margin:.35rem 0 .8rem;overflow-wrap:anywhere}
.bk-showcase-copy ul{display:flex;flex-wrap:wrap;gap:.32rem .8rem;list-style:none;padding:0;margin:1rem 0}
.bk-showcase-copy li{border-bottom:1px solid #5b6870;color:#e0e5e8;font-size:.78rem;padding:0 0 .28rem}
.bk-showcase-copy .bk-concept{font-size:.82rem;color:#b9c4c8;margin:1rem 0}
.bk-showcase-launch{display:inline-flex;align-items:center;justify-content:space-between;min-height:48px;gap:.78rem;max-width:100%;border:1px solid var(--project-ink);padding:.64rem .93rem;font-weight:750;font-size:.9rem;line-height:1.2;color:var(--project-ink);text-decoration:none;transition:background .18s,color .18s}
.bk-showcase-launch:hover{background:var(--project-ink);color:#142025}
.bk-showcase-launch span{transition:transform .18s;flex:none}
.bk-showcase-launch:hover span{transform:translate(2px,-2px)}
.bk-showcase a:focus-visible{outline:3px solid var(--bk-accent);outline-offset:4px}
@media(max-width:880px){.bk-showcase-entry,.bk-showcase-entry.bk-olive-ember,.bk-showcase-entry.bk-field-studio{gap:1.15rem}}
@media(max-width:760px){
 .bk-showcase-head,.bk-showcase-entry,.bk-showcase-entry.bk-olive-ember,.bk-showcase-entry.bk-field-studio{grid-template-columns:minmax(0,1fr)}
 .bk-showcase-head{gap:.5rem}
 .bk-showcase-entry.bk-olive-ember .bk-showcase-copy{padding-top:.5rem}
}
@media(max-width:460px){
 .bk-showcase-index{grid-template-columns:repeat(2,minmax(0,1fr))}
 .bk-showcase-index a+a{border-left:0}
 .bk-showcase-index a:nth-child(even){border-left:1px solid var(--bk-line)}
 .bk-showcase-index a:nth-child(n+3){border-top:1px solid var(--bk-line)}
 .bk-showcase-frame figcaption{font-size:.6rem}
}
@media(prefers-reduced-motion:reduce){.bk-showcase-frame img,.bk-showcase-launch,.bk-showcase-launch span{transition:none!important;transform:none!important}}

/* Industry index. A new registry entry wraps into the next available cell. */
.bk-showcase-index {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr));
  gap: 1px;
  padding: 1px;
  border: 0;
  background: var(--bk-line);
}
.bk-showcase-index a,
.bk-showcase-index a + a,
.bk-showcase-index a:nth-child(n) {
  min-height: 64px;
  border: 0;
  background: #171c1e;
}
.bk-showcase-index a:hover,
.bk-showcase-index a:focus-visible { background: #252d30; }
.bk-showcase-index a:focus-visible { outline-offset: -3px; }
.bk-showcase-index .bk-index-text {
  display: grid;
  gap: .15rem;
  color: #f3f4f4;
  letter-spacing: .04em;
  line-height: 1.25;
}
.bk-showcase-index small {
  color: #c3cbd0;
  font-size: .71rem;
  font-weight: 550;
  letter-spacing: 0;
  text-transform: none;
}
@media (max-width: 460px) {
  .bk-showcase-index { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bk-showcase-index a { gap: .38rem; padding-inline: .55rem; }
}

.legal-copy .site-acknowledgements {
  margin-top: 1.75rem;
  color: #c3cbd0;
}
.legal-copy .site-acknowledgements h2,
.legal-copy .site-acknowledgements p {
  font-size: .875rem;
  line-height: 1.55;
}
.legal-copy .site-acknowledgements h2 {
  margin: 0 0 .25rem;
  padding: 0;
  letter-spacing: normal;
}
.legal-copy .site-acknowledgements p { margin: 0; }
.site-acknowledgements h2 { scroll-margin-top: 5rem; }