.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px;display:grid}.card{position:relative}.cover{aspect-ratio:16/11;isolation:isolate;background:var(--chip);border-radius:16px;position:relative;overflow:hidden;container-type:inline-size}.cover .cv{object-fit:cover;width:100%;height:100%}.card .cover{z-index:2;pointer-events:none}.card .replay{pointer-events:auto}.card h3{font-family:var(--serif);letter-spacing:-.01em;margin:14px 0 2px;font-size:24px;font-weight:400;line-height:1.2}.card h3 a:after{content:"";z-index:1;border-radius:16px;position:absolute;inset:0}.card p{color:var(--soft);margin:0;font-size:15px}.tags{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.tags span{color:var(--mid);background:var(--chip);border-radius:999px;padding:3px 10px;font-size:12px}.replay{top:12px;z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:36px;height:36px;color:var(--ink);cursor:pointer;transition:transform .16s var(--ease-out), background-color .16s ease;background:#ffffffd9;border:1px solid #0000000f;border-radius:50%;place-items:center;display:grid;position:absolute;inset-inline-end:12px}.replay-icon{place-items:center;display:grid}@media (hover:hover) and (pointer:fine){.replay:hover{background:#fff}}.replay:active{transform:scale(.94)}.ink-art{aspect-ratio:16/9;position:absolute;top:50%;left:5%;right:5%;transform:translateY(-50%)}.ink-piece{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;height:auto;display:block;position:absolute}.ink-art[data-ready=no] .ink-piece{visibility:hidden}@media (max-width:760px){.cards{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.replay{display:none}}
