.team-accordion{gap:.875rem;width:100%;height:20rem;display:flex}.team-accordion__item{flex:1 1 0;min-width:4.5rem;height:100%;transition:flex .55s cubic-bezier(.16,1,.3,1)}.team-accordion__item:hover,.team-accordion__item:focus-within{flex:4 1 0}.team-accordion__card{border-radius:1rem;width:100%;height:100%;transition:box-shadow .55s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 4px 24px #1a506014}.team-accordion__item:hover .team-accordion__card,.team-accordion__item:focus-within .team-accordion__card{box-shadow:0 12px 36px #1a506024}.team-accordion__media{width:100%;height:100%;position:absolute;inset:0}.team-accordion__media img{object-fit:cover;object-position:top;width:100%;height:100%}.team-accordion__caption{z-index:1;background:linear-gradient(#0000 0%,#0f192359 62%,#0f1923b8 100%);padding:2.5rem .75rem .875rem;transition:padding .45s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:0;right:0}.team-accordion__item:hover .team-accordion__caption,.team-accordion__item:focus-within .team-accordion__caption{background:linear-gradient(#0000 0%,#0f192366 58%,#0f1923c7 100%);padding:3rem 1rem 1rem}.team-accordion__name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;font-weight:600;line-height:1.2;transition:font-size .45s cubic-bezier(.16,1,.3,1);overflow:hidden}.team-accordion__item:hover .team-accordion__name,.team-accordion__item:focus-within .team-accordion__name{white-space:normal;font-size:.95rem}.team-accordion__role{letter-spacing:.08em;text-transform:uppercase;color:#ffffffd1;opacity:0;white-space:nowrap;max-height:0;margin-top:0;font-size:.65rem;font-weight:500;line-height:1.3;transition:opacity .4s cubic-bezier(.16,1,.3,1),max-height .45s cubic-bezier(.16,1,.3,1),margin-top .45s cubic-bezier(.16,1,.3,1);overflow:hidden}.team-accordion__item:hover .team-accordion__role,.team-accordion__item:focus-within .team-accordion__role{opacity:1;white-space:normal;max-height:3rem;margin-top:.35rem}@media (min-width:768px){.team-accordion__item:not(:hover):not(:focus-within) .team-accordion__name{writing-mode:vertical-rl;text-overflow:clip;max-height:7rem;transform:rotate(180deg)}}@media (max-width:767px){.team-accordion{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;height:18rem;padding-bottom:.5rem;overflow-x:auto}.team-accordion__item{scroll-snap-align:center;flex:0 0 9.5rem;min-width:9.5rem}.team-accordion__item:hover,.team-accordion__item:focus-within{flex:0 0 14rem}.team-accordion__name{writing-mode:horizontal-tb;font-size:.8rem;transform:none}.team-accordion__item:hover .team-accordion__name,.team-accordion__item:focus-within .team-accordion__name{font-size:1rem}}