.team{margin:0 -20px -20px;clear:both}.team .stage{display:flex;flex-direction:column;height:100%}.team .lbl{background-color:#415161;color:#fff;text-align:center;padding:10px;transition:background-color .3s linear;flex:1 1 auto;display:flex;align-items:center;justify-content:center;flex-direction:column}.team .lbl p{margin:0;padding:0;line-height:1.3em}.team .lbl strong{font-size:1.2em}.team .lbl span{display:block}.member{position:relative;cursor:pointer}.member:hover .lbl{background-color:#0085ac}.member{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}.member img{filter:grayscale(100%);transition:filter .3s linear}.member.clicked img,.member:hover img,.nojs .member:active img{filter:grayscale(0)}.member .backstage{overflow:hidden;top:0;bottom:0;position:absolute;width:100%;pointer-events:none;user-select:none}.member.clicked,.nojs .member:active{z-index:3}.member.clicked .backstage,.nojs .member:active .backstage{pointer-events:auto}.member.unclicked{z-index:1}.member .quote{padding:10px 20px;overflow:hidden;bottom:0;top:100%;width:100%;background-color:#fff;transition:top .3s linear;background-color:rgba(255,255,255,.8);position:absolute;box-sizing:border-box}.member.clicked .quote,.nojs .member:active .quote{top:0;overflow:auto}@media (min-width:512px){.team{display:grid;grid-template-columns:1fr 1fr}.member .backstage{position:absolute;top:0;left:100%;width:0%}.member .backstage .quote{left:0;top:0;bottom:100%;width:auto;transition:none}.member.clicked .backstage,.nojs .member:active .backstage{width:100%}.member.clicked .backstage .quote,.nojs .member:active .backstage .quote{animation:stagein .6s 1 forwards;bottom:0;right:0}.member.unclicked .backstage{width:0%;transition:width .1s linear;transition-delay:.3s}.member.unclicked .backstage .quote{animation:stagein-rev .6s 1 forwards;bottom:0;right:0}}@media (min-width:512px) and (max-width:766px){.member:nth-child(2n).clicked .backstage,.nojs .member:nth-child(2n):active .backstage{right:100%;left:auto}.member:nth-child(2n).clicked .backstage .quote,.nojs .member:nth-child(2n):active .backstage .quote{animation-name:stager}.member:nth-child(2n).unclicked .backstage .quote{animation-name:stager-rev;right:0;left:auto}}@media (min-width:767px){.team{grid-template-columns:1fr 1fr 1fr 1fr}.member.clicked .backstage,.nojs .member:active .backstage{width:200%}.member:nth-child(4n).clicked .backstage,.member:nth-child(4n).unclicked .backstage,.member:nth-child(4n-1).clicked .backstage,.member:nth-child(4n-1).unclicked .backstage,.nojs .member:nth-child(4n):active .backstage,.nojs .member:nth-child(4n-1):active .backstage{right:100%;left:auto}.member:nth-child(4n).clicked .backstage .quote,.member:nth-child(4n-1).clicked .backstage .quote,.nojs .member:nth-child(4n):active .backstage .quote,.nojs .member:nth-child(4n-1):active .backstage .quote{animation-name:stager}.member:nth-child(4n).unclicked .backstage .quote,.member:nth-child(4n-1).unclicked .backstage .quote{animation-name:stager-rev}}@media (min-width:1092px){.member.clicked .backstage,.nojs .member:active .backstage{width:100%}}@keyframes stagein{0%{right:100%;bottom:100%;padding:10px 0;overflow:hidden}30%{right:0;bottom:100%;padding:10px 20px}99%{overflow:hidden}}@keyframes stagein-rev{1%{overflow:hidden}70%{right:0;bottom:100%;padding:10px 20px}100%{right:100%;bottom:100%;padding:10px 0;overflow:hidden}}@keyframes stager{0%{left:100%;bottom:100%;padding:10px 0;overflow:hidden}30%{left:0;bottom:100%;padding:10px 20px}99%{overflow:hidden}}@keyframes stager-rev{1%{overflow:hidden}70%{left:0;bottom:100%;padding:10px 20px}100%{left:100%;bottom:100%;padding:10px 0;overflow:hidden}}