/* Rotator ratio override
   Homepage rotator = module 95 (RokSprocket Features "showcase"), inside #g-header.
   Default (content/gemini-style.css, priority 1) sets the slide box to 87vh desktop /
   85vh mobile, which makes a wide ~2:1 band.
   This row loads last (priority 0) and sets a standard 4:3 (width:height) box instead.
   Images stay object-fit: cover, so each slide is cropped to fill the 4:3 frame. */

#g-header .sprocket-features-list li .sprocket-features-container {
    height: auto !important;
    aspect-ratio: 4 / 3;
}

/* Image must fill the (now aspect-ratio driven) container height, not 100vh. */
#g-header .layout-showcase .sprocket-features-img-container img {
    height: 100% !important;
}

@media only screen and (max-width: 767px) {
    #g-header .sprocket-features-list li .sprocket-features-container {
        height: auto !important;
        aspect-ratio: 4 / 3;
    }
}

/* Cap the rotator width on large screens and centre it. Applied to the
   .sprocket-features wrapper (not just the slide box) so the prev/next arrows
   and the pagination dots stay aligned with the image. */
#g-header .sprocket-features.layout-showcase {
    width: 100%;
    max-width: 1615px;
    margin-left: auto;
    margin-right: auto;
}