/* Позиция hero-кадра и кроссбраузерная раскладка для отдельных объектов.
   Класс ставится скриптом /js/hero-focus.js по адресу страницы. */

body.hero-focus-top .project-hero__image {
    object-position: center top;
}

body.hero-focus-bottom .project-hero__image {
    object-position: center bottom;
}

/* Safari: absolute-картинка с height:100% и width:auto считается по натуральному
   размеру и обрезается по центру. Явные размеры и inset=0 дают тот же результат,
   что в Chrome: кадр заполняет блок hero целиком. */
body.hero-focus-custom .project-hero__image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}