.visual-posts{grid-template-columns:repeat(auto-fit,minmax(min(100%,215px),1fr));align-items:start;gap:clamp(16px,2vw,28px)}
.visual-post{display:block;min-width:0;color:inherit;text-decoration:none}
.post-art{position:relative;display:grid;place-items:center;aspect-ratio:4/5;background:#151515;overflow:hidden;margin-bottom:12px}
.post-art img{display:block;width:100%;height:100%;min-height:0;object-fit:contain}
.post-art span{position:absolute;top:12px;right:12px;padding:6px 10px;border-radius:100px;color:white;background:#000b}
.visual-post>span,.visual-post>p{font-size:.72rem;letter-spacing:.06em}
.visual-post h5{font:600 1.1rem/1.25 "DM Sans",sans-serif;margin:.35rem 0}
.visual-post>div:not(.post-art){font-size:.9rem}
.visual-post:hover h5{text-decoration:underline}
.visual-post:focus-visible{outline:2px solid currentColor;outline-offset:5px}