.bkk-cards-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:16px;
}
.bkk-card{
  text-align:left;
  border:1px solid rgba(0,0,0,.12);
  border-radius:14px;
  background:#fff;
  overflow:hidden;
  cursor:pointer;
  box-shadow:0 6px 18px rgba(0,0,0,.06);
}
.bkk-card-img img{ width:100%; height:220px; object-fit:cover; display:block; }
.bkk-card-img-placeholder{
  height:220px; display:flex; align-items:center; justify-content:center;
  background:rgba(0,0,0,.04);
}
.bkk-card-body{ padding:12px 12px 14px; }
.bkk-card-role{ font-weight:700; font-size:14px; opacity:.85; }
.bkk-card-name{ font-weight:800; font-size:18px; margin-top:2px; }
.bkk-card-blurb{ margin-top:6px; font-size:13px; opacity:.9; line-height:1.35; }

.bkk-modal{ display:none; }
.bkk-modal.is-open{ display:block; position:fixed; inset:0; z-index:9999; }
.bkk-modal-backdrop{ position:absolute; inset:0; background:rgba(0,0,0,.55); }
.bkk-modal-dialog{
  position:relative;
  margin: min(6vh,60px) auto;
  width:min(980px,92vw);
  background:#fff;
  border-radius:16px;
  box-shadow:0 18px 60px rgba(0,0,0,.35);
  padding:14px;
}
.bkk-modal-close{
  position:absolute; top:10px; right:10px;
  border:0; background:#fff; border-radius:999px;
  width:38px; height:38px; cursor:pointer;
  box-shadow:0 6px 16px rgba(0,0,0,.18);
}
.bkk-modal-nav{
  position:absolute; top:50%; left:0; right:0;
  display:flex; justify-content:space-between; padding:0 10px;
  pointer-events:none;
}
.bkk-nav-btn{
  pointer-events:auto;
  border:0; background:#fff; border-radius:999px;
  width:44px; height:44px; cursor:pointer;
  box-shadow:0 6px 16px rgba(0,0,0,.18);
  font-size:24px; line-height:44px;
}
.bkk-modal-content{
  display:grid;
  grid-template-columns: 340px 1fr;
  gap:18px;
  align-items:start;
}
@media (max-width: 820px){
  .bkk-modal-content{ grid-template-columns: 1fr; }
}
.bkk-modal-img img{ width:100%; border-radius:14px; object-fit:cover; max-height:420px; }
.bkk-modal-role{ font-weight:800; font-size:16px; opacity:.9; }
.bkk-modal-name{ font-weight:900; font-size:26px; margin-top:2px; }
.bkk-modal-bio{ margin-top:10px; font-size:14px; line-height:1.55; }


.bkk-filter-row{
  display:flex; gap:10px; align-items:center;
  margin: 0 0 14px 0;
}
.bkk-filter-label{ font-weight:700; }
.bkk-year-select{
  padding:8px 10px;
  border-radius:10px;
  border:1px solid rgba(0,0,0,.18);
  background:#fff;
}