/*
 * Slider layout fix.
 *
 * main.min.css gives .main-slider__item an aspect-ratio shim via
 *     .main-slider__item:after { padding-top: 66% }
 * but never positions the <img> inside, so when we added explicit
 * width/height attributes to the <img> for CLS prevention the image
 * shrank to its intrinsic 420px height and left a tall whitespace
 * gap below it.
 *
 * Pin the picture/img to fill the slot with object-fit:cover so the
 * image now correctly covers the whole 66%-aspect slot.
 */
.main-slider__item {
    overflow: hidden;
}
.main-slider__picture {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
}
.main-slider__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

/* Cap absurd heights on very wide viewports so the slider doesn't
 * dominate the fold. 66% padding-top on a 2000px-wide screen would
 * give ~1300px — clamp to a reasonable max. */
@media (min-width: 1400px) {
    .main-slider__item:after { padding-top: 38%; }
}
@media (min-width: 1100px) and (max-width: 1399px) {
    .main-slider__item:after { padding-top: 42%; }
}