/* Homepage artwork: keep the supplied compositions intact at every breakpoint. */
.IndexTop .home-hero-art {
    display: block;
    height: auto;
    object-fit: contain;
    pointer-events: none;
}

@media (min-width: 768px) and (max-width: 1023px) {
    .IndexTop .text-normal.tac {
        width: 40%;
    }

    .IndexTop .home-hero-art {
        width: 25%;
        max-width: 225px;
    }

    .IndexTop .home-hero-art.img-bot-left { left: 0; }
    .IndexTop .home-hero-art.img-bot-right { right: 0; }
}

@media (max-width: 767px) {
    .IndexTop .container {
        padding-bottom: clamp(165px, 43vw, 215px);
    }

    .IndexTop .home-hero-art {
        position: absolute;
        top: auto;
        bottom: 0;
        width: 32%;
        max-width: 170px;
        height: auto;
        margin: 0;
        z-index: 0;
    }

    .IndexTop .home-hero-art.img-bot-left { left: 0; right: auto; }
    .IndexTop .home-hero-art.img-bot-right { right: 0; left: auto; }

    .IndexTop .img-bot {
        width: 26%;
        max-width: 120px;
        height: auto;
        bottom: 12px;
    }
}