.events-grid{display:grid;gap:1rem;grid-template-columns:repeat(var(--events-columns,3),minmax(0,var(--events-card-width,320px)));justify-content:center}@media screen and (max-width:1024px){.events-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:640px){.events-grid{grid-template-columns:1fr}}.card--event{height:100%;margin:0 auto;text-align:center;width:100%}.card__inner{display:grid;height:100%;position:relative}.card__face{box-shadow:0 0 10px 0 rgba(0,0,0,.15);display:flex;flex-direction:column;grid-area:1/1;padding:1.6rem 1.25rem}.card__logo-wrapper{align-items:center;display:flex;justify-content:center;margin-bottom:1.4rem}.card__logo{display:block;height:auto;max-height:100%;max-width:100%;object-fit:contain;width:auto}.card__title{margin:0 0 .7rem}.card__meta{font-size:.85rem;font-weight:700}.card__meta p{line-height:1.5;margin:0}.card__flip-hint{font-size:.75rem;margin:auto 0 0;opacity:.6;padding-top:1.4rem}.card__back-title{font-weight:700;margin:0 0 1rem}.card__description{flex:1 1 auto;font-size:.9rem;margin-bottom:1.4rem}.card__description p:last-child{margin-bottom:0}.card__button-wrapper{margin-top:auto}.card--flip{perspective:1200px}.card--flip .card__inner{transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,.2,.2,1)}.card--flip .card__face{-webkit-backface-visibility:hidden;backface-visibility:hidden}.card--flip .card__face--back{transform:rotateY(180deg)}.card--flip.is-flipped .card__inner,.card--flip:focus-within .card__inner,.card--flip:hover .card__inner{transform:rotateY(180deg)}@media (hover:none){.card--flip:hover .card__inner{transform:none}.card--flip.is-flipped .card__inner,.card--flip:focus-within .card__inner{transform:rotateY(180deg)}}@media (prefers-reduced-motion:reduce){.card--flip .card__inner{transition:none}}.card--editor{perspective:none}.card--editor .card__inner{display:flex;flex-direction:column;gap:1rem;transform:none!important;transform-style:flat}.card--editor .card__face{backface-visibility:visible;transform:none}.card--editor .card__face--back:before{content:"Back of card (shown on hover)";display:block;font-size:.7rem;margin-bottom:.7rem;opacity:.5}