/*
====================================================================

Front page: Banner (промо-слайдер)

Простой полноэкранный (full-bleed) слайдер промо-изображений на
общем движке (assets/css/slider.css, assets/js/slider.js). Здесь -
только собственный визуал блока: полоса край в край и высота секции.

Баннер - двойное исключение из каркаса .dd-front-section:
- секция не растягивается на экран (в отличие от остальных блоков
  главной), высота - по содержимому слайдера;
- секция не входит в контентную ленту (.dd-front-section__inner
  здесь не используется) - полоса идёт во всю ширину вьюпорта, как
  в референсе.

Пропорция полосы измерена на утверждённом референсе
(FRONT-PAGE-SCREENSHOT.webp, 1905x9813; калибровка 1px скриншота =
1px CSS - подтверждена высотой навбара 80px на скриншоте). Полоса
«Рассрочка» между About и Услугами занимает полную ширину 1905px и
~905px по высоте (от начала верхней диагонали до конца нижней,
y 1755-2660 в скриншоте). Диагональные сепараторы сюда не
переносятся (см. 2do.md, Хвосты) - полоса сделана прямым
прямоугольником той же высоты/пропорции без диагональных срезов.

====================================================================
*/


.dd-banner {
    padding: 0;
    background: var(--dd-background);
}

@media (min-width: 769px) {

    .dd-banner {
        display: block;

        min-height: 0;
    }

}

.dd-banner__link {
    display: block;
    position: relative;

    aspect-ratio: 1905 / 905;
}

.dd-banner__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/*
 * Стрелки: общий вид задаёт движок (assets/css/slider.css) - этот
 * вид и был утверждён на баннере. Здесь только отступ от края.
 */
.dd-banner .dd-slider__arrow--prev {
    left: 14px;
}

.dd-banner .dd-slider__arrow--next {
    right: 14px;
}