.cards{display:flex;flex-flow:row wrap;gap:30px;margin-bottom:2rem}.card{transition:transform .2s ease-in-out,opacity .2s ease-in-out;width:calc(25% - 22.5px)}.card a:hover{text-decoration:none}.card_inner{background:transparent;border:0;color:inherit;cursor:pointer;display:block;font:inherit;padding:0;position:relative;text-align:center;transition:transform .2s ease-in-out;width:100%}.card_inner h5{text-transform:uppercase}.card_inner p{margin-top:0}.card_expander a:focus-visible,.card_inner:focus-visible{outline:3px solid currentColor;outline-offset:4px}.card:hover .card_inner,.card_inner:focus-visible{transform:scale(1.02)}.card_inner_image{height:320px}.card_inner:after{transition:opacity .25s ease-in-out}.card_inner img{border-radius:var(--br-box);filter:grayscale(100%) contrast(.9) brightness(.95);height:320px;max-width:300px;object-fit:cover;object-position:top;opacity:.85;transition:filter .4s ease,opacity .3s ease;width:100%}.card.is-expanded .card_inner img,.card:hover .card_inner img,.card_inner:focus-visible img{filter:grayscale(0);opacity:1}.card_expander{background-color:#f8f8f8;box-sizing:border-box;margin-top:30px;opacity:0;padding:2rem;position:relative;transform:translateY(-8px);transition:opacity .22s ease,transform .22s ease;width:100%}.card_expander[hidden]{display:none!important}.card_expander.is-visible{opacity:1;transform:translateY(0)}.card.is-collapsed .card_inner:after{content:"";opacity:0}.card.is-expanded .card_inner:after{border-bottom:15px solid #f8f8f8;border-left:15px solid transparent;border-right:15px solid transparent;bottom:-30px;content:"";display:block;height:0;left:calc(50% - 15px);opacity:1;position:absolute;width:0}.card.is-expanded .card_inner:focus-visible,.card.is-expanded:hover .card_inner{transform:none}.card.is-inactive .card_inner{opacity:.5;pointer-events:none}.card.is-inactive:focus-within .card_inner,.card.is-inactive:hover .card_inner{transform:none}@media screen and (min-width:992px){.card:nth-of-type(4n+2) .card_expander{margin-left:calc(-100% - 30px)}.card:nth-of-type(4n+3) .card_expander{margin-left:calc(-200% - 60px)}.card:nth-of-type(4n+4) .card_expander{margin-left:calc(-300% - 90px)}.card_expander{width:calc(400% + 90px)}}@media screen and (min-width:768px) and (max-width:991px){.card{width:calc(50% - 15px)}.card:nth-of-type(2n+2) .card_expander{margin-left:calc(-100% - 30px)}.card_expander{width:calc(200% + 30px)}}@media screen and (max-width:767px){.card{width:100%}.card_expander{margin-left:0;width:auto}}@media (prefers-reduced-motion:reduce){.card,.card_expander,.card_inner,.card_inner img,.card_inner:after{transition:none}}