.about-page .about-people{background:#141416!important;color:#fff}
.about-page .about-people p:not(.kicker){color:#d8d6d2}
.about-page .about-people .kicker{color:var(--pink)}
.team-carousel{margin-top:28px}
.team-controls{display:flex;justify-content:flex-end;gap:10px;margin-bottom:18px}
.team-controls button,.team-toggle{width:46px;height:46px;border:1px solid #555;border-radius:50%;display:grid;place-items:center;cursor:pointer;background:#141416;color:#fff;transition:background .2s ease,opacity .2s ease}
.team-controls button:disabled{opacity:.3;cursor:default}
.team-prev svg{transform:rotate(180deg)}
.team-gallery{display:flex;overflow-x:auto;scroll-snap-type:x proximity;gap:22px;align-items:flex-start;padding:4px 2px 24px;scrollbar-width:thin;scrollbar-color:#555 #141416}
.team-gallery.is-dragging{scroll-snap-type:none;cursor:grabbing;user-select:none}
.team-card>img{cursor:grab}
.team-card{position:relative;flex:0 0 calc((100% - 66px)/4);height:660px;scroll-snap-align:start;border:1px solid #414143;border-radius:16px;overflow:hidden;background:#222}
.team-card:nth-child(even){margin-top:20px;height:640px}
.team-card>img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 30%;filter:grayscale(1);transition:transform .35s ease}
.team-crop-left>img{object-position:27% 30%}
.team-crop-right>img{object-position:78% 30%}
.team-labels{position:absolute;bottom:20px;left:16px;right:16px;display:flex;align-items:start;flex-direction:column;gap:8px;transition:opacity .2s ease}
.team-labels h3{font-size:1.6rem;line-height:1.15;background:#fff;color:#17171b;border-radius:7px;margin:0;padding:8px 10px}
.about-page .team-labels p:not(.kicker){font-size:.78rem;line-height:1.4;color:#17171b;background:#fff;border-radius:6px;padding:6px 9px;margin:0}
.team-toggle{position:absolute;right:14px;top:14px;z-index:3;background:var(--pink);color:#17171b;border:0}
.team-toggle svg{transition:transform .25s ease}
.team-toggle[aria-expanded=true] svg{transform:rotate(45deg)}
.team-toggle:focus-visible,.team-controls button:focus-visible,.team-gallery:focus-visible{outline:3px solid var(--pink);outline-offset:3px}
.team-toggle:focus-visible{outline-color:#fff}
.team-detail{position:absolute;left:0;right:0;bottom:0;max-height:44%;z-index:2;padding:20px;background:#1c1c1f;border-radius:14px 14px 0 0;overflow-y:auto;transform:translateY(101%);visibility:hidden;transition:transform .28s ease,visibility .28s}
.team-detail strong{display:block;font-size:1.3rem;line-height:1.2;margin-bottom:8px;color:#fff}
.team-detail-role{display:block;font-size:.75rem;line-height:1.4;margin-bottom:14px;color:#fff}
.team-card.is-expanded .team-detail{transform:translateY(0);visibility:visible}
.team-card.is-expanded .team-labels{opacity:0}
.about-page .team-detail p:not(.kicker){font-size:.875rem;line-height:1.5;margin:0}
@media(hover:hover){
 .team-card:hover>img{transform:scale(1.015)}
 .team-toggle:hover,.team-controls button:not(:disabled):hover{background:#fff;color:#17171b}
}
@media(max-width:1000px){
 .team-card{flex-basis:46%;height:640px}
 .team-card:nth-child(even){height:640px;margin-top:18px}
}
@media(max-width:600px){
 .team-gallery{gap:14px}
 .team-card{flex-basis:88%;height:600px}
 .team-card:nth-child(even){height:600px;margin-top:12px}
 .team-detail{padding:16px}
}
@media(prefers-reduced-motion:reduce){.team-card *, .team-controls button{transition:none!important;animation:none!important}.team-card:hover>img{transform:none}}
