/* KRAUSS · components/cards */
.cards{display:grid;gap:24px}
.card{background:#fff;border:1px solid #eaf0f5;border-radius:var(--radius);overflow:hidden;box-shadow:0 5px 18px #16324a08;transition:transform .2s,box-shadow .2s}
.card:hover{transform:translateY(-4px);box-shadow:0 10px 24px #16324a12}
.card-image{display:block;overflow:hidden;background:#edf2f6}
.card-image img{height:170px;width:100%;object-fit:cover}
.card-body{padding:23px;position:relative}
.card-body p{font-size:13px;line-height:1.5;margin:10px 0 16px}
.card-icon{display:flex;color:var(--blue);margin-bottom:18px}
@media(max-width:480px){
.cards{gap:14px}
}
@media(max-width:480px){
.card-image img{height:125px}
}
@media(max-width:480px){
.card-body{padding:16px}
}
@media(max-width:480px){
.card h3{font-size:15px}
}
@media(max-width:480px){
.card-body p{font-size:12px}
}