.pf-page{padding-bottom:clamp(3rem,6vw,5rem)}.pf-head{max-width:760px}.pf{margin-top:clamp(1.8rem,3.5vw,2.6rem)}.pf-bar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.8rem;display:flex}.pf-status{letter-spacing:.12em;text-transform:uppercase;color:var(--basalt-soft);font-size:.78rem;font-weight:600}.pf-filter-toggle{cursor:pointer;font:inherit;color:var(--deepwater);background:0 0;border:0;align-items:center;gap:.45rem;padding:.3rem 0;font-size:.9rem;font-weight:600;display:inline-flex}.pf-filter-toggle:hover{color:var(--kelp)}.pf-filter-badge{background:var(--deepwater);color:#fff;border-radius:999px;place-items:center;min-width:1.25rem;height:1.25rem;padding:0 .3rem;font-size:.72rem;font-weight:700;display:inline-grid}.pf-filter-caret{width:.45rem;height:.45rem;transition:transform .2s var(--ease);border-bottom:2px solid;border-right:2px solid;margin-left:.1rem;transform:translateY(-2px)rotate(45deg)}.pf-filter-toggle.is-open .pf-filter-caret{transform:translateY(1px)rotate(-135deg)}.pf-active{flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.8rem;display:flex}.pf-pill{cursor:pointer;background:var(--deepwater);color:#fff;font:inherit;border:0;border-radius:999px;align-items:center;gap:.35rem;padding:.28rem .7rem;font-size:.8rem;font-weight:600;display:inline-flex}.pf-pill span{opacity:.75;font-size:1rem;line-height:1}.pf-pill:hover{background:var(--kelp)}.pf-clear{font:inherit;color:var(--basalt-soft);cursor:pointer;background:0 0;border:0;padding:0 .3rem;font-size:.82rem;text-decoration:underline}.pf-clear:hover{color:var(--deepwater)}.pf-panel{border-radius:var(--radius);background:var(--paper-2);gap:.7rem;margin-top:.8rem;padding:1rem 1.1rem;display:grid}.pf-filter-row{align-items:baseline;gap:.4rem;display:grid}@media (min-width:760px){.pf-filter-row{grid-template-columns:6.5rem 1fr}}.pf-filter-label{letter-spacing:.14em;text-transform:uppercase;color:var(--basalt-soft);font-size:.7rem;font-weight:700}.pf-chips{flex-wrap:wrap;gap:.35rem;display:flex}.pf-chip{background:var(--white);font:inherit;color:var(--basalt);cursor:pointer;border:1px solid #0000;border-radius:999px;padding:.26rem .7rem;font-size:.8rem;font-weight:600;transition:border-color .15s,background .15s,color .15s,opacity .15s}.pf-chip:hover{border-color:var(--deepwater);color:var(--deepwater)}.pf-chip.is-on{background:var(--deepwater);border-color:var(--deepwater);color:#fff}.pf-chip.is-empty{opacity:.45}.pf-chip-n{opacity:.6;margin-left:.15rem;font-weight:500}.pf-chip:focus-visible,.pf-tile:focus-visible,.pf-clear:focus-visible,.pf-pill:focus-visible,.pf-filter-toggle:focus-visible{outline:3px solid color-mix(in srgb, var(--lagoon) 70%, transparent);outline-offset:2px}.pf-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:clamp(1.4rem,2.6vw,2.2rem) clamp(1rem,2vw,1.6rem);margin:1.6rem 0 0;padding:0;list-style:none;display:grid}.pf-tile{text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;border-radius:var(--radius);background:0 0;border:0;flex-direction:column;padding:0;display:flex}.pf-tile-media{aspect-ratio:4/3;border-radius:var(--radius);background:var(--paper-2);transition:box-shadow .3s var(--ease);display:block;position:relative;overflow:hidden}.pf-tile:hover .pf-tile-media{box-shadow:0 24px 50px -30px #214c6699}.pf-tile-media img{object-fit:cover;transition:transform .6s var(--ease)}.pf-tile:hover .pf-tile-media img{transform:scale(1.03)}.pf-tile-count{z-index:1;color:#fff;background:#141e24b8;border-radius:999px;padding:.25rem .6rem;font-size:.74rem;font-weight:700;position:absolute;bottom:.7rem;right:.7rem}.pf-tile-body{flex-direction:column;gap:.15rem;padding:.75rem .15rem 0;display:flex}.pf-tile-client{letter-spacing:.12em;text-transform:uppercase;color:var(--kelp);font-size:.7rem;font-weight:700}.pf-tile-title{color:var(--deepwater);font-size:1rem;font-weight:600;line-height:1.3}.pf-empty{text-align:center;border:1px dashed var(--line);border-radius:var(--radius);color:var(--basalt-soft);margin-top:1.8rem;padding:clamp(2rem,5vw,3.2rem)}.pf-empty p{margin-bottom:1rem;font-size:1.05rem}.pf-viewer{z-index:1000;background:#0c141aeb;justify-content:center;align-items:center;padding:clamp(.75rem,3vw,2.5rem) clamp(.75rem,6vw,5rem);display:flex;position:fixed;inset:0}.pf-viewer-inner{background:var(--paper);border-radius:var(--radius);flex-direction:column;width:min(1100px,100%);max-height:100%;display:flex;overflow:hidden}.pf-viewer-media{background:#10181d;flex:auto;height:min(68vh,720px);min-height:240px;position:relative}.pf-viewer-media img{object-fit:contain}.pf-viewer-info{align-items:center;gap:1rem 2rem;padding:clamp(1rem,2.4vw,1.5rem) clamp(1.1rem,2.6vw,1.8rem);display:grid}@media (min-width:760px){.pf-viewer-info{grid-template-columns:1fr auto}}.pf-viewer-client{letter-spacing:.12em;text-transform:uppercase;color:var(--kelp);font-size:.74rem;font-weight:700}.pf-viewer-title{color:var(--deepwater);margin-top:.2rem;font-size:1.25rem;line-height:1.25}.pf-viewer-label{color:var(--basalt);margin-top:.3rem;font-size:.9rem;font-weight:600}.pf-viewer-caption{max-width:40rem;color:var(--basalt-soft);margin-top:.45rem;font-size:.95rem;line-height:1.55}.pf-viewer-side{flex-wrap:wrap;align-items:center;gap:.9rem;display:flex}.pf-viewer-thumbs{gap:.4rem;display:flex}.pf-viewer-thumb{cursor:pointer;background:var(--paper-2);opacity:.6;border:2px solid #0000;border-radius:6px;width:56px;height:42px;padding:0;position:relative;overflow:hidden}.pf-viewer-thumb img{object-fit:cover}.pf-viewer-thumb.is-on{border-color:var(--deepwater);opacity:1}.pf-viewer-cta{white-space:nowrap}.pf-viewer-close,.pf-viewer-nav{z-index:2;cursor:pointer;color:#fff;background:#ffffff1f;border:0;border-radius:50%;place-items:center;line-height:1;transition:background .15s;display:grid;position:absolute}.pf-viewer-close:hover,.pf-viewer-nav:hover{background:#ffffff3d}.pf-viewer-close:focus-visible,.pf-viewer-nav:focus-visible{outline:3px solid var(--lagoon);outline-offset:2px}.pf-viewer-close{width:2.6rem;height:2.6rem;font-size:1.7rem;top:.8rem;right:.8rem}.pf-viewer-nav{width:2.8rem;height:2.8rem;margin-top:-1.4rem;padding-bottom:.2rem;font-size:2rem;top:50%}.pf-viewer-nav--prev{left:clamp(.3rem,1.5vw,1.2rem)}.pf-viewer-nav--next{right:clamp(.3rem,1.5vw,1.2rem)}@media (max-width:620px){.pf-viewer{padding:3.6rem .6rem .6rem}.pf-viewer-media{height:52vh}.pf-viewer-nav{background:#0c141a8c;margin-top:0;top:calc(.2rem + 52vh)}.pf-viewer-nav--prev{left:1.1rem}.pf-viewer-nav--next{right:1.1rem}}
