.portfolio-hero{background:var(--dark);border-bottom:var(--border-heavy);text-align:center;padding:80px 16px 60px}.portfolio-hero-tag{background:var(--volt);color:var(--black);border:3px solid var(--black);font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;box-shadow:var(--neo-shadow-sm);margin-bottom:24px;padding:6px 14px;font-size:9px;font-weight:700;display:inline-block}.portfolio-hero-title{font-family:var(--font-display);text-transform:uppercase;color:var(--white);letter-spacing:-2px;margin-bottom:20px;font-size:clamp(56px,12vw,160px);line-height:.85}.portfolio-hero-sub{color:var(--grey);max-width:500px;margin:0 auto;font-size:15px;font-weight:400;line-height:1.7}.portfolio-filters{background:var(--dark);border-bottom:var(--border);-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 16px;overflow-x:auto}.portfolio-filters::-webkit-scrollbar{display:none}.portfolio-filters-inner{justify-content:center;gap:0;min-width:max-content;display:flex}.portfolio-filter-btn{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--grey);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:16px 20px;font-size:10px;font-weight:700;transition:color .25s;position:relative}.portfolio-filter-btn:after{content:"";background:var(--volt);height:2px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:0;left:20px;right:20px;transform:scaleX(0)}.portfolio-filter-btn:hover{color:var(--white)}.portfolio-filter-btn.active{color:var(--volt)}.portfolio-filter-btn.active:after{transform:scaleX(1)}.portfolio-section{background:var(--dark);min-height:50vh;padding:48px 16px 60px}.portfolio-masonry{columns:1;column-gap:16px;max-width:1400px;margin:0 auto}.portfolio-item{break-inside:avoid;cursor:pointer;opacity:0;background:#111;border:3px solid #ffffff0f;margin-bottom:16px;transition:border-color .3s,transform .3s,box-shadow .4s;position:relative;overflow:hidden;transform:translateY(30px)}.portfolio-item.visible{opacity:1;transition:opacity .6s,transform .6s,border-color .3s,box-shadow .4s;transform:translateY(0)}.portfolio-item:hover{border-color:var(--volt);transform:translateY(-3px);box-shadow:0 0 30px #ccff000f}.portfolio-item.visible:hover{transform:translateY(-3px)}.portfolio-item.featured{border-color:#cf03}.portfolio-media{background:#0a0a0a;width:100%;position:relative;overflow:hidden}.portfolio-media img,.portfolio-media video{width:100%;transition:transform .5s;display:block}.portfolio-item:hover .portfolio-media img,.portfolio-item:hover .portfolio-media video{transform:scale(1.03)}.portfolio-play-icon{pointer-events:none;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.portfolio-play-icon:after{content:"";-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;border:3px solid #ffffffe6;border-radius:50%;width:56px;height:56px;position:relative}.portfolio-play-icon:before{content:"";z-index:1;border:10px solid #0000;border-left:18px solid #fffffff2;border-right-width:0;width:0;height:0;position:absolute}.portfolio-item:hover .portfolio-play-icon{opacity:.8}.portfolio-item-info{border-top:2px solid #ffffff0a;padding:16px 18px}.portfolio-item-title{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--white);margin-bottom:4px;font-size:11px;font-weight:700}.portfolio-item-meta{align-items:center;gap:8px;display:flex}.portfolio-item-category{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--volt);opacity:.7;font-size:9px}.portfolio-item-client{color:var(--grey);font-size:9px;font-family:var(--font-mono);letter-spacing:.06em}.portfolio-item-client:before{content:"·";margin-right:8px}.portfolio-lightbox{z-index:10000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;visibility:hidden;background:#000000eb;justify-content:center;align-items:center;transition:opacity .3s,visibility .3s;display:flex;position:fixed;inset:0}.portfolio-lightbox.open{opacity:1;visibility:visible}.portfolio-lightbox-content{justify-content:center;align-items:center;max-width:90vw;max-height:85vh;display:flex;position:relative}.portfolio-lightbox-content img,.portfolio-lightbox-content video{object-fit:contain;border:3px solid #ffffff1a;max-width:90vw;max-height:85vh}.portfolio-lightbox-close{color:var(--white);cursor:pointer;z-index:10001;background:0 0;border:2px solid #fff3;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;transition:border-color .2s,background .2s;display:flex;position:fixed;top:20px;right:24px}.portfolio-lightbox-close:hover{border-color:var(--volt);background:#ccff001a}.portfolio-lightbox-nav{color:var(--white);cursor:pointer;z-index:10001;background:0 0;border:2px solid #ffffff26;justify-content:center;align-items:center;width:48px;height:48px;font-size:28px;transition:border-color .2s,background .2s;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.portfolio-lightbox-nav:hover{border-color:var(--volt);background:#ccff001a}.portfolio-lightbox-prev{left:20px}.portfolio-lightbox-next{right:20px}.portfolio-lightbox-info{text-align:center;z-index:10001;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.portfolio-lightbox-title{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--white);margin-bottom:4px;font-size:12px;font-weight:700}.portfolio-lightbox-counter{font-family:var(--font-mono);color:var(--grey);letter-spacing:.1em;font-size:10px}.portfolio-empty{text-align:center;padding:100px 20px}.portfolio-empty-icon{opacity:.2;margin-bottom:16px;font-size:48px}.portfolio-empty-text{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--grey);font-size:12px}.portfolio-cta{background:var(--black);border-top:var(--border-heavy);text-align:center;padding:80px 16px}.portfolio-cta-headline{font-family:var(--font-display);text-transform:uppercase;color:var(--white);text-shadow:4px 4px #ccff0026;margin-bottom:16px;font-size:clamp(40px,8vw,100px);line-height:.88}.portfolio-cta-sub{color:var(--grey);margin-bottom:36px;font-size:16px;font-weight:400;line-height:1.6}.portfolio-cta-stats{flex-wrap:wrap;justify-content:center;gap:32px;margin-top:48px;display:flex}.portfolio-cta-stat{text-align:center}.portfolio-cta-stat-num{font-family:var(--font-display);color:var(--volt);font-size:36px;display:block}.portfolio-cta-stat-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--grey);margin-top:4px;font-size:9px}@media (min-width:768px){.portfolio-hero{padding:100px 40px 80px}.portfolio-section{padding:60px 40px 80px}.portfolio-masonry{columns:2;column-gap:20px}.portfolio-item{margin-bottom:20px}.portfolio-cta{padding:100px 40px}.portfolio-filters{padding:0 40px}}@media (min-width:1024px){.portfolio-hero{padding:120px 60px 100px}.portfolio-section{padding:60px 60px 100px}.portfolio-masonry{columns:3;column-gap:24px}.portfolio-item{margin-bottom:24px}.portfolio-cta{padding:120px 60px}.portfolio-filters{padding:0 60px}}@media (prefers-reduced-motion:reduce){.portfolio-item{opacity:1!important;transform:none!important}.portfolio-media img,.portfolio-media video{transition:none!important}}