.portfolio-header{position:fixed;background:rgba(7,7,7,.82);backdrop-filter:blur(14px)}.nav-active{color:#fff!important}.portfolio-hero{padding:190px 7vw 90px;background:radial-gradient(circle at 80% 20%,rgba(210,0,15,.2),transparent 30%)}.portfolio-hero h1{font-size:clamp(54px,8vw,110px);margin:18px 0 30px}.portfolio-hero p{max-width:550px;color:#888;line-height:1.75}.portfolio-section{padding:30px 7vw 120px}.portfolio-filters{display:flex;gap:8px;margin-bottom:30px;flex-wrap:wrap}.portfolio-filters button{border:1px solid #292929;background:#111;color:#777;padding:10px 16px;border-radius:99px;font:600 11px Manrope;cursor:pointer}.portfolio-filters button.active{background:var(--red);border-color:var(--red);color:#fff}.works-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.work-card{aspect-ratio:4/3;border:1px solid #222;border-radius:18px;background:linear-gradient(135deg,#181010,#0c0c0c);overflow:hidden;position:relative;cursor:pointer}.work-card:nth-child(5n+2),.work-card:nth-child(5n+4){aspect-ratio:1}.work-card img{width:100%;height:100%;object-fit:cover;transition:.4s}.work-card img.missing{display:none}.work-card:hover img{transform:scale(1.04)}.work-number{position:absolute;top:12px;left:12px;background:rgba(0,0,0,.78);border:1px solid #333;padding:5px 8px;border-radius:6px;font-size:9px;z-index:2}.work-placeholder{position:absolute;inset:0;display:grid;place-items:center;color:#4d4d4d;font-size:11px;letter-spacing:.12em}.work-card:has(img:not(.missing)) .work-placeholder{display:none}.work-lightbox{position:fixed;inset:0;z-index:80;background:rgba(0,0,0,.94);backdrop-filter:blur(10px);display:none;place-items:center;padding:30px}.work-lightbox.open{display:grid}.work-lightbox img{max-width:min(1100px,95vw);max-height:85vh;object-fit:contain}.work-lightbox button{position:absolute;right:25px;top:20px;border:0;background:none;color:#fff;font-size:38px;cursor:pointer}.work-lightbox span{position:absolute;left:30px;bottom:25px;font-size:11px;letter-spacing:.15em}.portfolio-cta{margin-top:0}@media(max-width:850px){.works-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:580px){.portfolio-hero{padding:130px 5vw 60px}.portfolio-hero h1{font-size:48px}.portfolio-section{padding:20px 4vw 80px}.works-grid{grid-template-columns:1fr 1fr;gap:7px}.work-card{border-radius:11px}.portfolio-filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.portfolio-filters button{white-space:nowrap}.work-lightbox{padding:12px}}