.work-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:66px 36px;display:grid}.work{display:block}.work-media{aspect-ratio:16/9;background:var(--paper-3);transition:box-shadow .5s var(--ease-out);position:relative;overflow:hidden}.work-media img{object-fit:cover;width:100%;height:100%;transition:transform 1.2s var(--ease-out);display:block;transform:scale(1.01)}.work:hover .work-media{box-shadow:0 18px 44px #1c171029}.work:hover .work-media img{transform:scale(1.05)}.work-media-empty{color:var(--ink-3);border:1px dashed var(--line);font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;place-items:center;font-size:.62rem;display:grid}.work-play{background:var(--paper);width:50px;height:50px;transition:transform .4s var(--ease-spring), background .4s;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:20px;left:20px;box-shadow:0 6px 18px #1c17103d}.work-play svg{fill:var(--ink);margin-left:2px}.work:hover .work-play{background:var(--marigold);transform:scale(1.14)}.work:hover .work-play svg{fill:#fffdf7}.work-body{padding-top:22px}.work-meta{color:var(--ink-3);border-bottom:1px solid var(--line);justify-content:space-between;gap:14px;margin-bottom:12px;padding-bottom:10px;font-size:.6rem;display:flex}.work h3{font-size:1.5rem;transition:color .3s}.work:hover h3{color:var(--marigold)}.work-sum{color:var(--ink-2);margin-bottom:10px;font-size:.95rem}.work-tags{color:var(--ink-3);margin:0;font-size:.58rem}