.cards[data-v-0ff8f733]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none}.card[data-v-0ff8f733]{position:relative;display:flex;align-items:center;justify-content:center;height:280px;padding:20px;overflow:hidden;text-align:center;border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .25s,box-shadow .25s;isolation:isolate}.card[data-v-0ff8f733]:hover{text-decoration:none;transform:translateY(-4px);box-shadow:var(--shadow-hover)}.card__bg[data-v-0ff8f733]{position:absolute;inset:0;background-position:center;background-size:cover;transition:transform 1.5s}.card__bg[data-v-0ff8f733]:after{content:"";position:absolute;inset:0;background:var(--c-primary-soft)}.card:hover .card__bg[data-v-0ff8f733]{transform:scale(1.2)}.card__title[data-v-0ff8f733]{position:relative;font-family:var(--f-heading);font-size:28px;font-weight:700;line-height:1.1;color:var(--c-white);text-transform:uppercase;text-shadow:0 1px 6px rgb(0 0 0 / 25%);overflow-wrap:anywhere}.card__title--long[data-v-0ff8f733]{font-size:22px}@media(max-width:1024px){.cards[data-v-0ff8f733]{grid-template-columns:repeat(2,minmax(0,1fr))}.card__title[data-v-0ff8f733]{font-size:24px}}@media(max-width:767px){.cards[data-v-0ff8f733]{grid-template-columns:minmax(0,1fr)}.card[data-v-0ff8f733]{height:220px}}