/* Publication-date treatment for the article directory. */
.article-directory-head h1{margin:0;font-size:clamp(42px,5vw,76px);letter-spacing:-.08em;text-wrap:pretty}.article-directory-head h1 em{color:var(--violet);font-style:normal}.article-preview time{display:block;margin:0 0 12px;font:700 10px/1.2 Unbounded;color:rgba(36,36,40,.56);letter-spacing:.02em}
@media(max-width:800px){.article-preview time{margin-bottom:9px;font-size:8px}}

/* Keep Masha centred in the wide article-card crop. */
.article-directory-grid .article-preview--masha img{object-position:70% center;transform:scale(1.22);transform-origin:70% center}
@media(max-width:800px){.article-directory-grid .article-preview--masha img{object-position:70% center;transform:none}}

/* Preserve the original cards; only the portrait crop follows each face. */
.article-directory-grid .article-preview img{flex:0 0 auto}
.article-directory-grid .article-preview:nth-child(1) img{object-position:50% 20%}
.article-directory-grid .article-preview:nth-child(2) img{object-position:50% 30%}
.article-directory-grid .article-preview:nth-child(3) img{object-position:50% 27%}
.article-directory-grid .article-preview:nth-child(4) img{object-position:50% 24%}
.article-directory-grid .article-preview:nth-child(5) img{object-position:50% 29%}
.article-directory-grid .article-preview:nth-child(6) img{object-position:50% 26%}
.article-directory-grid .article-preview:nth-child(7) img{object-position:50% 35%}
.article-directory-grid .article-preview--masha img{object-position:50% 22%;transform:none}