.bt-members{padding-block:var(--sec);background:radial-gradient(70% 55% at 50% 45%,rgba(56,58,122,.55),transparent 75%),var(--night)}
.bt-members .bt-h2,.bt-members .bt-kicker{text-align:center}
.bt-members__grid{list-style:none;margin:clamp(24px,4vw,44px) 0 0;padding:0;--cols:2;--gap:clamp(14px,2.2vw,22px);display:flex;flex-wrap:wrap;justify-content:center;gap:var(--gap)}
/* Flex + fixed card widths: an incomplete last row (e.g. 4+2) is centered, never orphaned left. */
.bt-members__grid>.bt-member{flex:0 0 calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols));max-width:calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols));box-sizing:border-box}
.bt-member{position:relative;text-align:center;padding:16px 14px 20px;border-radius:var(--r);background:var(--indigo-2);border:2px solid rgba(238,231,201,.12);transition:transform .25s cubic-bezier(.3,1.6,.5,1),background-color .25s}
.bt-member:hover,.bt-member:focus-within{transform:translateY(-6px) rotate(-1.5deg);background:var(--dusk)}
.bt-member:nth-child(even):hover,.bt-member:nth-child(even):focus-within{transform:translateY(-6px) rotate(1.5deg)}
.bt-member__img{aspect-ratio:1;border-radius:50%;overflow:hidden;margin:0 auto 12px;width:min(100%,180px);background:#26215b;box-shadow:0 0 0 4px var(--cream),0 0 0 8px var(--pink-btn)}
.bt-member__img img{width:100%;height:100%;object-fit:cover}
.bt-member__name{font-size:1.15rem;margin:.3em 0 .15em}
.bt-member__name a{color:var(--cream);text-decoration:none}
.bt-member__name a::after{content:"";position:absolute;inset:0;border-radius:var(--r)}
.bt-member__name a:focus-visible{outline:none}
.bt-member:focus-within{outline:3px solid var(--gold);outline-offset:3px}
.bt-member__role{font-family:var(--f-metal);color:var(--gold);font-size:.88rem;font-weight:400;line-height:1.25;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .45em}
.bt-member__text{font-size:.9rem;color:var(--muted);margin:0}
/* Columns: 1 tiny phones, 2 phones + tablets (home = 2x2), 4 from 1000px (home = one row of 4). Full list: 3 on mid widths, max 4. */
@media (max-width:359px){.bt-members__grid{--cols:1}}
@media (min-width:1000px){.bt-members__grid{--cols:4}}
@media (min-width:760px) and (max-width:999px){.bt-members__grid--all{--cols:3}}
.bt-members__more{text-align:center;margin:clamp(28px,4vw,44px) 0 0}
@media (prefers-reduced-motion:reduce){.bt-member{transition:none}.bt-member:hover,.bt-member:focus-within,.bt-member:nth-child(even):hover{transform:none}}