.team-listing{--gutter:1.5rem}.team-listing__member{aspect-ratio:var(--aspect-ratio,7/5);background-color:var(--mouse);cursor:pointer;display:flex;flex-wrap:wrap;position:relative;transition:all .2s ease-in-out}.team-listing__member:hover,.team-listing__member[aria-expanded=true]{background-color:var(--eggplant)}.team-listing__member-info{display:flex;flex-direction:column;height:100%;justify-content:space-between;left:0;max-width:50%;padding:20px 0 20px 20px;position:absolute}.team-listing__member-image img{bottom:0;height:100%;position:absolute;right:0;width:100%}.team-listing__member-info h3{color:var(--darkbrown);margin-bottom:.5em}.team-listing__member-info p{color:var(--darkbrown);line-height:1.5;margin:0}.team-listing .speaker-detail{margin-bottom:var(--gutter);max-height:0;overflow:hidden}.team-listing .speaker-detail-info{background-color:var(--mouse);padding:20px}.team-listing .speaker-detail h3,.team-listing .speaker-detail h5,.team-listing .speaker-detail p{color:var(--darkbrown)}.team-listing .speaker-detail h3+h5{margin-top:0}.team-listing .speaker-detail.-active{max-height:1400px;transition:max-height .5s ease-in}.team-listing .speaker-detail-info span{color:var(--darkbrown)}@media (max-width:767px){.team-listing__member[aria-expanded=true] .team-listing__member-image,.team-listing__member[aria-expanded=true] .team-listing__member-info{border-radius:30px 30px 0 0}.team-listing .speaker-detail p{margin-top:0}.team-listing .speaker-detail h3,.team-listing .speaker-detail h5{display:none}}@media (min-width:768px){.team-listing .speaker-grid{column-gap:var(--gutter);display:grid;grid-template-areas:"sp sp sp" "bio bio bio";grid-template-columns:repeat(3,1fr);row-gap:var(--gutter)}.team-listing__member[aria-expanded=true]:after{background-color:var(--eggplant);bottom:calc((var(--gutter)/2)*-1);content:"";height:var(--gutter);left:20px;position:absolute;transform:rotate(45deg);width:var(--gutter)}.team-listing .speaker-detail{grid-area:bio;margin-bottom:0}.team-listing .speaker-detail-info{padding:30px}.team-listing .speaker-detail.-active{margin-bottom:var(--gutter)}.team-listing__member-info h3.h5{font-size:20px}}@media (min-width:768px) and (max-width:991px){.team-listing__member{aspect-ratio:auto;flex-direction:column-reverse;justify-content:space-between}.team-listing__member-info{height:fit-content;max-width:100%;padding:20px;position:relative}.team-listing__member-image img{position:relative}}