.portfolio-hero{text-align:center;padding:9.5vw 3vw 2.2vw}.portfolio-hero h1{letter-spacing:-.16vw;color:#fff;margin:.74vw 0 0;font-family:Poppins,sans-serif;font-size:3.05vw;font-weight:600;line-height:3.05vw}.portfolio-hero p{color:#958bd4;margin:.74vw 0 0;font-family:Poppins,sans-serif;font-size:1.36vw;font-weight:500}.portfolio-hero .accent{color:#aaa2ff}.portfolio-hero-badge{color:#fff;background:linear-gradient(-77deg,#050505 0%,#6859f082 100%);border-radius:.94vw;margin-bottom:.74vw;padding:.5vw 1.05vw;font-family:Inter,sans-serif;font-size:.7vw;font-weight:600;display:inline-block;box-shadow:0 8px 24px #0003}.pf-toolbar{z-index:100;-webkit-backdrop-filter:blur(12px);background:#050505e0;border-bottom:1px solid #ffffff12;justify-content:center;padding:1vw 3vw;display:flex;position:sticky;top:5vw}.pf-filters{flex-wrap:wrap;justify-content:center;align-items:center;gap:.6vw;display:flex}.pf-filter{color:#fff9;cursor:pointer;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:3.41vw;padding:.6vw 1.6vw;font-family:Poppins,sans-serif;font-size:1vw;font-weight:600;transition:all .2s}.pf-filter:hover{color:#fff;background:#ffffff1f}.pf-filter.is-active{color:#fff;background:linear-gradient(135deg,#aaa1ff 0%,#6859f0 39%);border-color:#0000;box-shadow:0 2px 14px #6859f073}.pf-grid{grid-template-columns:repeat(3,1fr);gap:2vw;padding:3vw 3vw 4vw;display:grid}.pf-card{cursor:default;border-radius:1vw;overflow:hidden}.pf-card-images{aspect-ratio:1;background:#0d0d0d;border-radius:1vw;position:relative;overflow:hidden;box-shadow:0 8px 30px #0006}.pf-img-back{display:none}.pf-img-front{object-fit:cover;object-position:center;z-index:1;width:100%;height:100%;transition:transform .55s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.pf-card:hover .pf-img-front{transform:scale(1.05)}.pf-overlay{opacity:0;z-index:2;background:linear-gradient(150deg,#6859f080 0%,#3a2ba09e 100%);border-radius:1vw;flex-direction:column;justify-content:center;align-items:center;gap:1.1vw;transition:opacity .3s;display:flex;position:absolute;inset:0}.pf-card:hover .pf-overlay{opacity:1}.pf-card-name{color:#fff;text-align:center;margin:0;padding:0 1.2vw;font-family:Poppins,sans-serif;font-size:1.25vw;font-weight:600;line-height:1.35}.pf-actions{gap:.84vw;display:flex}.pf-btn{cursor:pointer;color:#fff;background:#ffffff2e;border:2px solid #ffffff80;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.8vw;height:2.8vw;text-decoration:none;transition:all .2s;display:flex}.pf-btn:hover{background:#ffffff59;border-color:#fff;transform:scale(1.12)}.pf-btn svg{stroke:#fff;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2px;flex-shrink:0;width:1.05vw;height:1.05vw}.pf-lightbox{z-index:9999;opacity:0;pointer-events:none;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:fixed;inset:0}.pf-lightbox.is-open{opacity:1;pointer-events:all}.pf-lightbox-backdrop{cursor:pointer;background:#000000ed;position:absolute;inset:0}.pf-lightbox-inner{z-index:1;max-width:80vw;max-height:90vh;position:relative}.pf-lightbox-img{border-radius:.6vw;max-width:80vw;max-height:86vh;display:block;box-shadow:0 24px 80px #000000e6}.pf-lightbox-close{color:#000;cursor:pointer;background:linear-gradient(135deg,#aaa1ff 0%,#6859f0 39%);border:none;border-radius:50%;justify-content:center;align-items:center;width:2.1vw;height:2.1vw;font-size:.9vw;font-weight:700;line-height:1;transition:transform .2s,filter .2s;display:flex;position:absolute;top:-3vw;right:0;box-shadow:0 4px 16px #6859f080}.pf-lightbox-close:hover{filter:brightness(1.1);transform:scale(1.1)}.pf-lb-arrow{z-index:2;cursor:pointer;opacity:.92;background:linear-gradient(135deg,#aaa1ff 0%,#6859f0 39%);border:none;border-radius:50%;justify-content:center;align-items:center;width:3vw;height:3vw;transition:transform .2s,filter .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 20px #6859f080}.pf-lb-arrow:hover{filter:brightness(1.1);opacity:1;transform:translateY(-50%)scale(1.1)}.pf-lb-prev{left:2.5vw}.pf-lb-next{right:2.5vw}.pf-lb-arrow svg{stroke:#fff;fill:none;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;width:1.3vw;height:1.3vw}.pf-empty{text-align:center;color:#ffffff59;grid-column:1/-1;padding:4vw 0;font-family:Inter,sans-serif;font-size:1vw}@media (max-width:1024px){.portfolio-hero{padding:100px 24px 24px}.portfolio-hero h1{letter-spacing:-1px;font-size:30px;line-height:1.2}.portfolio-hero p{font-size:15px}.portfolio-hero-badge{border-radius:10px;margin-bottom:12px;padding:8px 14px;font-size:11px}.pf-toolbar{padding:12px 20px;top:64px}.pf-filters{flex-wrap:nowrap;gap:8px;padding-bottom:2px;overflow-x:auto}.pf-filter{border-radius:999px;padding:9px 16px;font-size:13px}.pf-grid{grid-template-columns:repeat(2,1fr);gap:14px;padding:20px 20px 50px}.pf-card,.pf-card-images,.pf-overlay{border-radius:12px}.pf-overlay{gap:14px}.pf-img-back,.pf-img-front{border-radius:6px}.pf-card-name{padding:0 14px;font-size:15px}.pf-actions{gap:12px}.pf-btn{border-width:1.5px;width:44px;height:44px}.pf-btn svg{width:17px;height:17px}.pf-lightbox-close{width:36px;height:36px;font-size:14px;top:-46px}.pf-lightbox-img{border-radius:8px;max-width:82vw}.pf-lightbox-inner{max-width:82vw}.pf-lb-arrow{width:44px;height:44px}.pf-lb-arrow svg{width:18px;height:18px}.pf-lb-prev{left:12px}.pf-lb-next{right:12px}.pf-empty{font-size:14px}}@media (max-width:600px){.pf-grid{grid-template-columns:1fr;padding:16px 16px 40px}}