.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-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;color:#fff}.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)}.blog-navigation{display:flex;justify-content:center;align-items:center;margin-bottom:30px;position:relative}@media (max-width:1024px){.showcase-item{width:320px;height:280px}}@media (max-width:768px){.showcase-item{width:300px;height:260px}}@media (max-width:480px){.showcase-item{width:280px;height:240px}}.service-toggle.active .service-handle{transform:translateX(1.58rem)}.service-toggle span{pointer-events:none;text-align:center;position:absolute;left:0;right:0;margin:auto;bottom:calc(100% + .5rem);font-size:.65rem;font-weight:400;color:#666;opacity:0;transition:opacity .4s ease-in-out;white-space:nowrap}.service-toggle:hover span{opacity:1}.service-card:has(.service-toggle.active){box-shadow:inset 0 1.01rem .1rem -1rem rgba(255,255,255,.67),inset 0 -4rem 3rem -3rem rgba(0,0,0,.67),0 -1.02rem .2rem -1rem rgba(255,255,255,.67),0 1rem .2rem -1rem #000,0 0 0 1px rgba(255,255,255,.13),0 4px 4px 0 rgba(0,0,0,.27),0 0 0 1px #333}.service-card:has(.service-toggle.active) .service-slit{background:#fff;box-shadow:0 0 4px 0 #fff}.service-card:has(.service-toggle.active) .service-lumen{opacity:.5}.service-card:has(.service-toggle.active) .service-darken{opacity:.8}.service-card:has(.service-toggle.active) .service-darken .sl{opacity:.6}.service-card:has(.service-toggle.active) .service-darken .ll{opacity:1}.service-card:has(.service-toggle.active) .service-darken .slt{opacity:1}.service-card:has(.service-toggle.active) .service-darken .srt{opacity:1}.service-card:has(.service-toggle.active) .service-icon{filter:drop-shadow(0 -1.2rem 2px rgba(0,0,0,.2)) brightness(1.64)}.service-card:has(.service-toggle.active) .service-toggle::before{background:rgba(255,100,100,.8);box-shadow:0 0 .3rem .2rem rgba(255,150,150,.6)}.service-card:has(.service-toggle.active) .service-handle{box-shadow:inset 0 1px 12px 0 rgba(255,150,150,.8),inset 0 -1px 1px 0 rgba(255,200,200,.6),0 0 2px 1px rgba(68,68,68,.2),1px 3px 6px 1px rgba(0,0,0,.27)}.service-card:has(.service-toggle.active) .service-bottom p{color:#fff;font-weight:700;-webkit-text-stroke:.2px #000;text-stroke:.5px #fff}.service-card:has(.service-toggle.active) .service-features li::before{color:#f00}@media (max-width:480px){.service-toggle.active .service-handle{transform:translateX(23px)}}@media (max-width:360px){.service-toggle.active .service-handle{transform:translateX(20px)}}