.csp-showcase,
.csp-showcase *{box-sizing:border-box}

.csp-showcase{font-family:Inter,Arial,sans-serif}
.csp-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:34px}
.csp-subtitle{font-weight:500;letter-spacing:.09em;text-transform:uppercase;margin-bottom:10px;line-height:1.3}
.csp-title{margin:0;font-weight:500;line-height:1.14;letter-spacing:-.035em}
.csp-view-all{font-weight:500;text-decoration:none;color:#0f2f70;display:inline-flex;gap:8px;align-items:center;white-space:nowrap;line-height:1.3;transition:color .25s ease,transform .25s ease}
.csp-view-all span{display:inline-block;background:transparent!important;border:0!important;box-shadow:none!important;width:auto!important;height:auto!important;border-radius:0!important;transition:transform .25s ease}
.csp-view-all:hover{transform:translateY(-1px)}
.csp-view-all:hover span{transform:translateX(5px)}

.csp-grid{display:grid;align-items:stretch}
.csp-card{position:relative;overflow:hidden;display:flex;flex-direction:column;isolation:isolate;background:#fff;will-change:transform;backface-visibility:hidden}
.csp-card-link{position:absolute;inset:0;z-index:4;border-radius:inherit}
.csp-image{overflow:hidden;background:linear-gradient(135deg,#f8fafc,#eef4fb);width:100%;position:relative}
.csp-image img{width:100%;height:100%;display:block;transition:transform .45s cubic-bezier(.2,.7,.2,1);object-position:center}
.csp-body{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:22px 22px 20px;background:#fff;flex:1}
.csp-copy{min-width:0}
.csp-cat-title{margin:0 0 6px;font-weight:650;line-height:1.22;letter-spacing:-.02em}
.csp-desc,.csp-count{margin:0;line-height:1.55}
.csp-desc{margin-top:6px}
.csp-count{font-weight:400}
.csp-btn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;font-size:26px;font-weight:400;line-height:1;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;transition:transform .25s ease,color .25s ease;position:relative;z-index:5}
.csp-card:hover .csp-btn{transform:translateX(6px)}
.csp-card:focus-within{outline:2px solid rgba(30,58,138,.22);outline-offset:4px}

@media(max-width:1024px){
  .csp-head{margin-bottom:28px}
}
@media(max-width:640px){
  .csp-head{display:block;margin-bottom:24px}
  .csp-view-all{margin-top:14px}
  .csp-body{padding:18px 18px 17px}
  .csp-image{height:220px!important}
  .csp-card{border-radius:18px!important}
}