#staff{position:relative}.staff__content{position:relative}.staff__media{position:relative}.staff__media .staff__img{border-radius:.25rem;display:block;height:auto;width:100%}.staff__media .staff__bio-link{align-items:center;background:rgba(0,0,0,.4);border:none;cursor:pointer;display:flex;inset:0;justify-content:center;opacity:0;padding:0;position:absolute;transition:opacity .3s ease;width:100%;z-index:1}.staff__media .staff__bio-label{background:var(--xui-primary);border-radius:.25rem;bottom:.75rem;color:#fff;font-size:.75rem;font-weight:600;padding:.35rem .75rem;pointer-events:none;position:absolute;right:.75rem;text-transform:uppercase;transition:background .3s ease,transform .3s ease;z-index:2}.staff__media:focus-within .staff__bio-link,.staff__media:hover .staff__bio-link{opacity:.15}.staff__media:focus-within .staff__bio-label,.staff__media:hover .staff__bio-label{background:var(--xui-secondary);transform:scale(1.05)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.modal{align-items:center;background:rgba(0,0,0,.7);display:none;inset:0;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;width:100vw;z-index:100000}.modal.show{display:flex;min-height:100vh;opacity:1;visibility:visible}.modal .modal__content{background:#fff;border-radius:.5rem;box-shadow:0 .25rem .5rem rgba(0,0,0,.2);display:flex;flex-direction:column;overflow-y:auto;max-height:100vh;padding:2rem;position:relative;text-align:left;width:90%}@media (min-width:768px){.modal .modal__content{flex-direction:row;max-width:950px}}.modal .modal__content .modal__close{background:0 0;border:none;cursor:pointer;font-size:2rem;font-weight:700;line-height:1;position:absolute;right:1.5rem;top:1.5rem}.modal .modal__content .modal__close:hover{color:var(--xui-primary)}.modal .modal__content .modal__img{flex:0 0 35%;margin-right:1.5rem}.modal .modal__content .modal__img img{border-radius:.25rem;height:auto;width:100%}.modal .modal__content .modal__details{display:flex;flex:1;flex-direction:column}.modal .modal__content .modal__details .modal__title{font-size:var(--xui-font-size-md);font-weight:var(--xui-font-weight-bold)}.modal .modal__content .modal__details .modal__job-title{font-style:italic}.modal .modal__content .modal__details .modal__bio{margin-top:1rem}