body:not(.wp-admin) .role-showcase .role-showcase__heading{margin-bottom:50px}body:not(.wp-admin) .role-showcase .role-showcase__cards{display:grid;grid-template-columns:repeat(4, 1fr);grid-gap:24px;gap:24px}body:not(.wp-admin) .role-showcase.grid-column-2 .role-showcase__cards{grid-template-columns:repeat(2, 1fr)}body:not(.wp-admin) .role-showcase.grid-column-3 .role-showcase__cards{grid-template-columns:repeat(3, 1fr)}body:not(.wp-admin) .role-showcase.grid-column-4 .role-showcase__cards{grid-template-columns:repeat(4, 1fr)}body:not(.wp-admin) .role-showcase .role-showcase__card{background-color:var(--wp--preset--color--base);border:1.5px solid var(--wp--preset--color--contrast);border-radius:22px;padding:32px;display:flex;flex-direction:column;align-items:center;box-shadow:0 2px 6px rgba(20,12,60,.04);transition:transform .15s ease, box-shadow .15s ease;position:relative;overflow:hidden;outline:none;color:inherit}body:not(.wp-admin) .role-showcase .role-showcase__card .role-showcase__card-content{width:100%;max-width:200px;text-align:center}body:not(.wp-admin) .role-showcase .role-showcase__card .role-showcase__card-content img{width:100%;height:auto;aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover;border-radius:50%}body:not(.wp-admin) .role-showcase .role-showcase__card .role-showcase__card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--wp--preset--color--contrast);color:var(--wp--preset--color--base);display:flex;flex-direction:column;align-items:center;padding:32px;opacity:0;transition:opacity .3s ease;overflow-y:auto}body:not(.wp-admin) .role-showcase .role-showcase__card .role-showcase__card-overlay .role-showcase__card-description{margin:auto 0}body:not(.wp-admin) .role-showcase .role-showcase__card.has-description{cursor:pointer}body:not(.wp-admin) .role-showcase .role-showcase__card.has-description:hover,body:not(.wp-admin) .role-showcase .role-showcase__card.has-description:focus{box-shadow:0 6px 18px rgba(20,12,60,.1)}body:not(.wp-admin) .role-showcase .role-showcase__card.has-description:hover .role-showcase__card-content,body:not(.wp-admin) .role-showcase .role-showcase__card.has-description:focus .role-showcase__card-content{opacity:.1}body:not(.wp-admin) .role-showcase .role-showcase__card.has-description:hover .role-showcase__card-overlay,body:not(.wp-admin) .role-showcase .role-showcase__card.has-description:focus .role-showcase__card-overlay{opacity:1}@media (max-width: 1024px){body:not(.wp-admin) .role-showcase.breakpoint-large-tablet .role-showcase__cards{grid-template-columns:repeat(1, 1fr) !important}}@media (max-width: 991px){body:not(.wp-admin) .role-showcase.breakpoint-small-tablet .role-showcase__cards{grid-template-columns:repeat(1, 1fr) !important}}@media screen and (max-width: 991px){body:not(.wp-admin) .role-showcase .role-showcase__cards{grid-template-columns:repeat(2, 1fr)}body:not(.wp-admin) .role-showcase.grid-column-4 .role-showcase__cards{grid-template-columns:repeat(2, 1fr)}}@media screen and (max-width: 768px){body:not(.wp-admin) .role-showcase .role-showcase__heading{margin-bottom:24px}body:not(.wp-admin) .role-showcase .role-showcase__cards{grid-template-columns:repeat(1, 1fr)}body:not(.wp-admin) .role-showcase .role-showcase__card{border-radius:10px;padding:20px}}@media (max-width: 767px){body:not(.wp-admin) .role-showcase.breakpoint-mobile .role-showcase__cards{grid-template-columns:repeat(1, 1fr) !important}}