.portfolio-swiper-section{background-color:var(--color-background);-webkit-user-select:none;-moz-user-select:none;user-select:none}.portfolio-swiper-container,.portfolio-swiper-section{width:100%;overflow-x:hidden;overflow-y:visible;position:relative;touch-action:auto}.portfolio-swiper-container:after,.portfolio-swiper-container:before{content:"";position:absolute;top:0;bottom:0;width:100px;pointer-events:none;z-index:1}body:has(.mobile-menu-backdrop.open) .portfolio-swiper-container:after,body:has(.mobile-menu-backdrop.open) .portfolio-swiper-container:before{opacity:0}.portfolio-swiper-container:before{left:0;z-index:1;background:linear-gradient(90deg,#f9f9f9,transparent)}.portfolio-swiper-container:after{right:0;z-index:1;background:linear-gradient(270deg,#f9f9f9,transparent)}@media (max-width:768px){.portfolio-swiper-container:after,.portfolio-swiper-container:before{width:80px}}@media (max-width:480px){.portfolio-swiper-container:after,.portfolio-swiper-container:before{width:70px}}.portfolio-swiper-wrapper{display:flex;align-items:center;gap:var(--space-md);will-change:transform;animation:slideLeftToRight 25s linear infinite;overflow:visible;cursor:default;touch-action:auto;margin-top:8px}@keyframes slideLeftToRight{0%{transform:translateX(-50%)}to{transform:translateX(0)}}.portfolio-swiper-slide{flex-shrink:0;overflow:visible;border-radius:12px;position:relative;transition:transform .3s ease;z-index:1;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;margin-top:8px;opacity:0;animation:portfolioFadeIn .8s ease-out forwards}.portfolio-swiper-slide:hover{transform:translateY(-5px);z-index:2}.portfolio-swiper-slide img{width:100%;height:100%;object-fit:cover;display:block;transition:none;border-radius:12px;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}@media (max-width:767px){.portfolio-swiper-slide{width:280px;height:220px}}@media (min-width:768px) and (max-width:1023px){.portfolio-swiper-slide{width:350px;height:280px}}@media (min-width:1024px){.portfolio-swiper-slide{width:400px;height:320px}}@keyframes portfolioFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.portfolio-swiper-slide:first-child{animation-delay:.2s}.portfolio-swiper-slide:nth-child(2){animation-delay:.4s}.portfolio-swiper-slide:nth-child(3){animation-delay:.6s}.portfolio-swiper-slide:nth-child(4){animation-delay:.8s}.portfolio-swiper-slide:nth-child(5){animation-delay:1s}.portfolio-swiper-slide:nth-child(6){animation-delay:.3s}.portfolio-swiper-slide:nth-child(7){animation-delay:.5s}.portfolio-swiper-slide:nth-child(8){animation-delay:.7s}.portfolio-swiper-slide:nth-child(9){animation-delay:.9s}.portfolio-swiper-slide:nth-child(10){animation-delay:1.1s}