.pf-container{--gap:16px;--gallery-h:420px;max-width:1200px;margin:0 auto;padding:0 24px 16px 24px}.pf-container button{font-size:.9rem}.pf-filters{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:48px;transition:transform .18s ease,opacity .18s ease,box-shadow .18s ease,padding .18s ease;will-change:transform;z-index:5}.pf-filters.display-top{position:fixed;top:0;width:calc(100% - 64px);left:calc(32px);padding:2rem 8rem;@media (max-width:1600px){left:calc(32px + 22px)}@media (max-width:992px){width:100%;left:0;padding:2rem 4rem}@media (max-width:768px){width:100%;padding:2rem 1rem}}.pf-filter{border:0;border-radius:.5rem;padding:8px 16px;font-weight:500;font-size:12px;background:#141414;color:#fff;cursor:pointer;box-shadow:0 0 12px 6px rgba(var(--bs-primary-rgb),.06);transition:all .2s,transform .15s,box-shadow .45s;@media (max-width:768px){font-size:11px;padding:7px 14px}@media (max-width:576px){font-size:10px;padding:6px 12px}}.pf-filters.display-top .pf-filter{box-shadow:0 0 14px 7px rgb(255 255 255 / .14)}.pf-filter:hover{background:#000;color:var(--bs-primary)}.pf-filter.is-active{background:var(--bs-primary);color:#fff;transform:scale(1.04);box-shadow:0 0 12px 6px rgb(255 255 255 / .12)}.pf-list{display:grid;gap:48px}.pf-project{display:grid;gap:14px}.pf-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--gap)}.pf-location{display:inline-flex;align-items:center;gap:8px;color:#6b7280;font-size:14px}.pf-categories{display:flex;flex-wrap:wrap;gap:8px}.pf-chip{background:#141414;color:var(--bs-primary);border-radius:.5rem;padding:8px 16px;font-size:11px;font-weight:500;text-shadow:1px 1px 12px rgb(255 255 255 / .25)}.pf-header{display:grid;gap:6px}.pf-title{font-weight:700;font-size:clamp(22px, 3.2vw, 36px);margin:0}.pf-desc{color:#6b7280;font-size:16px;margin:0;max-width:70ch}.pf-gallery{position:relative}.pf-track{display:flex;align-items:center;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:none;touch-action:pan-y;-webkit-overflow-scrolling:touch;overflow:hidden;gap:var(--gap);padding-bottom:6px}.pf-track::-webkit-scrollbar{height:8px}.pf-track::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:8px}.pf-track::-webkit-scrollbar-track{background:#fff0}.pf-item{flex:0 0 auto;height:var(--gallery-h);aspect-ratio:auto;scroll-snap-align:center;border-radius:12px;overflow:hidden;position:relative}.pf-img{width:100%;height:100%;max-width:none;object-fit:cover;display:block}.pf-item.portrait{aspect-ratio:auto;height:var(--gallery-h);width:auto}.pf-stack{flex:0 0 auto;display:flex;flex-direction:column;gap:var(--gap);height:var(--gallery-h);scroll-snap-align:start}.pf-stack .pf-item{height:calc((var(--gallery-h) - var(--gap)) / 2);aspect-ratio:auto}.pf-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:1;border:0;width:46px;height:46px;border-radius:50%;cursor:pointer;background:rgb(0 0 0 / .15);backdrop-filter:blur(6px);color:#fff;display:grid;place-items:center;font-size:22px;line-height:1;transition:all ease-in-out .4s;@media (max-width:576px){background:rgb(0 0 0 / .15);width:52px;height:52px}}.pf-nav i{font-size:1.25rem;transition:all ease-in-out .4s}.pf-nav:hover{backdrop-filter:blur(12px);transform:translateY(-50%) scale(1.05);background:rgb(0 0 0 / .25)}.pf-nav:hover i{color:var(--bs-primary)}.pf-prev{left:8px}.pf-next{right:8px}.pf-nav:hover{background:rgb(0 0 0 / .65)}.pf-nav[hidden]{display:none!important}.pf-lightbox{position:fixed;inset:0;display:none;place-items:center;background:rgb(0 0 0 / .85);z-index:9999}.pf-lightbox.is-open{display:grid}.pf-lightbox img{max-width:92vw;max-height:92vh;border-radius:10px;box-shadow:0 10px 40px rgb(0 0 0 / .5)}.pf-lightbox-close{position:absolute;top:16px;right:16px;border:0;background:rgb(255 255 255 / .15);color:#fff;width:36px;height:36px;border-radius:50%;font-size:18px;cursor:pointer}.pf-lightbox-close:hover{background:rgb(255 255 255 / .25)}@media (max-width:768px){.pf-container{--gap:12px;--gallery-h:320px;padding:0 16px 12px 16px}.pf-meta{align-items:flex-start;gap:10px;flex-direction:column}.pf-desc{font-size:15px}}@media (max-width:576px){.pf-container{--gap:10px;padding:0 4px 12px 4px}.pf-meta{gap:8px}.pf-desc{font-size:12px}}.pf-track{scroll-behavior:auto}.pf-track.no-snap{scroll-snap-type:none!important}.pf-track{cursor:grab;user-select:none}.pf-track.is-grabbing{cursor:grabbing}.pf-item{position:relative}.pf-zoom-btn{position:absolute;top:8px;right:8px;width:36px;height:36px;border:0;border-radius:999px;display:grid;place-items:center;background:rgb(0 0 0 / .55);color:#fff;cursor:pointer;opacity:0;transform:translateZ(0);transition:opacity .18s ease,transform .12s ease}.pf-item:hover .pf-zoom-btn{opacity:1}.pf-zoom-btn:focus-visible{outline:2px solid #fff;outline-offset:2px;opacity:1}.pf-zoom-btn:active{transform:scale(.96)}@media (pointer:coarse){.pf-zoom-btn{opacity:1}}