.grid-cards__grid{display:flex;flex-wrap:wrap;gap:32px;justify-content:center}.grid-card{background:none;border:0;cursor:pointer;display:flex;flex:0 0 calc(25% - 24px);flex-direction:column;gap:1.5rem;margin-bottom:2rem;max-width:calc(25% - 24px);padding:0;text-align:left}.grid-card__image{overflow:hidden}.grid-card__image img{display:block;filter:grayscale(100%);transition:filter .3s ease;width:100%}.grid-card:focus-visible img,.grid-card:hover img{filter:grayscale(0)}.grid-card__content{padding-top:12px}.grid-card h3{font-size:1rem;margin:0}.grid-card .role{color:#555;font-size:.875rem;margin:4px 0 8px}.grid-card .cta{border:1px solid #00bfa5;border-radius:2px;color:#00bfa5;display:inline-block;font-size:1rem;margin-top:2rem;padding:6px 10px}.grid-modal{inset:0;opacity:0;pointer-events:none;position:fixed;visibility:hidden;z-index:1000}.grid-modal.is-open{opacity:1;pointer-events:auto;visibility:visible}.grid-modal__overlay{background:rgba(0,0,0,.6);inset:0;position:absolute}.grid-modal__panel{background:#fff;margin:10vh auto;max-width:700px;padding:3rem;position:relative}.grid-modal__panel h2{margin-bottom:0}.grid-modal__close{background:none;border:none;color:#00b388;cursor:pointer;font-size:2.5rem;position:absolute;right:1rem;top:0}.modal-role{color:#000;font-size:1rem;margin-bottom:16px}body.modal-open{overflow:hidden;position:fixed;width:100%}@media (max-width:1024px){.grid-card{flex:0 0 calc(33.333% - 22px);max-width:calc(33.333% - 22px)}}@media (max-width:768px){.grid-card{flex:0 0 calc(50% - 16px);max-width:calc(50% - 16px)}}@media (max-width:480px){.grid-card{flex:0 0 100%;max-width:100%}.grid-modal__panel{margin:5vh 16px;padding:24px}}