.portfolio-hero{background:linear-gradient(135deg,#111 0%,#1a1a1a 100%);padding-top:clamp(8rem,15vw,12rem);padding-bottom:clamp(4rem,8vw,6rem);position:relative;overflow:hidden}.portfolio-filters{flex-wrap:wrap;gap:.75rem;margin-bottom:2.5rem;display:flex}.filter-btn{border:1.5px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;letter-spacing:.025em;background:0 0;border-radius:100px;padding:.625rem 1.5rem;font-size:.8rem;font-weight:600;transition:all .3s}.filter-btn:hover{border-color:var(--color-brand);color:var(--color-brand)}.filter-btn.active{background:var(--color-brand);color:#fff;border-color:var(--color-brand);box-shadow:0 4px 14px #ee51264d}.portfolio-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;display:grid}.portfolio-item{aspect-ratio:4/3;cursor:pointer;border-radius:1rem;position:relative;overflow:hidden}.portfolio-item img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1)}.portfolio-item:hover img{transform:scale(1.05)}.portfolio-item-overlay{opacity:0;background:linear-gradient(#0000 0%,#0003 50%,#000000d9 100%);flex-direction:column;justify-content:flex-end;padding:2rem;transition:opacity .4s;display:flex;position:absolute;inset:0}.portfolio-item:hover .portfolio-item-overlay{opacity:1}.portfolio-item-category{color:var(--color-brand);text-transform:uppercase;letter-spacing:.15em;margin-bottom:.5rem;font-size:.7rem;font-weight:600}.portfolio-item-title{color:#fff;font-size:1.25rem;font-weight:700}.lightbox{z-index:9999;opacity:0;pointer-events:none;background:#000000f2;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.lightbox.active{opacity:1;pointer-events:all}.lightbox img{object-fit:contain;border-radius:.5rem;max-width:90vw;max-height:85vh}.lightbox-close{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;transition:background .3s;display:flex;position:absolute;top:2rem;right:2rem}.lightbox-close:hover{background:#fff3}@media (width<=768px){.portfolio-grid{grid-template-columns:1fr}.portfolio-filters{justify-content:center}}