.portfolio-section{background:hsl(var(--background));padding:40px 12px;display:flex;flex-direction:column;gap:30px;width:100%;overflow:hidden}.portfolio-title{text-align:center;margin-bottom:20px}.portfolio-title h2{font-size:2rem;font-weight:700;color:#913000;letter-spacing:1px;position:relative;display:inline-block}.portfolio-title h2:before{content:"";position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);width:45px;height:3px;background-color:#913000;border-radius:4px}.portfolio-row{display:flex;overflow:hidden;width:100%;position:relative}.image-wrapper{display:flex;gap:20px;width:-moz-max-content;width:max-content}.row-1 .image-wrapper,.row-3 .image-wrapper{animation:scrollLeft 30s linear infinite}.row-2 .image-wrapper{animation:scrollRight 30s linear infinite}.image-wrapper:hover{animation-play-state:paused}.portfolio-image{flex:0 0 auto;width:260px;height:173px;-o-object-fit:cover;object-fit:cover;border-radius:8px;box-shadow:0 3px 10px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease}.portfolio-image:hover{transform:scale(1.05);box-shadow:0 6px 16px rgba(0,0,0,.2);border:2px solid #913000}@keyframes scrollLeft{0%{transform:translateX(0)}to{transform:translateX(calc(-50%))}}@keyframes scrollRight{0%{transform:translateX(calc(-50%))}to{transform:translateX(0)}}@media (max-width:768px){.portfolio-section{padding:25px 8px;gap:15px}.portfolio-title{margin-bottom:15px}.portfolio-title h2{font-size:1.5rem;letter-spacing:.8px}.portfolio-title h2:before{width:40px;height:2px;bottom:-5px}.portfolio-image{width:150px;height:100px;border-radius:6px}.image-wrapper,.portfolio-row{gap:8px}}@media (max-width:480px){.portfolio-section{padding:20px 6px;gap:12px}.portfolio-title{margin-bottom:12px}.portfolio-title h2{font-size:1.3rem}.portfolio-title h2:before{width:35px}.portfolio-image{width:120px;height:80px}.image-wrapper,.portfolio-row{gap:6px}}@media (max-width:360px){.portfolio-section{padding:15px 5px;gap:10px}.portfolio-title h2{font-size:1.2rem}.portfolio-title h2:before{width:30px}.portfolio-image{width:100px;height:67px}.image-wrapper,.portfolio-row{gap:5px}}