/* Миниатюры в лентах (главная, новости, архивы).
   Любое загруженное изображение показывается в геометрии 620×160:
   лишнее обрезается по центру, пропорции не искажаются. */

.featured-thumbnail {
    /* рамка вокруг фото — 3px: 626 - 6 = ровно 620px картинки */
    width: 626px;
    max-width: 100%;
    box-sizing: border-box;
}

.featured-thumbnail > a {
    display: block;
    line-height: 0;
}

.featured-thumbnail img,
.featured-thumbnail .frontpostimage,
.frontpostimage {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 620 / 160;
    object-fit: cover;
    object-position: center;
}

/* совсем старые браузеры без aspect-ratio — фиксируем высоту,
   чтобы картинка не разъезжалась */
@supports not (aspect-ratio: 1 / 1) {
    .featured-thumbnail img,
    .featured-thumbnail .frontpostimage,
    .frontpostimage {
        height: 160px;
    }
}