.portfolio-section{padding:100px 0;overflow:hidden;position:relative;background:transparent}.marquee-wrapper{width:100%;overflow:hidden;position:relative;padding:40px 0;perspective:1200px}.marquee-content{display:flex;gap:40px;width:fit-content;will-change:transform}.portfolio-card{background:transparent;border-radius:20px;overflow:hidden;position:relative;transition:transform .1s ease-out;display:flex;flex-direction:column;height:auto;cursor:default;transform-style:preserve-3d}.portfolio-card:hover{transform:translateY(-8px)}.portfolio-card:hover .card-image-container{border-color:rgba(179,255,16,.4);background:rgba(179,255,16,.05);box-shadow:0 0 30px rgba(179,255,16,.1)}.card-image-container{width:100%;aspect-ratio:1000/750;position:relative;overflow:hidden;border-radius:8px;background:var(--card-bg);border:1px solid var(--hero-border);transition:all .4s ease}.portfolio-image{width:100%;height:100%;transition:transform .6s cubic-bezier(.2,0,.2,1)}.portfolio-card:hover .portfolio-image{transform:scale(1.05)}.card-content{padding:20px 0;color:var(--text-main);z-index:5}.card-tag{color:var(--primary-color);font-size:.9rem;font-weight:500;margin-top:6px}.card-title{font-size:1rem;font-weight:600;margin:0;letter-spacing:-.01em;color:var(--text-main)}.marquee-overlay{position:absolute;top:0;bottom:0;width:15%;z-index:2;pointer-events:none}.marquee-overlay.left{left:0;background:linear-gradient(to right,var(--bg-color),transparent)}.marquee-overlay.right{right:0;background:linear-gradient(to left,var(--bg-color),transparent)}@media (max-width:768px){.portfolio-card{height:250px}.marquee-content{gap:20px}}