.portfolio-slider-wrap{position:relative;overflow-x:hidden;overflow-y:visible;padding:16px 60px 0}.portfolio-slider{display:flex;transition:transform .8s cubic-bezier(.4, 0, .2, 1)}.portfolio-slide{min-width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:0 8px;box-sizing:border-box;overflow:visible}.portfolio-slide .portfolio-category{animation:.6s ease-out backwards portfolioSlideIn}.portfolio-slide .portfolio-category:first-child{animation-delay:.1s}.portfolio-slide .portfolio-category:nth-child(2){animation-delay:.2s}.portfolio-slide .portfolio-category:nth-child(3){animation-delay:.3s}@keyframes portfolioSlideIn{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.portfolio-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:rgba(15,23,42,.9);backdrop-filter:blur(12px);border:1px solid rgba(59,130,246,.3);color:#93c5fd;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;transition:.35s;z-index:10}.portfolio-nav:hover{background:rgba(59,130,246,.25);transform:translateY(-50%) scale(1.1);box-shadow:0 4px 24px rgba(59,130,246,.4)}.portfolio-nav.prev{left:0}.portfolio-nav.next{right:0}.portfolio-dots{display:flex;justify-content:center;gap:10px;margin-top:32px}.portfolio-dot{width:10px;height:10px;border-radius:50%;background:rgba(59,130,246,.3);border:none;cursor:pointer;transition:.4s cubic-bezier(.4, 0, .2, 1)}.portfolio-dot:hover{background:rgba(59,130,246,.6);transform:scale(1.2)}.portfolio-dot.active{background:linear-gradient(135deg,#3b82f6,#06b6d4);width:28px;border-radius:5px;box-shadow:0 0 16px rgba(59,130,246,.5)}@media (max-width:1024px){.portfolio-slide{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.portfolio-slider-wrap{padding:0 16px}.portfolio-slide{grid-template-columns:1fr}.portfolio-nav{display:none}}