.team{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:4rem}.team,.team-card{position:relative}.team-card{background:#000;border:2px solid #fff;border-radius:12px;overflow:hidden;transition:transform .3s ease}.team-card-image img{display:block;transition:filter .3s ease;width:100%}.team-card-content{padding:1rem}.team-card-name{color:#fff;font-size:1.5rem;margin:0;padding:0}.team-card-hover{align-items:flex-start;background:rgba(0,0,0,.65);color:#fff;display:flex;flex-direction:column;inset:0;justify-content:flex-start;opacity:0;padding:1rem;position:absolute;transition:opacity .3s ease}.team-card:hover .team-card-image{filter:grayscale(1)}.team-card:hover .team-card-hover{opacity:1}.team-card-readmore{background:none;border:none;color:gold;cursor:pointer;font-weight:700;position:relative;text-decoration:underline;text-transform:uppercase}.team-card-readmore:after{content:"";cursor:pointer;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.team-card[data-has-bio=true]{cursor:pointer}.team-card-position{font-family:din-2014;font-size:var(--step-1);font-weight:600;margin:2rem 0 0;padding:0;text-transform:uppercase}.team-modal{align-items:center;background:transparent;display:flex;inset:0;justify-content:center;opacity:0;padding:2rem;pointer-events:none;position:fixed;transition:background .4s ease,opacity .4s ease,visibility 0s linear .4s;visibility:hidden;z-index:1000}.team-modal.active{background:rgba(0,0,0,.9);opacity:1;pointer-events:auto;transition:background .4s ease,opacity .4s ease;visibility:visible}.team-modal-inner{background:#111;background-blend-mode:luminosity;background-position:50% 20%;border:2px solid #fff;border-radius:12px;color:#fff;margin-left:0;max-height:100%;max-width:800px;opacity:0;overflow-y:scroll;position:relative;scrollbar-width:none;transform:translateY(50px) scale(.85);transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .4s ease;width:100%}@media (max-width:1159px){.team-modal-inner{margin-left:0;max-height:100%;overflow-y:scroll}.team-modal-body,.team-modal-header{border-radius:0!important}}.team-modal.active .team-modal-inner{opacity:1;transform:translateY(0) scale(1)}.team-modal-body{background:#000000cc;border-radius:12px;padding:.5rem 1.5rem}.team-modal-header{background:#000;border-radius:12px;padding:1.5rem;position:relative}.team-modal-name{margin:0;max-width:80%;padding:0}.team-modal-position{font-family:din-2014;font-size:var(--step-1);font-weight:600;letter-spacing:1px;margin:0;padding:0;text-transform:uppercase}.team-modal-close{background:none;border:none;color:#fff;cursor:pointer;font-size:2rem;position:absolute;right:.5rem;top:-.5rem;transition:transform .2s ease}.team-modal-close:hover{transform:scale(1.2)}body.modal-open{overflow:hidden}