.hero-home {
    --hero-fit-top: 0px;
    --hero-fit-height: 100%;
    --hero-fit-bottom-gap: 0px;
    --hero-nav-indent: 0px;
}

    .hero-home .hero-home-bg {
        top: var(--hero-fit-top) !important;
        height: var(--hero-fit-height) !important;
    }
        .hero-home .hero-home-bg > div {
            padding-left: var(--hero-nav-indent);
        }
    .hero-home .hero-home-foot {
        bottom: var(--hero-fit-bottom-gap) !important;
    }

.hero-home {
    position: relative;
    overflow: hidden;
    height: calc(100%);
    isolation: isolate; /* prevents z-index weirdness with outside elements */
    z-index: 999;
    background: #130E3C;
}

.hero-home-svg {
    object-fit: contain;
    pointer-events: none;
    user-select: none;
    z-index: 999
}

.hero-home-foot-muted {
    color: rgba(255,255,255,.82);
    z-index: 999
}

/*xs and up*/
.hero-home-svg {
    transform: scale(2);
    object-position: left;
    z-index: 999
}

/* md and up */
@media (min-width: 768px) {
    .hero-home-svg {
        transform: scale(1.5);
        object-position: left;
    }
}

/* lg and up */
@media (min-width: 992px) {

    .hero-home-svg {
        transform: scale(1);
        object-position: center;
    }
}