.portfolio-section{background-color:var(--void-black);color:var(--crisp-white);padding:80px 24px}.portfolio-container{max-width:1400px;margin:0 auto}.portfolio-header{text-align:center;margin-bottom:60px}.portfolio-header h2{background:linear-gradient(135deg,#fff 0%,#a5b4fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:3rem;font-weight:800}.portfolio-header p{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.2rem}.portfolio-grid{scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--tech-purple) #ffffff1a;gap:24px;padding-bottom:32px;display:flex;overflow-x:auto}.portfolio-grid::-webkit-scrollbar{height:8px}.portfolio-grid::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.portfolio-grid::-webkit-scrollbar-thumb{background:var(--tech-purple);border-radius:10px}.portfolio-item{scroll-snap-align:start;background:#000;border:1px solid #ffffff1a;border-radius:20px;flex:0 0 315px;height:560px;transition:transform .3s;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000080}.portfolio-item:hover{border-color:var(--tech-purple);transform:translateY(-5px);box-shadow:0 15px 40px #7755a34d}.portfolio-item iframe{border:none;width:100%;height:100%}.portfolio-item-title{color:#fff;pointer-events:none;background:linear-gradient(#0000 0%,#000000e6 100%);width:100%;padding:24px 20px 20px;font-size:1.1rem;font-weight:600;position:absolute;bottom:0;left:0}