/**
 * About hero — loads after acme-about.css.
 * Image fills media box; desktop height is matched to the right-hand copy via JS.
 */
.acme-about-hero__media {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
}

.acme-about-hero__img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center center !important;
}

@media (max-width: 1023px) {
    .acme-about-hero {
        padding-inline: 0 !important;
    }
    .acme-about-hero__media {
        max-width: none !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        aspect-ratio: 712 / 520 !important;
        overflow: hidden !important;
        border-radius: 0 !important;
    }
}