.work-filters{flex-wrap:wrap;gap:8px;margin-top:48px;display:flex}.work-filters[hidden]{display:none}.work-filter{border:1px solid var(--graphite);min-height:40px;color:var(--graphite);font:inherit;cursor:pointer;background:0 0;border-radius:2px;padding:0 14px;font-size:15px}.work-filter:hover{background:var(--hover)}.work-filter[aria-pressed=true]{background:var(--graphite);color:var(--board)}.work-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:52px 28px;margin:40px 0 0;padding:0;list-style:none;display:grid}.work-grid:empty{display:none}.work-card{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:block}.work-frame{aspect-ratio:4/3;background:var(--placeholder);display:block;position:relative;overflow:hidden}.work-cover{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--settle);display:block}.work-card:hover .work-cover{transform:scale(1.03)}.work-count{background:var(--panel);color:var(--graphite);border-radius:2px;padding:3px 8px;font-size:12px;position:absolute;bottom:12px;left:12px}.work-text{flex-direction:column;gap:3px;margin-top:14px;display:flex}.work-title{font-size:20px;font-weight:450;font-stretch:108%;line-height:1.25}.work-meta,.work-finish{color:var(--ink-2);font-size:14px}.work-empty{background:var(--panel);border:1px solid var(--graphite);border-radius:2px;max-width:660px;margin-top:56px;padding:30px 32px 32px}.work-empty[hidden]{display:none}.work-empty h2{font-size:28px;line-height:1.15}.work-empty p{color:var(--ink-2);max-width:34em;margin:12px 0 26px;font-size:17px}.viewer{width:100vw;max-width:none;height:100vh;max-height:none;color:var(--on-dark);background:#0c1817;border:0;margin:0;padding:0;overflow:hidden}.viewer::backdrop{background:#0009}.viewer[open]{grid-template-rows:auto 1fr;display:grid}.viewer-bar{padding:16px var(--gutter);border-bottom:1px solid #efefef1f;align-items:center;gap:20px;display:flex}.viewer-heading{min-width:0;margin-right:auto}.viewer-heading h2{font-size:20px;line-height:1.2}.viewer-meta{color:var(--on-dark-2);margin-top:2px;font-size:14px}.viewer-count{color:var(--on-dark-2);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:14px}.viewer-close{min-height:40px;color:var(--on-dark);font:inherit;cursor:pointer;background:0 0;border:1px solid #efefef66;border-radius:2px;padding:0 14px;font-size:14px}.viewer-close:hover{border-color:var(--on-dark)}.viewer-figure{flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:0;margin:0;padding:24px 88px;display:flex}.viewer-figure img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:calc(100vh - 170px);display:block}.viewer-figure figcaption{color:var(--on-dark-2);text-align:center;max-width:60ch;font-size:15px}.viewer-nav{width:52px;height:52px;color:var(--on-dark);cursor:pointer;background:#0c181799;border:1px solid #efefef59;border-radius:2px;margin-top:-6px;position:absolute;top:50%}.viewer-nav[hidden]{display:none}.viewer-nav:hover{border-color:var(--on-dark)}.viewer-nav:before{content:"";border-bottom:1.5px solid;border-left:1.5px solid;width:10px;height:10px;position:absolute;top:50%;left:50%}.viewer-prev{left:20px}.viewer-prev:before{transform:translate(-30%,-50%)rotate(45deg)}.viewer-next{right:20px}.viewer-next:before{transform:translate(-70%,-50%)rotate(-135deg)}@media (width<=760px){.work-empty{padding:22px 20px 24px}.work-empty h2{font-size:23px}.viewer-figure{padding:16px 12px 72px}.viewer-nav{margin-top:0;top:auto;bottom:14px}.viewer-prev{left:calc(50% - 60px)}.viewer-next{right:calc(50% - 60px)}}