.person{display:flex;flex-direction:column;height:100%;text-decoration:none}.person__image{aspect-ratio:3/4;overflow:hidden;position:relative}.person__image figure{margin-bottom:0}.person__image img{height:100%;object-fit:cover;width:100%}.person__quote{align-items:center;background-color:rgba(0,60,70,.85);color:#fff;display:flex;font-size:20px;font-weight:300;justify-content:center;line-height:2;margin:0;opacity:0;padding:1.5rem;transform:translateY(100%);transition:opacity .6s cubic-bezier(0,.35,.4,1),transform .6s cubic-bezier(0,.35,.4,1);z-index:1}.person__quote,.person__quote-shape{inset:0;pointer-events:none;position:absolute}.person__quote-shape{height:auto;left:0;max-width:none;opacity:.3;top:-10%;width:140%;z-index:0}.person__quote-text{color:#fff;position:relative;width:100%;z-index:1}.person__quote-text a,.person__quote-text em,.person__quote-text li,.person__quote-text p,.person__quote-text span,.person__quote-text strong{color:inherit}.person__quote-text p{margin:0}.person__quote-text p:first-child:before,.person__quote-text p:last-child:after{content:'"'}.person__quote-text p+p{margin-top:.5rem}@media (hover:hover){.person:hover .person__quote{opacity:1;transform:translateY(0)}}.person:focus-within .person__quote{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.person__quote{transform:none;transition:opacity .15s linear}}@media (prefers-reduced-motion:reduce) and (hover:hover){.person:hover .person__quote{transform:none}}@media (prefers-reduced-motion:reduce){.person:focus-within .person__quote{transform:none}}.person__details{background-color:#003c46;flex-grow:1;line-height:2;padding:1rem}.person__details,.person__details a{color:#fff}.person__name{color:#b4c0af}