/* Home-only refinements */
.landing .head-main {
    padding-top: 5px;
    padding-bottom: 5px
}

.landing .brand img {
    width: 210px;
    height: 104px;
    object-fit: contain;
    display: block;
    border-radius: 8px
}

.hero-video {
    justify-self: center;
    width: min(430px, 100%);
    height: 280px;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 20px 20px 0 var(--teal);
    background: var(--deep)
}

.hero-video video {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover
}

.video-label {
    display: none
}

@media(max-width:760px) {
    .landing .brand img {
        width: 125px;
        height: 62px
    }

    .hero-video {
        display: none
    }
}