.article-photo,
.article-photo-fallback{display:grid;place-items:center;padding:17px}

.article-photo-frame{position:relative;z-index:1;width:74%;height:87%;margin:0;overflow:hidden;border:1px solid currentColor;border-radius:46% 54% 16% 52%;background:#f4f6ed;transform:rotate(-4deg);box-shadow:11px 14px 0 #aebfc650}
.article-photo-frame::after{content:"";position:absolute;inset:28% -20%;border:1px solid #fff9;border-radius:50%;transform:rotate(-15deg);pointer-events:none}
.article-photo-frame img{display:block;width:100%;height:100%;object-fit:cover;background:#e9eee8;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.article-link:hover .article-photo-frame img{transform:scale(1.06)}

.article-photo-fallback .article-photo-frame{display:grid;place-items:center;background:#f4f6ed;color:var(--ink);font-size:43px}
.fallback-symbol{display:block;transform:rotate(4deg)}
.article-photo .article-number,
.article-photo-fallback .article-number{top:17px;left:18px;z-index:2}

@media (prefers-reduced-motion: reduce){.article-photo-frame img{transition:none}.article-link:hover .article-photo-frame img{transform:none}}