/* Автогенерация: ImageMagick на сервере + scripts/gen-backgrounds-css.mjs */
/* Подключено после style.css */

.section-bg:not(.section-bg--split-2):not(.section-bg--field) {
    background-size: cover;
    background-position: center;
    background-image: image-set(
        url("/img/bg-optimized/bg-1-w960.webp") type("image/webp"),
        url("/img/bg-optimized/bg-1-w960.jpg") type("image/jpeg")
    );
}

@media (min-width: 960px) {
    .section-bg:not(.section-bg--split-2):not(.section-bg--field) {
        background-size: cover;
        background-position: center;
        background-image: image-set(
            url("/img/bg-optimized/bg-1-w1280.webp") type("image/webp"),
            url("/img/bg-optimized/bg-1-w1280.jpg") type("image/jpeg")
        );
    }
}

@media (min-width: 1280px) {
    .section-bg:not(.section-bg--split-2):not(.section-bg--field) {
        background-size: cover;
        background-position: center;
        background-image: image-set(
            url("/img/bg-optimized/bg-1-w1600.webp") type("image/webp"),
            url("/img/bg-optimized/bg-1-w1600.jpg") type("image/jpeg")
        );
    }
}

@media (min-width: 1600px) {
    .section-bg:not(.section-bg--split-2):not(.section-bg--field) {
        background-size: cover;
        background-position: center;
        background-image: image-set(
            url("/img/bg-optimized/bg-1-w1920.webp") type("image/webp"),
            url("/img/bg-optimized/bg-1-w1920.jpg") type("image/jpeg")
        );
    }
}

.section-bg.section-bg--split-2 {
    background-size: cover;
    background-position: center;
    background-image: image-set(
        url("/img/bg-optimized/bg-2-w960.webp") type("image/webp"),
        url("/img/bg-optimized/bg-2-w960.jpg") type("image/jpeg")
    );
}
.use-cases-visual:not(.use-cases-visual--field-day) {
    background-size: cover;
    background-position: center;
    background-image: image-set(
        url("/img/bg-optimized/bg-2-w960.webp") type("image/webp"),
        url("/img/bg-optimized/bg-2-w960.jpg") type("image/jpeg")
    );
}

@media (min-width: 960px) {
    .section-bg.section-bg--split-2 {
        background-size: cover;
        background-position: center;
        background-image: image-set(
            url("/img/bg-optimized/bg-2-w1280.webp") type("image/webp"),
            url("/img/bg-optimized/bg-2-w1280.jpg") type("image/jpeg")
        );
    }
    .use-cases-visual:not(.use-cases-visual--field-day) {
        background-size: cover;
        background-position: center;
        background-image: image-set(
            url("/img/bg-optimized/bg-2-w1280.webp") type("image/webp"),
            url("/img/bg-optimized/bg-2-w1280.jpg") type("image/jpeg")
        );
    }
}

@media (min-width: 1280px) {
    .section-bg.section-bg--split-2 {
        background-size: cover;
        background-position: center;
        background-image: image-set(
            url("/img/bg-optimized/bg-2-w1600.webp") type("image/webp"),
            url("/img/bg-optimized/bg-2-w1600.jpg") type("image/jpeg")
        );
    }
    .use-cases-visual:not(.use-cases-visual--field-day) {
        background-size: cover;
        background-position: center;
        background-image: image-set(
            url("/img/bg-optimized/bg-2-w1600.webp") type("image/webp"),
            url("/img/bg-optimized/bg-2-w1600.jpg") type("image/jpeg")
        );
    }
}

@media (min-width: 1600px) {
    .section-bg.section-bg--split-2 {
        background-size: cover;
        background-position: center;
        background-image: image-set(
            url("/img/bg-optimized/bg-2-w1920.webp") type("image/webp"),
            url("/img/bg-optimized/bg-2-w1920.jpg") type("image/jpeg")
        );
    }
    .use-cases-visual:not(.use-cases-visual--field-day) {
        background-size: cover;
        background-position: center;
        background-image: image-set(
            url("/img/bg-optimized/bg-2-w1920.webp") type("image/webp"),
            url("/img/bg-optimized/bg-2-w1920.jpg") type("image/jpeg")
        );
    }
}

.section-bg.section-bg--field {
    background-size: cover;
    background-position: center;
    background-image: image-set(
        url("/img/bg-optimized/bg-3-w960.webp") type("image/webp"),
        url("/img/bg-optimized/bg-3-w960.jpg") type("image/jpeg")
    );
}
.use-cases-visual.use-cases-visual--field-day {
    background-size: cover;
    background-position: center;
    background-image: image-set(
        url("/img/bg-optimized/bg-3-w960.webp") type("image/webp"),
        url("/img/bg-optimized/bg-3-w960.jpg") type("image/jpeg")
    );
}

@media (min-width: 960px) {
    .section-bg.section-bg--field {
        background-size: cover;
        background-position: center;
        background-image: image-set(
            url("/img/bg-optimized/bg-3-w1280.webp") type("image/webp"),
            url("/img/bg-optimized/bg-3-w1280.jpg") type("image/jpeg")
        );
    }
    .use-cases-visual.use-cases-visual--field-day {
        background-size: cover;
        background-position: center;
        background-image: image-set(
            url("/img/bg-optimized/bg-3-w1280.webp") type("image/webp"),
            url("/img/bg-optimized/bg-3-w1280.jpg") type("image/jpeg")
        );
    }
}

@media (min-width: 1280px) {
    .section-bg.section-bg--field {
        background-size: cover;
        background-position: center;
        background-image: image-set(
            url("/img/bg-optimized/bg-3-w1600.webp") type("image/webp"),
            url("/img/bg-optimized/bg-3-w1600.jpg") type("image/jpeg")
        );
    }
    .use-cases-visual.use-cases-visual--field-day {
        background-size: cover;
        background-position: center;
        background-image: image-set(
            url("/img/bg-optimized/bg-3-w1600.webp") type("image/webp"),
            url("/img/bg-optimized/bg-3-w1600.jpg") type("image/jpeg")
        );
    }
}

@media (min-width: 1600px) {
    .section-bg.section-bg--field {
        background-size: cover;
        background-position: center;
        background-image: image-set(
            url("/img/bg-optimized/bg-3-w1920.webp") type("image/webp"),
            url("/img/bg-optimized/bg-3-w1920.jpg") type("image/jpeg")
        );
    }
    .use-cases-visual.use-cases-visual--field-day {
        background-size: cover;
        background-position: center;
        background-image: image-set(
            url("/img/bg-optimized/bg-3-w1920.webp") type("image/webp"),
            url("/img/bg-optimized/bg-3-w1920.jpg") type("image/jpeg")
        );
    }
}