.bbc-team__grid { display: grid; grid-template-columns: repeat(var(--cols, 4), 1fr); gap: 1.5rem 1.25rem; }
.bbc-person { display: flex; flex-direction: column; align-items: flex-start; gap: .15rem; text-align: left; background: none; border: 0; padding: 0; font: inherit; color: inherit; cursor: default; }
.bbc-person.has-bio { cursor: pointer; }
.bbc-person__photo { display: block; width: 100%; aspect-ratio: 1; border-radius: var(--radius); overflow: hidden; background: var(--paper-2); margin-bottom: .6rem; }
.bbc-person__photo img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s var(--ease); }
.bbc-person.has-bio:hover .bbc-person__photo img { transform: scale(1.04); }
.bbc-person__initials { display: grid; place-items: center; height: 100%; font-size: 3rem; font-weight: 800; color: var(--muted); }
.bbc-person__name { font-weight: 800; font-size: 1.05rem; }
.bbc-person__role { color: var(--muted); font-size: .9rem; line-height: 1.35; }
.bbc-person__more { font-size: .85rem; font-weight: 700; color: var(--accent); margin-top: .3rem; }
@media (max-width: 960px) { .bbc-team__grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 600px) { .bbc-team__grid { grid-template-columns: repeat(2, 1fr); gap: 1.25rem .9rem; } }
.bbc-bio { border: 0; padding: 0; border-radius: var(--radius); max-width: min(92vw, 760px); width: 100%; box-shadow: var(--shadow-lg); background: var(--white); color: var(--ink); }
.bbc-bio::backdrop { background: rgba(15,32,39,.6); backdrop-filter: blur(4px); }
.bbc-bio__inner { display: grid; grid-template-columns: 220px 1fr; gap: 1.75rem; padding: clamp(20px, 3vw, 36px); }
.bbc-bio__inner .bbc-person__photo { margin: 0; }
.bbc-bio__inner h3 { font-size: 1.7rem; margin-bottom: .2rem; }
.bbc-bio__text { max-height: 50vh; overflow: auto; padding-right: .5rem; }
.bbc-bio__close { position: absolute; right: 10px; top: 10px; background: var(--paper-2); border: 0; border-radius: 999px; width: 40px; height: 40px; display: grid; place-items: center; cursor: pointer; }
@media (max-width: 640px) { .bbc-bio__inner { grid-template-columns: 1fr; } .bbc-bio__inner .bbc-person__photo { width: 140px; } }