.blog-card{display:flex;flex-direction:column}.blog-card .card-feature{position:absolute;top:16px;right:16px;font-size:2.5rem;font-weight:700;color:var(--bg-surface-3);line-height:1;z-index:1;transition:all .4s var(--ease-out-quart);display:flex;align-items:baseline;gap:2px}.blog-card .card-feature .unit{font-size:1rem;font-weight:600}.blog-card:hover .card-feature{color:var(--accent-primary);transform:scale(1.05)}.blog-card .card-image{aspect-ratio:16/9;overflow:hidden}.blog-card .card-image .placeholder-img,.blog-card .card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease-out-quart)}.blog-card:hover .card-image .placeholder-img,.blog-card:hover .card-image img{transform:scale(1.05)}.placeholder-img{background:linear-gradient(145deg,#2a2a2a,#1f1f1f 50%,#252525);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.75rem;letter-spacing:.05em;position:relative}.placeholder-img:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 40%,rgba(16,185,129,.08) 0,transparent 50%),radial-gradient(circle at 70% 60%,rgba(100,116,139,.08) 0,transparent 50%)}.blog-card .card-body{padding:20px 24px 24px;display:flex;flex-direction:column;gap:8px;flex:1 1}.blog-card .card-tags{display:flex;flex-wrap:wrap;gap:6px}.blog-card .card-title{font-size:1.125rem;font-weight:600;line-height:1.3;min-height:calc(2 * 1.3em);transition:color .3s ease;-webkit-line-clamp:2}.blog-card .card-desc,.blog-card .card-title{margin:0;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.blog-card .card-desc{font-size:.8125rem;color:var(--text-secondary);line-height:1.55;min-height:calc(3 * 1.55em);-webkit-line-clamp:3}.blog-card .card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px}.blog-card .date-badge{display:inline-flex;align-items:center;gap:4px;font-size:.6875rem;color:var(--text-muted);background:var(--bg-surface-3);padding:4px 10px;border-radius:var(--radius-sm);border:1px solid var(--border-muted)}.blog-card .date-badge .day{font-weight:600;color:var(--text-secondary)}@keyframes entrance{0%{opacity:0;filter:blur(16px);transform:translateY(40px) scale(.95)}to{opacity:1;filter:none;transform:none}}.animate-entrance{animation:entrance .9s var(--ease-out-quart) both}.animate-entrance:first-child{animation-delay:0s}.animate-entrance:nth-child(2){animation-delay:.1s}.animate-entrance:nth-child(3){animation-delay:.2s}.animate-entrance:nth-child(4){animation-delay:.3s}.animate-entrance:nth-child(5){animation-delay:.4s}.animate-entrance:nth-child(6){animation-delay:.5s}.animation-complete{animation:none!important}@media (prefers-reduced-motion:reduce){.blog-card:hover .card-feature,.blog-card:hover .card-image .placeholder-img,.blog-card:hover .card-image img{transform:none}.animate-entrance{animation:entranceReduced .6s ease-out forwards;animation-delay:0s!important}@keyframes entranceReduced{0%{opacity:0}to{opacity:1}}}