.portfolio-section{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.portfolio-section .about-title{font-size:7.5rem;font-weight:900;text-transform:uppercase;letter-spacing:-.02em;position:absolute;top:45px;left:50%;transform:translateX(-50%);pointer-events:none;white-space:nowrap;font-family:Arial Black,Arial Bold,Arial,sans-serif;background:linear-gradient(180deg,#fff 40%,hsla(0,0%,100%,.14) 86%);-webkit-background-clip:text;background-clip:text;color:transparent}.portfolio-section .carousel-container{width:100%;max-width:1200px;height:450px;position:relative;perspective:1000px;margin-top:80px}.portfolio-section .carousel-track{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative;transform-style:preserve-3d;transition:all 1s ease-out}.portfolio-section .card{position:absolute;width:650px;height:400px;background:#2a2a2a;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.5);transition:all 1s ease-out;cursor:pointer;border:1px solid hsla(0,0%,100%,.1)}.portfolio-section .card img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.portfolio-section .card.c-center{z-index:10;transform:translateX(0) scale(1.1) translateZ(0)}.portfolio-section .card.c-center img{filter:none}.portfolio-section .card.c-left-2{z-index:1;transform:translateX(-300px) scale(.8) translateZ(-300px);opacity:.7}.portfolio-section .card.c-left-2 img{filter:grayscale(100%)}.portfolio-section .card.c-left-1{z-index:5;transform:translateX(-200px) scale(.9) translateZ(-200px);opacity:.9}.portfolio-section .card.c-left-1 img{filter:grayscale(100%)}.portfolio-section .card.c-right-1{z-index:5;transform:translateX(200px) scale(.9) translateZ(-200px);opacity:.9}.portfolio-section .card.c-right-1 img{filter:grayscale(100%)}.portfolio-section .card.c-right-2{z-index:1;transform:translateX(300px) scale(.8) translateZ(-300px);opacity:.7}.portfolio-section .card.c-right-2 img{filter:grayscale(100%)}.portfolio-section .card.hidden{opacity:0;pointer-events:none}.portfolio-section .member-info{text-align:center;margin-top:40px;transition:all .5s ease-out}.portfolio-section .member-name{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:10px;position:relative;display:inline-block}.portfolio-section .member-name:after,.portfolio-section .member-name:before{content:"";position:absolute;top:100%;width:100px;height:2px;background:#fff}.portfolio-section .member-name:before{left:-120px}.portfolio-section .member-name:after{right:-120px}.portfolio-section .member-role{color:#a0a0a0;font-size:1.5rem;font-weight:500;opacity:.8;text-transform:uppercase;letter-spacing:.1em;padding:10px 0;margin-top:-15px;position:relative}.portfolio-section .dots{display:flex;justify-content:center;gap:10px;margin-top:60px}.portfolio-section .dot{width:12px;height:12px;border-radius:50%;background:hsla(0,0%,100%,.2);cursor:pointer;transition:all .3s ease}.portfolio-section .dot.active{background:#fff;transform:scale(1.2)}.portfolio-section .nav-arrow{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.7);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20;transition:all .3s ease;font-size:1.5rem;border:none;outline:none;padding-bottom:4px}.portfolio-section .nav-arrow:hover{background:rgba(0,0,0,.396);transform:translateY(-50%) scale(1.1)}.portfolio-section .nav-arrow.left{left:20px;padding-right:3px}.portfolio-section .nav-arrow.right{right:20px;padding-left:3px}@media (max-width:768px){.portfolio-section .about-title{font-size:4.5rem}.portfolio-section .card{width:280px;height:200px}.portfolio-section .card.left-2{transform:translateX(-250px) scale(.8) translateZ(-300px)}.portfolio-section .card.left-1{transform:translateX(-120px) scale(.9) translateZ(-100px)}.portfolio-section .card.right-1{transform:translateX(120px) scale(.9) translateZ(-100px)}.portfolio-section .card.right-2{transform:translateX(250px) scale(.8) translateZ(-300px)}.portfolio-section .member-name{font-size:2rem}.portfolio-section .member-role{font-size:1.2rem}.portfolio-section .member-name:after,.portfolio-section .member-name:before{width:50px}.portfolio-section .member-name:before{left:-70px}.portfolio-section .member-name:after{right:-70px}}