.pgrid{padding-bottom:var(--section-y)}.pgrid__bar{top:var(--nav-h,4.75rem);transition:top .45s var(--ease-out);z-index:var(--z-raised);background:var(--ground);border-bottom:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem 2rem;margin-bottom:clamp(1.5rem,4vh,2.75rem);padding-block:clamp(1rem,2.5vh,1.6rem);display:flex;position:sticky}body.nav-hidden .pgrid__bar{top:0}.pgrid__filters{flex-wrap:wrap;gap:.4rem;display:flex}.pgrid__filter{border:1px solid var(--rule);font-size:var(--t-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);transition:color .35s var(--ease-out), border-color .35s var(--ease-out), background-color .35s var(--ease-out);border-radius:999px;padding:.7em 1.35em;font-weight:500}.pgrid__filter:hover{color:var(--ink);border-color:var(--ink)}.pgrid__filter.is-active{background:var(--espresso);border-color:var(--espresso);color:var(--bone)}.pgrid__count{font-size:var(--t-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);font-variant-numeric:tabular-nums}.pgrid__list{grid-template-columns:repeat(auto-fill,minmax(min(20rem,100%),1fr));gap:clamp(1rem,2.5vw,2rem) clamp(1rem,2vw,1.75rem);display:grid}.pgrid__item{flex-direction:column;display:flex}.pgrid__item:nth-child(3n) .pgrid__open{--photo-crop:4 / 5}.pgrid__open{background:var(--bone-deep);width:100%;box-shadow:var(--shadow-sm);--photo-crop:3 / 4;transition:box-shadow .5s var(--ease-out);border-radius:4px;display:block;position:relative;overflow:hidden}.pgrid__open:hover,.pgrid__open:focus-visible{box-shadow:var(--shadow-lg)}.pgrid__open:hover .photo,.pgrid__open:focus-visible .photo{--photo-scale:1.05}.pgrid__zoom{width:fit-content;color:var(--espresso);font-size:var(--t-xs);letter-spacing:.2em;text-transform:uppercase;opacity:0;transition:opacity .45s var(--ease-out), transform .45s var(--ease-out);background:#f7f3eeeb;border-radius:999px;margin:0 auto 1rem;padding:.6em 1.5em;font-weight:500;position:absolute;inset:auto 0 0;transform:translateY(.6rem)}.pgrid__open:hover .pgrid__zoom,.pgrid__open:focus-visible .pgrid__zoom{opacity:1;transform:translateY(0)}body.has-cursor .pgrid__zoom{display:none}.pgrid__caption{font-size:var(--t-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin-top:.85rem}.pgrid__empty{font-size:var(--t-lg);color:var(--ink-soft);padding-block:clamp(3rem,10vh,6rem)}
