.card-post__media{border-radius:20px;display:block;overflow:hidden;position:relative;transition:transform .3s var(--std),box-shadow .3s var(--std)}@media(hover:hover)and (pointer:fine){.card-post__media:hover{box-shadow:0 20px 44px #180f7029;transform:translateY(-6px)}}.card-post__img{background:var(--bg2);border-radius:20px;display:block;overflow:hidden;position:relative}.card-post__img img{height:360px;object-fit:cover;transition:transform .45s var(--ease);width:100%}@media(max-width:767.98px){.card-post__img img{height:240px}}.card-post__img:before{background:#00000052}.card-post__img:after,.card-post__img:before{content:"";inset:0;pointer-events:none;position:absolute;z-index:1}.card-post__img:after{background:linear-gradient(135deg,#180f70,#4025cc 55%,#bd007f);opacity:0;transition:opacity .45s var(--std)}.card-post__media:hover .card-post__img img{transform:scale(1.06)}.card-post__media:hover .card-post__img:after{opacity:.72}.card-post__badge{background:var(--ha-violet);border-radius:999px;color:#fff;font-family:var(--fd);font-size:11px;font-weight:700;left:18px;letter-spacing:.06em;padding:7px 14px;position:absolute;text-transform:uppercase;top:18px;z-index:2}.card-post__badge.badge--magenta{background:var(--ha-magenta)}.card-post__badge.badge--indigo{background:var(--ha-indigo)}.card-post__title{margin-top:22px}.card-post__title a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--tx);font-size:clamp(19px,1.6vw,22px);font-weight:600;letter-spacing:-.01em;line-height:1.3;overflow:hidden;transition:color .25s var(--std)}.card-post__arrow,.card-post__title a:hover{color:var(--ha-violet)}.card-post__arrow{display:inline-block;margin-left:8px;transform:translateY(2px);vertical-align:initial}.card-post__excerpt{color:var(--tx);display:-webkit-box;font-size:15.5px;-webkit-line-clamp:2;line-height:1.6;margin-top:12px;-webkit-box-orient:vertical;overflow:hidden}.card-post__meta{align-items:center;color:var(--tx2);display:flex;flex-wrap:wrap;font-size:13.5px;gap:10px;margin-top:18px}.card-post__author{color:var(--tx)}.card-post__avatar{border-radius:50%;flex:none;height:32px;object-fit:cover;width:32px}.card-post__avatar--initials{align-items:center;background:var(--ha-lavender);color:var(--ha-indigo);display:inline-flex;font-family:var(--fd);font-size:13px;font-weight:600;justify-content:center}