.team__container{display:flex;flex-wrap:wrap;gap:3rem;justify-content:center;width:100%}.team__member{align-items:center;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-start;max-width:22rem;width:100%}.team__member-image{align-items:center;border-radius:50%;box-shadow:0 0 0 transparent;display:flex;height:13rem;justify-content:center;margin-bottom:1.5rem;transition:box-shadow .3s ease-in-out;width:13rem}.team__member:hover .team__member-image{box-shadow:0 3px 10px rgba(0,0,0,.3)}.team__member-image img{width:100%}.team__member-name{font-size:1.8rem;margin-bottom:.5rem}.team__member-title{font-size:1.4rem;margin-block:0}.modal{align-items:center;background-color:rgba(0,0,0,.4);display:flex;height:100vh;justify-content:center;opacity:0;position:fixed;top:0;transition:all .3s ease-in-out;visibility:hidden;width:100%;z-index:9999}.modal--open{opacity:1;visibility:visible}.modal-dialog{background-color:#fff;box-sizing:border-box;max-height:60rem;max-width:100rem;opacity:0;position:relative;top:30rem;transition:all .3s ease-in-out;width:90%}@media (max-width:740px){.modal-dialog{max-height:90%;max-width:90%;overflow:scroll}}.modal--open .modal-dialog{opacity:1;top:0}.modal-header{align-items:center;display:flex;justify-content:flex-end;position:sticky;top:0}.modal-header .close{appearance:none;background:#000;border:0;color:#fff;cursor:pointer;font-size:3rem;height:4rem;line-height:1;width:4rem}.modal-body{padding:0 6rem 6rem}.modal-content{display:flex;flex-direction:column;max-height:100%}.modal-body__header{align-items:center;display:flex;gap:3rem;justify-content:flex-start}@media (max-width:740px){.modal-body{padding:0 3rem 3rem}.modal-body__header{flex-direction:column;gap:0;text-align:center}}.modal-body .team-member-name{margin-bottom:0}.modal-body .team-member-title{margin-block:0 2rem}.modal-body .team-member-bio{padding-inline:3rem}@media (max-width:740px){.modal-body .team-member-bio{padding-inline:1.5rem}}.modal-body .team-member-bio p{font-size:1.6rem}