.team-grid{flex-wrap:wrap;justify-content:center;gap:30px;display:flex;position:relative}.team-member{text-align:center;cursor:pointer;flex:1;min-width:150px;max-width:200px;transition:all .5s;position:relative}.team-image-wrap{width:100%;height:300px;margin-bottom:20px;position:relative;overflow:hidden}.team-image{object-fit:cover;width:100%;height:100%;transition:transform .3s}.team-info{z-index:1;padding:0 10px;position:relative}.team-name{color:#fff;margin-bottom:5px;font-size:18px;transition:all .3s}.team-role{color:#666;margin:0 0 10px;font-size:14px;transition:all .3s}.team-member:nth-child(-n+3) .team-bio{color:#fff;opacity:0;visibility:hidden;z-index:2;text-align:left;pointer-events:none;background:#000000e6;width:300px;padding:20px;font-size:14px;line-height:1.6;transition:all .5s;position:absolute;top:0;left:100%;transform:translate(-20px)}.team-member:nth-child(n+4) .team-bio{color:#fff;opacity:0;visibility:hidden;z-index:2;text-align:left;pointer-events:none;background:#000000e6;width:300px;padding:20px;font-size:14px;line-height:1.6;transition:all .5s;position:absolute;top:0;right:100%;transform:translate(20px)}.team-member:hover{z-index:10;transform:scale(1.05)}.team-member:hover .team-bio{opacity:1;visibility:visible;transform:translate(0)}.team-member:hover .team-role{color:#fff}.team-grid:hover .team-member:not(:hover){opacity:.3;transform:scale(.95)}@media (max-width:1200px){.team-member{min-width:140px;max-width:180px}.team-bio{width:250px}}@media (max-width:992px){.team-member{min-width:120px;max-width:160px}.team-bio{width:200px;font-size:12px}}@media (max-width:768px){.team-grid{grid-template-columns:repeat(2,1fr);gap:20px;padding:0 15px;display:grid}.team-member{cursor:pointer;background:#000c;border-radius:8px;width:100%;max-width:none;padding:15px;transition:all .3s;position:relative}.team-image-wrap{border-radius:8px;width:100%;height:200px;margin-bottom:15px;overflow:hidden}.team-image{object-fit:cover;width:100%;height:100%;transition:transform .3s}.team-info{text-align:center}.team-name{color:#fff;margin-bottom:5px;font-size:18px}.team-role{color:#fff;opacity:.8;margin-bottom:10px;font-size:14px}.team-bio{display:none}.team-member:hover{transform:scale(1.02)}.bio-modal{z-index:1000;background:#000000e6;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0;overflow-y:auto}.bio-modal-content{color:#fff;background:#ffffff1a;border-radius:12px;max-width:500px;margin:20px auto;padding:20px;position:relative;top:50%;transform:translateY(-50%)}.bio-modal.active{flex-direction:column;justify-content:center;display:flex}.bio-modal.active .bio-modal-content{margin:20px;top:auto;transform:none}.bio-modal-close{color:#fff;cursor:pointer;z-index:1001;font-size:24px;position:absolute;top:10px;right:10px}.bio-modal-name{text-align:center;margin-bottom:10px;font-size:24px}.bio-modal-role{text-align:center;opacity:.8;margin-bottom:15px;font-size:16px}.bio-modal-bio{opacity:.9;font-size:16px;line-height:1.6}}@media (max-width:576px){.team-grid{gap:15px;padding:0 10px}.team-member{padding:12px}.team-image-wrap{height:180px;margin-bottom:12px}.team-name{font-size:16px}.team-role{font-size:13px}.bio-modal-content{margin:15px;padding:15px}.bio-modal-name{font-size:20px}.bio-modal-role,.bio-modal-bio{font-size:14px}}