.team{padding:clamp(9rem,11.8vw,20rem) 0}.team__filters{display:flex;flex-flow:row wrap;gap:1rem;justify-content:center;margin:0 auto clamp(4rem,4.7vw,8rem);max-width:96rem}.team__filters .button{touch-action:manipulation}.team__filters .button:not(.is-active){border-color:var(--color-black);color:var(--color-black)}.team__filters .button:not(.is-active):is(:hover,:focus){background-color:var(--color-black);color:#fff}.team__filters .button.is-active{background-color:var(--color-cerise);border-color:transparent;color:#fff}.team__members{display:grid;gap:2rem}.team__member{--hover-radius:22vw;background-color:transparent;border-radius:2rem;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:4rem;position:relative;text-align:center;transition:background-color .15s ease-out,border-radius .15s ease-out}.team__member.fade-in{animation:fade-in .25s cubic-bezier(.39,.575,.565,1) both}.team__member.fade-out{animation:fade-out .25s cubic-bezier(.39,.575,.565,1) both}.team__member:after{content:"";display:block;height:100%;position:absolute;right:0;top:0;width:100%;z-index:0}.team__top{padding:clamp(5rem,18%,8.5rem) 6% 0;position:relative;z-index:1}.team__tagline-label,.team__title{font-family:var(--font-neue-haas);letter-spacing:.1em;text-transform:uppercase}.team__name,.team__title{transition:color .15s ease-out}.team__bottom{display:grid;justify-items:center;margin-top:2rem;overflow:hidden;position:relative;z-index:1}.team__image{background-size:cover;border-radius:2rem;grid-area:1/1;overflow:hidden;transition:opacity .15s ease-out,border-radius .15s ease-out;width:100%;z-index:0}.team__image img{aspect-ratio:.87;object-fit:cover;width:100%}.team__tagline{align-self:center;color:#fff;grid-area:1/1;opacity:0;padding:0 6%;transform:scale(1.2);transition:opacity .15s ease-out,transform .15s ease-out;z-index:1}.has-long-text .team__tagline-text{--max-fs:1.7}.team__toggle{align-items:center;background-color:rgba(0,0,0,.2);border:.2rem solid #fff;border-radius:50%;bottom:2rem;cursor:pointer;display:flex;height:4.8rem;justify-content:center;position:absolute;touch-action:manipulation;transition:transform .2s ease-out;width:4.8rem;z-index:2}html[data-whatintent=mouse] .team__toggle{display:none}.team__toggle:after,.team__toggle:before{background-color:#fff;content:"";display:block;height:.2rem;position:absolute;width:2.2rem}.team__toggle:after{transform:rotate(90deg)}.is-open .team__toggle{transform:rotate(135deg)}.team__member.is-open,html[data-whatintent=mouse] .team__member:hover{background-color:#000;border-radius:var(--hover-radius)}.team__member.is-open :is(.team__name,.team__title),html[data-whatintent=mouse] .team__member:hover :is(.team__name,.team__title){color:#fff}.team__member.is-open .team__image,html[data-whatintent=mouse] .team__member:hover .team__image{border-radius:var(--hover-radius);opacity:.25}.team__member.is-open .team__tagline,html[data-whatintent=mouse] .team__member:hover .team__tagline{opacity:1;transform:scale(1)}@media (min-width:576px){.team__members{gap:clamp(3rem,2.4vw,4rem);grid-template-columns:repeat(2,1fr)}.team__member{--hover-radius:12vw}}@media (min-width:992px){.team__members{grid-template-columns:repeat(3,1fr)}.team__member{--hover-radius:7.3vw}}@media (min-width:1700px){.team__member{--hover-radius:12.5rem}}@keyframes fade-in{0%{opacity:0;transform:translateY(3rem)}to{opacity:1;transform:translateY(0)}}@keyframes fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(3rem)}}