.cards{width:var(--container-width);margin:10px auto;display:grid;grid-template-columns:repeat(3, 1fr);column-gap:1%;row-gap:10px}@media(max-width: 530px){.cards{grid-template-columns:1fr}}.card{background:var(--hive-frost-fill-30) var(--data-panel, none) no-repeat center center;background-size:100%;border-radius:5px;padding:10px 15px 15px 15px;color:#f9f9f9;display:flex;flex-direction:column;border:1px solid var(--p-pri-d);user-select:none;justify-content:space-between;min-height:200px;transition:all 125ms linear}.card--wide{grid-column:span 2}.card:has(.card__title){padding-top:0}.card:hover,.card:focus{background-color:var(--hive-frost-fill-50);color:#c9c9c9;box-shadow:0 0 3px var(--p-sec-t);background-size:120%}.card__title{font:13px var(--t-heading);text-transform:uppercase;letter-spacing:.15em;line-height:48px}.card__text{font:11px var(--t-serif);margin-bottom:10px;line-height:1.65;background:rgba(0,0,0,.5);padding:3px 9px;border-radius:3px;min-height:135px}.card__call{border:1px solid var(--p-pri-d);border-radius:5px;padding:8px 12px;background:rgba(0,0,0,0) linear-gradient(0deg, var(--p-pri-d), var(--p-pri));color:var(--p-on-pri);text-transform:uppercase;text-align:center;letter-spacing:.08em;box-shadow:0 2px 4px rgba(0,0,0,.9)}