.wv4-cells{gap:var(--space-48) var(--space-24);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.wv4-cell{gap:var(--space-12);text-align:left;color:inherit;flex-direction:column;display:flex}.wv4-cell[data-hide=true]{transform:translateY(var(--space-24));opacity:0;transition:transform .3s var(--ease) calc(var(--wv4-n,0) * 50ms), opacity .3s var(--ease) calc(var(--wv4-n,0) * 50ms)}.wv4-cell[data-hide=false]{opacity:1;transition:transform .3s var(--ease) calc(var(--wv4-n,0) * 50ms), opacity .3s var(--ease) calc(var(--wv4-n,0) * 50ms);transform:none}.wv4-cell__shot{aspect-ratio:16/9;border-radius:var(--radius-16);background:var(--surface);width:100%;position:relative;overflow:hidden}.wv4-cells--masonry{grid-auto-rows:1px;row-gap:0}.wv4-cells--masonry .wv4-cell{grid-row:span var(--wv4-span,240);padding-bottom:var(--space-24);align-self:start}.wv4-cells--masonry .wv4-cell__shot{aspect-ratio:var(--wv4-ratio,16 / 9);padding:var(--space-12);flex-direction:column;justify-content:space-between;align-items:flex-start;display:flex}.wv4-cells--masonry .wv4-cell__shot:after{content:"";z-index:1;background:var(--ui-wash);pointer-events:none;opacity:0;transition:opacity .3s var(--ease);position:absolute;inset:0}.wv4-cells--masonry .sz-work-chip{z-index:2}@media (hover:hover) and (pointer:fine){.wv4-cells--masonry .wv4-cell:hover .wv4-cell__shot:after,.wv4-cells--masonry .wv4-cell:hover .sz-work-chip{opacity:1}}@media (hover:none){.wv4-cells--masonry .wv4-cell__shot:after,.wv4-cells--masonry .sz-work-chip{opacity:1}}@supports (display:grid-lanes){.wv4-cells--masonry{display:grid-lanes;row-gap:var(--space-24);grid-auto-rows:auto}.wv4-cells--masonry .wv4-cell{grid-row:auto;padding-bottom:0}}.wv4-cell__shot>img,.wv4-cell__shot>video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.wv4-cell__line{justify-content:space-between;align-items:baseline;gap:var(--space-12);display:flex}.wv4-cell__meta,.wv4-cell__index{color:var(--muted);font-variant-numeric:tabular-nums;transition:color .3s var(--ease)}.wv4-cell:hover .wv4-cell__meta,.wv4-cell:hover .wv4-cell__index{color:var(--ink)}.wv4-cell[data-current=true] .wv4-cell__shot{box-shadow:inset 0 0 0 2px var(--ink)}@media (max-width:1200px){.wv4-cells{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.wv4-cells{grid-template-columns:repeat(2,minmax(0,1fr))}.wv4-cells--masonry .sz-work-chip{max-width:100%;padding:var(--space-8)}}@media (max-width:560px){.wv4-cells{grid-template-columns:minmax(0,1fr)}}
.wv4x{--wv4x-bar:calc(var(--space-24) * 2 + var(--size-56));min-height:100dvh}.wv4x-main{padding:calc(var(--wv4x-bar) + var(--space-96)) var(--space-48) var(--space-120)}.wv4x-head{justify-content:space-between;align-items:baseline;gap:var(--space-24);margin-bottom:var(--space-64);display:flex}.wv4x-count{color:var(--muted);font-variant-numeric:tabular-nums}@media (max-width:900px){.wv4x-main{padding:calc(var(--wv4x-bar) + var(--space-48)) var(--space-24) var(--space-96)}.wv4x-head{margin-bottom:var(--space-48)}}