.pf-page{background:var(--void);padding-top:calc(var(--header-h) + clamp(40px, 8dvh, 96px))}@media (max-width:1023.98px){.pf-page{padding-top:calc(var(--header-h) + clamp(20px, 3dvh, 36px))}.pf-page__head{margin-bottom:clamp(18px,2.4dvh,28px)}}.pf-page__head{margin-bottom:clamp(32px,5dvh,64px)}.pf-page__title{margin:0}.pf-page__count{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--on-dark-muted);margin:clamp(12px,1.6dvh,18px) 0 0;font-size:13px;line-height:1.4}.pf-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:10px;display:grid}@media (min-width:768px){.pf-grid{gap:20px}}@media (min-width:1024px){.pf-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.pf-card{appearance:none;width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:opacity .62s var(--ease-out-quint), transform .62s var(--ease-out-quint);background:0 0;border:0;flex-direction:column;padding:0;display:flex}.pf-card.is-hidden{opacity:0;transform:translateY(24px)}.pf-card__media{aspect-ratio:3/4;border:var(--hairline);border-radius:var(--radius-sm);background:var(--base-2);display:block;position:relative;overflow:hidden}.pf-card__img{object-fit:cover;width:100%;height:100%;transition:transform .46s var(--ease-out-quint)}.pf-card__cap{color:var(--on-dark-muted);align-items:baseline;gap:8px;min-height:calc(4.05em + 8px);padding:8px 2px 0;font-size:13px;line-height:1.35;display:flex}.pf-card__num{font-family:var(--font-mono);letter-spacing:.04em;color:var(--accent-bright);flex:none;font-size:12px}.pf-card__title{min-width:0}@media (min-width:1024px){.pf-card{position:relative}.pf-card__cap{z-index:1;border-radius:0 0 var(--radius-sm) var(--radius-sm);min-height:0;color:var(--on-dark);opacity:0;transition:opacity .26s var(--ease-out-quint), transform .26s var(--ease-out-quint);background:linear-gradient(#0000 0%,#05040c9e 55%,#05040ceb 100%);align-items:baseline;padding:44px 18px 16px;font-size:14px;position:absolute;inset:auto 0 0;transform:translateY(8px)}.pf-card:hover .pf-card__cap,.pf-card:focus-visible .pf-card__cap{opacity:1;transform:none}.pf-card:hover .pf-card__img,.pf-card:focus-visible .pf-card__img{transform:scale(1.03)}}.pf-card:focus-visible{outline:2px solid var(--accent-bright);outline-offset:3px;border-radius:var(--radius-sm)}.pf-nav-current[aria-current=page]{border-color:var(--on-dark)}.pf-nav-current[aria-current=page]:hover{transform:none}.pf-view{z-index:90;display:flex;position:fixed;inset:0}.pf-view[hidden]{display:none}.pf-view__scrim{opacity:0;transition:opacity .42s var(--ease-out-quint);background:#05040cf0;position:absolute;inset:0}.pf-view.is-open .pf-view__scrim{opacity:1}@media (min-width:1024px){.pf-view__scrim{-webkit-backdrop-filter:blur(18px)saturate(120%);backdrop-filter:blur(18px)saturate(120%);background:#05040cd1}}.pf-view__panel{width:100%;max-height:100%;padding:clamp(56px, 8dvh, 88px) var(--gutter) 0;opacity:0;transition:opacity .42s var(--ease-out-quint), transform .42s var(--ease-out-quint);flex-direction:column;display:flex;position:relative;transform:translateY(12px)}.pf-view.is-open .pf-view__panel{opacity:1;transform:none}.pf-view__head{flex:none;width:100%;max-width:1440px;margin:0 auto;padding-bottom:clamp(16px,2.4dvh,28px)}.pf-view__meta{align-items:baseline;gap:12px;margin:0;padding-right:56px;display:flex}.pf-view__num{font-family:var(--font-mono);letter-spacing:.08em;color:var(--accent-bright);flex:none;font-size:13px}.pf-view__title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--on-dark);font-size:clamp(20px,2.6vw,32px);font-weight:600;line-height:1.2}.pf-view__desc{max-width:60ch;color:var(--on-dark-muted);margin:10px 0 0;font-size:15px}.pf-view__desc[hidden]{display:none}.pf-view__frames{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;flex:auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;gap:10px;width:100%;max-width:1440px;margin:0 auto;padding-bottom:clamp(80px,12dvh,120px);display:grid;overflow-y:auto}@media (min-width:768px){.pf-view__frames{gap:20px}}@media (min-width:1024px){.pf-view__frames{grid-template-columns:repeat(3,minmax(0,1fr))}}.pf-frame{aspect-ratio:3/4;border:var(--hairline);border-radius:var(--radius-sm);background:var(--base-2);opacity:0;will-change:transform, opacity;margin:0;transition:transform .52s cubic-bezier(.22,1,.36,1),opacity .52s cubic-bezier(.22,1,.36,1);overflow:hidden}.pf-frame.is-in{opacity:1}.pf-frame img{object-fit:cover;width:100%;height:100%}.pf-frame.is-sized img{object-fit:contain}.pf-view__close{z-index:2;border:var(--hairline-light);background:var(--glass);width:44px;height:44px;color:var(--on-dark);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0;transition:background-color .2s ease-out,transform .2s ease-out;display:inline-flex;position:absolute;top:clamp(10px,1.6dvh,18px);right:clamp(10px,1.6vw,22px)}.pf-view__close:hover{background:var(--glass-hover);transform:scale(1.05)}.pf-view__nav{z-index:2;gap:8px;display:flex;position:absolute;top:clamp(10px,1.6dvh,18px);right:calc(clamp(10px,1.6vw,22px) + 52px)}.pf-view__arrow{border:var(--hairline-light);background:var(--glass);width:44px;height:44px;color:var(--on-dark);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0;transition:background-color .2s ease-out,opacity .2s ease-out,transform .2s ease-out;display:inline-flex}.pf-view__arrow:hover:not(:disabled){background:var(--glass-hover);transform:scale(1.05)}.pf-view__arrow:disabled{opacity:.32;cursor:default}.pf-view__close:focus-visible,.pf-view__arrow:focus-visible{outline:2px solid var(--accent-bright);outline-offset:2px}@media (prefers-reduced-motion:reduce){.pf-card,.pf-card__img,.pf-card__cap,.pf-view__scrim,.pf-view__panel,.pf-frame,.pf-view__close,.pf-view__arrow{transition:none!important}.pf-card,.pf-card.is-hidden{opacity:1;transform:none}.pf-view__scrim{opacity:1;-webkit-backdrop-filter:none;backdrop-filter:none}.pf-view__panel{opacity:1;transform:none}.pf-frame{opacity:1;transform:none!important}.pf-card:hover .pf-card__img,.pf-card:focus-visible .pf-card__img{transform:none}}