.team-module{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.team-module .member{position:relative;display:flex;flex-flow:column nowrap;overflow:hidden;border:1px solid #e5e5e5;border-radius:2px;padding:20px;opacity:0}.team-module .member.in-view{opacity:1;animation:fadeInUp .6s ease-in-out;animation-fill-mode:backwards}@media screen and (min-width:768px){.team-module .member.in-view:nth-of-type(3n+2){animation-delay:.2s}.team-module .member.in-view:nth-of-type(3n+3){animation-delay:.4s}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.team-module .image{clip-path:polygon(50% 0,100% 30%,100% 70%,50% 100%,0 70%,0 30%);aspect-ratio:292/316;object-fit:cover;filter:var(--grayscale,grayscale(1));cursor:var(--cursor,pointer)}.team-module .name-and-role{display:flex;flex-flow:row nowrap;align-items:baseline;justify-content:space-between;gap:10px;color:#414042;margin-top:40px;cursor:var(--cursor,pointer)}.team-module .name,.team-module .role{color:inherit;margin:0;transition:color .15s linear}.team-module .image:hover~.name-and-role .name,.team-module .image:hover~.name-and-role .role,.team-module .name-and-role:hover .name,.team-module .name-and-role:hover .role{color:var(--hover-color)}.team-module .name{font-family:museo,Open Sans,Helvetica Neue,Helvetica,sans-serif;font-size:20px;font-weight:600}.team-module .member .border-left{position:absolute;width:20%;height:100%;top:0;right:-20%;background-color:var(--primary-color,#ee2e2e);clip-path:polygon(100% 0,100% 100%,0 50%);transition:right .6s ease}.team-module .member.active .border-left{right:100%}.team-module .member .overlay{position:absolute;top:0;left:120%;width:100%;height:100%;display:flex;flex-flow:column nowrap;overflow:auto;padding:70px 30px;transition:left .6s ease;color:#fff;background-color:var(--primary-color,#ee2e2e)}.team-module .member.active .overlay{left:0}.team-module .member .overlay>.name{opacity:0;transform:translateY(20px);transition:all .6s ease .6s}.team-module .member.active .overlay>.name{opacity:1;transform:translateY(0)}.team-module .member .overlay>.role{opacity:0;transform:translateY(20px);transition:all .6s ease .8s}.team-module .member.active .overlay>.role{opacity:1;transform:translateY(0)}.team-module .member .overlay>.content{opacity:0;transform:translateY(20px);transition:all .6s ease 1s}.team-module .member.active .overlay>.content{opacity:1;transform:translateY(0)}.team-module .member .overlay .close{position:absolute;top:20px;right:20px;cursor:pointer}