.col-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.col-card{position:relative;display:block;border-radius:16px;overflow:hidden;background:#0a2342;aspect-ratio:4 / 3;color:#fff;text-decoration:none;box-shadow:0 6px 20px #0a234214;transition:transform .18s,box-shadow .18s}.col-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #0a23422e;color:#fff}.col-card__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s}.col-card__img.is-fallback{object-fit:contain;padding:18%;opacity:.35;background:linear-gradient(135deg,#0f3d73,#0a2342)}.col-card:hover .col-card__img{transform:scale(1.05)}.col-card__shade{position:absolute;inset:0;background:linear-gradient(180deg,#0a234200 35%,#0a2342d9)}.col-card__count{position:absolute;top:12px;left:12px;background:#fff;color:#0a2342;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;display:inline-flex;align-items:center;gap:5px}.col-card__count i{color:var(--v-primary, #09aaff)}.col-card--soon .col-card__count{background:#fff3cd;color:#8a6d00}.col-card--soon .col-card__count i{color:#c79a00}.col-card__body{position:absolute;left:0;right:0;bottom:0;padding:14px 16px}.col-card__title{font-size:16px;font-weight:700;line-height:1.25;margin:0 0 4px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.col-card__desc{font-size:12.5px;opacity:.9;margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.col-card__cta{font-size:12.5px;font-weight:600;color:#bfe7ff;display:inline-flex;align-items:center;gap:6px}.col-card__cta i{transition:transform .18s}.col-card:hover .col-card__cta i{transform:translate(3px)}.col-intro{max-width:820px;color:#516880;font-size:15px}.col-summary{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13.5px;color:#516880}.col-summary b{color:#0a2342}@media(max-width:1199.98px){.col-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:767.98px){.col-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.col-card{border-radius:12px;aspect-ratio:1 / 1}.col-card__body{padding:10px}.col-card__title{font-size:13.5px}.col-card__desc{display:none}.col-card__count{top:8px;left:8px;font-size:11px;padding:3px 8px}}