.leadership-cards{display:flex;flex-direction:column;--card-margin:16px;--card-margin-total:calc(var(--card-margin)*2);@media (min-width:992px){flex-direction:row;flex-wrap:wrap;justify-content:center;&.flex-columns-3 .card,&.flex-columns-3-1 .card{width:calc(33.33333% - var(--card-margin-total))}&.flex-columns-4 .card{width:calc(25% - var(--card-margin-total))}&.flex-columns-5 .card{width:calc(20% - var(--card-margin-total))}}.card{cursor:pointer;display:flex;flex-direction:column;margin:var(--card-margin);overflow:hidden;padding:0;.card-header{align-items:flex-end;aspect-ratio:4/5;display:flex;justify-content:center;overflow:hidden;position:relative;width:100%;img{filter:grayscale(1);height:auto;width:90%}}.card-body{padding:1rem;h3{align-items:center;display:flex;font-size:1.25rem;gap:1rem;justify-content:center}.bio,h3{margin-bottom:.5rem}.bio{color:var(--grey-medium);font-size:.875rem;margin-top:.5rem}}&:hover .card-header{img{filter:unset}}}}.team-dialog{border:none;border-radius:.5rem;max-height:90vh;opacity:0;overflow-y:auto;padding:3.5rem 2rem 2rem;transform:translateY(1rem);transition:opacity .3s ease,transform .3s ease,overlay allow-discrete .3s ease,display allow-discrete .3s ease;width:min(100% - 4rem,1024px);&[open]{opacity:1;transform:translateY(0);@starting-style{opacity:0;transform:translateY(1rem)}}&::backdrop{background-color:rgba(13,40,58,0);transition:background-color .3s ease,overlay allow-discrete .3s ease,display allow-discrete .3s ease}&[open]::backdrop{background-color:rgba(13,40,58,.7);@starting-style{background-color:rgba(13,40,58,0)}}.close-btn{background:none;border:none;cursor:pointer;font-size:2rem;line-height:1;position:absolute;right:1rem;top:.5rem}.modal-card{display:flex;flex-direction:column;gap:2rem;@media (min-width:1200px){align-items:center;display:grid;gap:3rem;grid-template-columns:40% 1fr}.card-header{align-self:flex-start;display:flex;flex-direction:column;gap:1.5rem;overflow:hidden;width:100%;img{height:100%;object-fit:cover;width:100%}.h4{font-size:1.25rem;margin-bottom:0}.modal-position{font-size:1.125rem}}.card-body{display:flex;flex-direction:column;gap:.5rem;p{font-size:1rem}}}}