/* Size the hero to its artwork, capped by available viewport height. Tall windows must not create a blank area above the banner. */
.main__top-slider {
    --home-header-clearance: 138px;
    --home-bottom-clearance: 0px;
    --home-viewport-height: 100vh;
    --home-slide-height: max(1px, calc(var(--home-viewport-height) - var(--home-header-clearance) - var(--home-bottom-clearance)));
    padding-top: var(--home-header-clearance);
    height: auto;
    min-height: 0;
    --home-artwork-height: calc(100vw * 0.5625);
}
@supports (height: 100dvh) { .main__top-slider { --home-viewport-height: 100dvh; } }
.main__top-slider .carousel--main {
    height: min(var(--home-slide-height), var(--home-artwork-height));
    min-width: 0;
    width: 100%;
    aspect-ratio: auto;
}
.main__top-slider .carousel__items--main,
.main__top-slider .sliderNew__items { height: 100%; }
.main__top-slider .sliderNew__wrapper {
    height: 100% !important;
    aspect-ratio: auto;
    width: 100%;
}
.main__top-slider .carousel--main .carousel__item {
    flex: 0 0 100%;
    width: 100%;
    min-width: 100%;
    height: 100%;
    min-height: 0;
    background-size: contain;
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #fff;
}
.main__top-slider .carousel--main .carousel__item > a { width: 100%; height: 100%; }
.main__top-slider .carousel--main .carousel__content {
    left: clamp(16px, 5vw, 120px);
    bottom: 10%;
    min-height: 0;
    max-width: calc(100% - 32px);
}
@media (max-width: 767px) { .main__top-slider { --home-header-clearance: 82px; --home-bottom-clearance: 72px; } }
@media (max-width: 768px) {
    .main__top-slider .sliderNew__next,
    .main__top-slider .sliderNew__back { padding-inline: 12px; }
    .main__top-slider .carousel--main .carousel__title,
    .main__top-slider .carousel--main .carousel__desc { max-width: 100%; }
}

@media (max-width:1366px) { .main__top-slider { --home-artwork-height:calc(100vw * 0.5622254758); } }
@media (max-width:1024px) { .main__top-slider { --home-artwork-height:calc(100vw * 0.75); } }
@media (max-width:768px) { .main__top-slider { --home-artwork-height:calc(100vw * 1.7777777778); } }