.blog-grid-hidden{opacity:0}.blog-grid-visible{opacity:1;animation:fadeIn .4s cubic-bezier(.25,.46,.45,.94) forwards}.blog-card-item{opacity:0;animation:slideUpFade .4s cubic-bezier(.25,.46,.45,.94) forwards}.blog-card-item:hover{transform:translateY(-4px);transition:transform .15s ease}.blog-card{transition:transform .2s cubic-bezier(.25,.46,.45,.94)}.blog-card:hover{transform:translateY(-4px) scale(1.01)}.blog-suggested-card{opacity:0;animation:slideUpFadeScale .4s cubic-bezier(.25,.46,.45,.94) forwards;transition:transform .2s cubic-bezier(.25,.46,.45,.94)}.blog-suggested-card:hover{transform:translateY(-4px) scale(1.01)}@keyframes slideUpFadeScale{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.blog-hero{opacity:0;transform:translateY(40px)}.blog-hero-visible{animation:slideUpFade .6s cubic-bezier(.25,.46,.45,.94) forwards}.blog-page-transition{opacity:0}.blog-page-visible{animation:fadeIn .5s ease forwards}.blog-empty-state{opacity:0;transform:scale(.9)}.blog-empty-visible{animation:scaleUpFade .5s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes fadeIn{to{opacity:1}}@keyframes slideUpFade{to{opacity:1;transform:translateY(0)}}@keyframes scaleUpFade{to{opacity:1;transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeInZoom{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.blog-article{opacity:0;transform:translateY(30px);transition:opacity .6s cubic-bezier(.25,.46,.45,.94),transform .6s cubic-bezier(.25,.46,.45,.94)}.blog-article.visible{opacity:1;transform:translateY(0)}.blog-header{animation:fadeInDown .5s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:.1s;opacity:0}.blog-meta{animation:fadeInScale .4s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:.3s;opacity:0}.blog-image{animation:fadeInZoom .8s ease-out forwards;animation-delay:.4s;opacity:0}.blog-content{animation:fadeInUp .7s ease-out forwards;animation-delay:.6s;opacity:0}.blog-tags{animation:fadeInScale .4s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:.5s;opacity:0}.blog-tag{animation:scaleIn .4s ease-out forwards;opacity:0;transition:transform .2s ease}.blog-tag:hover{transform:scale(1.05)}.blog-tag:active{transform:scale(.95)}.blog-skeleton{animation:fadeIn .3s ease forwards}@media (prefers-reduced-motion:reduce){.blog-article,.blog-card,.blog-card-item,.blog-content,.blog-empty-state,.blog-header,.blog-hero,.blog-image,.blog-meta,.blog-page-transition,.blog-skeleton,.blog-suggested-card,.blog-tag,.blog-tags{animation:fadeInReduced .3s ease forwards!important;transform:none!important}.blog-card-item:hover,.blog-card:hover,.blog-suggested-card:hover,.blog-tag:active,.blog-tag:hover{transform:none!important}.blog-article.visible,.blog-page-transition.visible{opacity:1}@keyframes fadeInReduced{to{opacity:1}}}.reduce-motion .blog-article,.reduce-motion .blog-card,.reduce-motion .blog-card-item,.reduce-motion .blog-content,.reduce-motion .blog-header,.reduce-motion .blog-image,.reduce-motion .blog-meta,.reduce-motion .blog-suggested-card,.reduce-motion .blog-tag,.reduce-motion .blog-tags{animation:fadeInReduced .3s ease forwards;transform:none}.reduce-motion .blog-card-item:hover,.reduce-motion .blog-card:hover,.reduce-motion .blog-suggested-card:hover,.reduce-motion .blog-tag:active,.reduce-motion .blog-tag:hover{transform:none}