.portfolio{color:#fff;background:#050505;padding:160px 8% 120px}.portfolio-heading{text-align:center;max-width:900px;margin:0 auto 60px}.portfolio-heading p{color:#d4af37;letter-spacing:4px;text-transform:uppercase;margin-bottom:15px;font-size:14px}.portfolio-heading h2{margin-bottom:20px;font-size:clamp(2.8rem,5vw,4.5rem);line-height:1.2}.portfolio-heading span{color:#bdbdbd;max-width:700px;margin:auto;font-size:18px;line-height:1.8;display:block}.portfolio-filter{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin:60px 0 80px;display:flex}.portfolio-filter button{color:#fff;cursor:pointer;background:#111;border:1px solid #d4af3740;border-radius:50px;padding:14px 30px;font-size:15px;font-weight:600;transition:all .35s}.portfolio-filter button:hover{color:#111;background:#d4af37;border-color:#d4af37;transform:translateY(-3px)}.portfolio-filter .active{color:#111;background:#d4af37;border-color:#d4af37;box-shadow:0 12px 25px #d4af3733}.portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px;display:grid}.portfolio-card{cursor:pointer;will-change:transform;background:#111;border:1px solid #d4af371f;border-radius:22px;transition:all .45s;position:relative;overflow:hidden}.portfolio-card img{aspect-ratio:4/5;object-fit:cover;width:100%;transition:transform .7s;display:block}.portfolio-card:hover{transform:translateY(-10px);box-shadow:0 25px 60px #00000073,0 0 35px #d4af372e}.portfolio-card:hover img{transform:scale(1.08)}.portfolio-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;background:linear-gradient(#0000,#0003,#000000f5);flex-direction:column;justify-content:flex-end;padding:30px;transition:all .45s;display:flex;position:absolute;inset:0}.portfolio-card:hover .portfolio-overlay{opacity:1}.portfolio-overlay span{color:#d4af37;text-transform:uppercase;letter-spacing:2px;margin-bottom:10px;font-size:13px}.portfolio-overlay h3{color:#fff;margin-bottom:20px;font-size:30px}.portfolio-overlay button{color:#111;cursor:pointer;background:#d4af37;border:none;border-radius:50px;width:max-content;padding:14px 28px;font-weight:700;transition:all .35s}.portfolio-overlay button:hover{background:#f0c94a;transform:translateY(-3px)}.portfolio-footer{justify-content:center;margin-top:80px;display:flex}.portfolio-btn{color:#111;cursor:pointer;background:#d4af37;border:none;border-radius:50px;padding:18px 42px;font-weight:700;transition:all .35s}.portfolio-btn:hover{transform:translateY(-5px);box-shadow:0 18px 35px #d4af374d}.lightbox-close{color:#111;cursor:pointer;background:#d4af37;border:none;border-radius:50%;width:55px;height:55px;font-size:28px;position:absolute;top:-15px;right:-15px}@media (width<=992px){.portfolio{padding:150px 7% 100px}.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.portfolio{padding:130px 6% 90px}.portfolio-grid{grid-template-columns:1fr;gap:30px}.portfolio-heading h2{font-size:2.4rem}.portfolio-heading span{font-size:16px}.portfolio-filter{gap:12px}.portfolio-filter button{padding:12px 22px;font-size:14px}}.lightbox{z-index:99999;background:#000000eb;justify-content:center;align-items:center;padding:30px;display:flex;position:fixed;inset:0}.lightbox-content{text-align:center;width:100%;max-width:1100px;position:relative}.lightbox-content img{object-fit:contain;border-radius:20px;width:100%;max-height:80vh}.lightbox-content h3{color:#fff;margin-top:25px;font-size:32px}.lightbox-content p{color:#d4af37;margin-top:10px;font-size:18px}.lightbox-close{color:#111;cursor:pointer;background:#d4af37;border:none;border-radius:50%;width:55px;height:55px;font-size:26px;transition:all .3s;position:absolute;top:-20px;right:-20px}.lightbox-close:hover{transform:rotate(90deg)}.lightbox-prev,.lightbox-next{color:#111;cursor:pointer;z-index:2;background:#d4af37;border:none;border-radius:50%;width:60px;height:60px;font-size:28px;transition:all .3s;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-prev{left:-80px}.lightbox-next{right:-80px}.lightbox-prev:hover,.lightbox-next:hover{background:#f0c94a;transform:translateY(-50%)scale(1.1)}.lightbox-prev:disabled,.lightbox-next:disabled{opacity:.4;cursor:not-allowed}