.project-grid{padding:20px 0}.project-card{transition:transform .3s,box-shadow .3s;will-change:transform;height:100%}.project-card:hover{transform:translateY(-5px)}.category-section{margin-bottom:3rem}.project-slider{padding:10px 5px 40px;height:auto}.swiper-slide{transition:transform .3s ease;height:auto}.swiper-slide:hover{transform:translateY(-5px)}.project-slide-card{overflow:hidden;border-radius:.75rem;background-color:var(--color-bg-dark);box-shadow:0 4px 15px rgba(147,51,234,.03);height:100%;transition:all .3s ease;position:relative;display:flex;flex-direction:column}.project-slide-card:hover{box-shadow:0 8px 25px rgba(255,44,196,.2);transform:translateY(-5px)}.project-slide-content{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1}.project-slide-content h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:85%}.project-slide-content .mb-4 span{display:inline-block}.project-slide-content .flex-grow{min-height:80px}.project-slide-image .image-container{overflow:hidden;height:180px}.project-slide-image img{transition:transform .6s ease}.project-slide-image:hover img{transform:scale(1.07)}.swiper-pagination-bullet{background:rgba(147,51,234,.3);opacity:.5;width:8px;height:8px}.swiper-pagination-bullet-active{background:rgba(255,44,196,1);opacity:1;width:10px;height:10px}.swiper-button-next,.swiper-button-prev{color:rgba(255,44,196,.8);background:rgba(19,17,46,.7);width:40px;height:40px;border-radius:50%;box-shadow:0 2px 10px rgba(0,0,0,.1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .2s ease}.swiper-button-next:hover,.swiper-button-prev:hover{background:rgba(34,27,75,.9);color:rgba(255,44,196,1);transform:scale(1.05)}.swiper-button-next:after,.swiper-button-prev:after{font-size:18px;font-weight:700}.swiper-button-disabled{opacity:.3}@media (prefers-color-scheme:dark){.swiper-button-next,.swiper-button-prev{background:rgba(34,27,75,.8)}}@media (prefers-reduced-motion:reduce){.project-card,.project-slide-card{transition:none}.project-card:hover,.project-slide-card:hover{transform:none;box-shadow:0 4px 20px rgba(147,51,234,.05)}.swiper-slide{transition:none}.swiper-slide:hover{transform:none}}