.showcase-item{position:relative;border-radius:20px;overflow:hidden;transition:all .4s ease;cursor:pointer;text-decoration:none;display:block;color:inherit;height:320px;width:380px;flex-shrink:0}.showcase-item:hover{transform:translateY(-15px) scale(1.02);box-shadow:0 30px 60px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.2),inset 0 0 0 1px rgba(255,255,255,.1)}.showcase-item.large{grid-row:span 2}.showcase-image{width:100%;height:100%;position:relative}.showcase-image::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(0,0,0,.4) 0%,rgba(0,0,0,.7) 50%,#000 100%);transition:all .4s ease;z-index:1}.showcase-item:hover .showcase-image::before{background:linear-gradient(180deg,rgba(0,0,0,.5) 0%,rgba(0,0,0,.9) 50%,rgba(0,0,0,1) 100%)}.showcase-photo{width:100%;height:100%!important;object-fit:cover;transition:all .4s ease}.showcase-item:hover .showcase-photo{transform:scale(1.15) rotate(2deg);filter:brightness(1.1) contrast(1.1)}.showcase-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.7));color:white;padding:30px 20px 20px;transform:translateY(0);transition:all .4s ease;opacity:.9;z-index:2}.showcase-overlay h3{font-size:1.4rem;margin-bottom:10px;font-weight:600;transition:all .3s ease;color:#fff}.showcase-item:hover .showcase-overlay h3{transform:translateY(-8px) scale(1.05);text-shadow:0 0 5px rgba(0,0,0,.6),5px 5px 5px rgba(0,0,0,.3),5px 5px 5px rgba(0,0,0,.7);color:#fff}.showcase-overlay p{font-size:1rem;margin:0;opacity:.9;transition:all .3s ease}.showcase-item:hover .showcase-overlay p{transform:translateY(-5px) scale(1.02);opacity:1;text-shadow:0 2px 8px rgba(0,0,0,.7);color:#fff}.blog-meta{display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding-top:15px;border-top:1px solid rgba(255,255,255,.2)}.blog-date{font-size:.85rem;color:#ccc;font-weight:400}.blog-category{font-size:.8rem;background:rgba(255,0,0,.8);color:#fff;padding:4px 12px;border-radius:15px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.showcase-item:hover .blog-meta{transform:translateY(-5px)}.showcase-item:hover .blog-category{background:rgba(255,0,0,1);transform:scale(1.05)}@media (max-width:768px){.showcase-item.large{grid-row:auto;height:300px}.showcase-item{width:300px;height:260px}}@media (max-width:1024px){.showcase-item.large{grid-column:span 3;grid-row:auto;height:300px}}