.team-member-section{background:#222;color:#fff;padding:10rem 0}.team-member-section .team-members{display:grid;grid-template-columns:repeat(4, 1fr);gap:4rem 2rem}@media only screen and (max-width: 849px){.team-member-section .team-members{grid-template-columns:repeat(2, 1fr)}}.team-member-section .team-members__member{opacity:0;transition:opacity 2s ease}.team-member-section .team-members__member--active{opacity:1 !important}.team-member-section .team-members__member__image{width:100%;height:auto;margin-bottom:.5rem}.team-member-section .team-members__member__info div{margin-bottom:.5rem;line-height:1.2}.team-member-section .team-members__member__info__name{font-size:2rem}@media only screen and (max-width: 1024px){.team-member-section .team-members__member__info__name{font-size:1.6rem}}@media only screen and (max-width: 1024px){.team-member-section .team-members__member__info{font-size:1.4rem}}.team-member-section .team-filters{margin-bottom:2rem;display:flex;gap:1rem;flex-wrap:wrap}.team-member-section .team-filters__button{font-weight:var(--font-body-weight);color:#fff;border:1px solid #fff;background:rgba(0,0,0,0);cursor:pointer;font-size:1.4rem}.team-member-section .team-filters__button--active,.team-member-section .team-filters__button:hover{background:#fff;color:#000}