.blog-scroll-row{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:20px 10px}.blog-scroll-row::-webkit-scrollbar{display:none}.blog-card{flex:0 0 auto;width:280px;height:180px;scroll-snap-align:start;border-radius:16px;overflow:hidden;position:relative;background:#000;box-shadow:0 8px 24px rgba(0,0,0,.25);transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.blog-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px rgba(0,0,0,.35)}.blog-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;transition:transform .4s ease}.blog-card:hover img{transform:scale(1.08)}.blog-overlay{position:absolute;inset:0;z-index:2;background:linear-gradient(0deg,rgba(0,0,0,.75),rgba(0,0,0,0));display:flex;flex-direction:column;justify-content:flex-end;padding:16px}.blog-title{background:-webkit-linear-gradient(45deg,#ff82f3,#7b13ff 50%,#400d64);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;display:inline-block;font-size:24px!important;line-height:1.2}.blog-meta{font-size:.8rem;color:#ddd;margin-top:4px}@media (max-width:768px){.blog-card{width:220px;height:150px}.blog-title{font-size:.9rem}}@media (max-width:480px){.blog-card{width:180px;height:130px}.blog-title{font-size:.8rem}}