.employee{--_background:var(--background,#722135);--_background-image:var(--background-image,url(/images/patterns/thin-diagonal.svg));--_background-hover:var(--background-hover,#e44718);--_title:var(--title,#722135);flex-direction:column;max-width:424px;min-height:500px;display:flex;position:relative}.employee.contact{max-width:385px}.employee.contact .about{background-color:#fff;width:calc(100% - 30px)}.employee:hover .profile-picture{background-color:var(--_background-hover);background-image:var(--_background-image);background-repeat:repeat}.employee.open .profile-picture img{transform:translateY(-70px)}.employee.open .about .bio{max-height:100px;margin-top:24px}.employee.open .about .short-about .contact{max-height:0;margin-top:0}.employee.open .profile-picture{height:450px}.employee .profile-picture{object-fit:cover;background-color:var(--_background);width:100%;height:520px;transition:background-color .2s ease-in-out,height .2s linear;overflow:hidden}.employee .profile-picture img{transition:all .2s linear}.employee .about{background-color:#e5e0d8;width:calc(100% - 40px);padding:32px 24px;position:absolute;bottom:-10%}.employee .about .short-about{flex-direction:column;justify-content:space-between;display:flex;position:relative}.employee .about .short-about .person-bu-logo{margin-bottom:25px}.employee .about .short-about h3{color:var(--_title);margin-top:0;margin-bottom:8px;font-size:28px}.employee .about .short-about h4{color:#787a7d;margin:0;font-size:12px}.employee .about .short-about button{cursor:pointer;background-color:#0000;border:0;justify-content:center;align-items:center;width:24px;height:24px;margin:0;padding:0;display:flex;position:absolute;right:0}.employee .about .short-about button svg line{stroke:var(--_title)}.employee .about .short-about .contact{flex-direction:column;max-height:90px;margin-top:25px;transition:all .2s linear;display:flex;overflow:hidden}.employee .about .short-about .contact .email{flex-direction:column;margin-bottom:25px;display:flex}.employee .about .short-about .contact .email label{color:#787a7d;margin-bottom:3px;font-size:12px}.employee .about .short-about .contact .email a{color:#351b2a;font-size:18px}.employee .about .short-about .contact .link a{color:#351b2a;align-items:center;font-size:16px;font-weight:700;display:flex}.employee .about .short-about .contact .link a:hover{color:var(--_background-hover)}.employee .about .short-about .contact .link a:hover svg path{fill:var(--_background-hover)}.employee .about .short-about .contact .link a svg{margin-left:12px}.employee .about .bio{max-height:0;margin-top:0;font-size:14px;transition:all .2s linear;overflow:hidden}.employee.digital{--background:#314a5e;--_title:#314a5e;--background-hover:#db9e41;--background-image:url(/images/patterns/cross.svg)}.employee.performance{--background:#275648;--_title:#275648;--background-hover:#3b389f;--background-image:url(/images/patterns/plus.svg)}.employee.next{--background:#756185;--_title:#756185;--background-hover:#e26262;--background-image:url(/images/patterns/thin-diagonal.svg)}.employee.creative{--background:#ae2031;--_title:#ae2031;--background-hover:#5bc6c7;--background-image:url(/images/patterns/bold-diagonal.svg)}