.hcw-wrap{display:inline-flex;justify-content:center;width:100%;}
.hcw-card{position:relative;max-width:100%;border-radius:16px;overflow:hidden;cursor:pointer;box-shadow:0 4px 8px rgba(0,0,0,.4);transition:transform .4s ease;}
.hcw-card:hover{transform:scale(1.03);}
.hcw-overlay{position:absolute;inset:0;transition:background .4s ease;pointer-events:none;}
.hcw-default{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px;transition:opacity .35s ease,transform .35s ease;}
.hcw-card:hover .hcw-default{opacity:0;transform:translateY(-10px);pointer-events:none;}
.hcw-icon{display:flex;justify-content:center;align-items:center;margin-bottom:20px;line-height:1;}
.hcw-title-default,.hcw-title-hover{line-height:1.3;margin:0;}
.hcw-hover{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;padding:36px 28px 44px;opacity:0;transform:translateY(10px);transition:opacity .35s ease,transform .35s ease;pointer-events:none;}
.hcw-card:hover .hcw-hover{opacity:1;transform:translateY(0);pointer-events:auto;}
.hcw-description{flex:1;display:flex;align-items:center;line-height:1.7;padding:0 4px;}
.hcw-description p{margin:0;}
.hcw-btn{display:inline-block;padding:7px 35px;border:none;border-radius:50px;letter-spacing:.5px;text-decoration:none;cursor:pointer;transition:background .3s ease;white-space:nowrap;}
.hcw-btn:hover{text-decoration:none;}

/* Style 2: flat card, description slides up from the bottom on hover */
.hcw-s2-card{position:relative;max-width:100%;border-radius:12px;overflow:hidden;cursor:default;box-shadow:0 2px 10px rgba(0,0,0,.06);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 28px;}
.hcw-s2-default{display:flex;flex-direction:column;align-items:center;transition:opacity .3s ease,transform .3s ease;}
.hcw-s2-card:hover .hcw-s2-default{opacity:0;transform:translateY(-8px);}
.hcw-s2-icon-circle{display:flex;justify-content:center;align-items:center;border-radius:50%;margin-bottom:20px;line-height:1;}
.hcw-s2-title{margin:0 0 8px;line-height:1.3;}
.hcw-s2-tagline{margin:0;line-height:1.6;}
.hcw-s2-description{position:absolute;left:0;right:0;bottom:0;top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:28px;transform:translateY(100%);transition:transform .35s ease;line-height:1.7;}
.hcw-s2-description p{margin:0;}
.hcw-s2-card:hover .hcw-s2-description{transform:translateY(0);}
.hcw-s2-btn{display:inline-block;padding:7px 30px;border:none;border-radius:50px;letter-spacing:.5px;text-decoration:none;cursor:pointer;transition:background .3s ease;white-space:nowrap;}
.hcw-s2-btn:hover{text-decoration:none;}