.logo.mmv {
    background-image: url(../MMV/logo-full-colour.png);
}
.hero {
    display: none;
    margin: 0;
    animation: none;
    background: none;
    width: 100%;
    aspect-ratio: unset;
    overflow: hidden;
}
.hero > * {
    display: block;
    width: 100%;
    height: calc(var(--SLIDE_WIDTH) / var(--SLIDE_ASPECT_RATIO));
}
.hero .splide__track {
    overflow: visible;
    --SLIDE_OFFSET: calc(calc(100% - var(--SLIDE_WIDTH)) / 2);
    transform: translate(var(--SLIDE_OFFSET), 0px);
    height: 100%;
}
.hero li, .hero img {
    display: block;
    height: 100%;
    aspect-ratio: var(--SLIDE_ASPECT_RATIO);
}
.hero img {
    object-fit: cover;
}