/* MRC_HOME_HERO_AUTO_HEIGHT_PHASE24_V1
   Homepage hero banners render at their natural aspect ratio.
   No fixed aspect-ratio / cover crop on desktop, tablet or mobile. */

.hero {
    height: auto !important;
    min-height: 0 !important;
}

.hero-slide,
.hero-slide.active,
.hero-image-link {
    height: auto !important;
    min-height: 0 !important;
}

.hero-image-link {
    display: block !important;
    width: 100% !important;
    line-height: 0 !important;
}

.hero-image-link img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    object-position: center center !important;
}

/* Keep carousel controls centred against the real rendered banner height. */
.hero-prev,
.hero-next {
    top: 50% !important;
}

@media (max-width: 780px) {
    .hero-image-link img {
        height: auto !important;
        aspect-ratio: auto !important;
        object-fit: contain !important;
    }
}

@media (max-width: 520px) {
    .hero-image-link img {
        height: auto !important;
        aspect-ratio: auto !important;
        object-fit: contain !important;
    }
}