/* BAD INFLUENCE PREMIUM HEADER BRAND V3 START */


/* ==========================================================================
   BRAND LOCKUP
   ========================================================================== */

.site-header .brand {
    display:
        grid !important;

    grid-template-columns:
        auto auto;

    align-items:
        center !important;

    column-gap:
        clamp(
            0.65rem,
            0.9vw,
            0.95rem
        );

    width:
        auto !important;

    margin:
        0 !important;

    flex:
        0 0 auto;

    flex-direction:
        initial !important;

    transform:
        none !important;

    transform-origin:
        initial !important;

    line-height:
        1 !important;

    text-decoration:
        none;
}


/* ==========================================================================
   TARGET MARK
   ========================================================================== */

.site-header .brand__mark {
    display:
        block;

    width:
        clamp(
            3.7rem,
            4.05vw,
            4.65rem
        ) !important;

    height:
        clamp(
            3.7rem,
            4.05vw,
            4.65rem
        ) !important;

    max-width:
        none !important;

    object-fit:
        contain;

    flex:
        none !important;
}


/* ==========================================================================
   BRAND COPY
   ========================================================================== */

.site-header .brand__copy {
    display:
        flex;

    flex-direction:
        column;

    align-items:
        flex-start;

    justify-content:
        center;

    min-width:
        0;
}


/* ==========================================================================
   COMPANY NAME
   ========================================================================== */

.site-header .brand__name {
    display:
        block !important;

    margin:
        0 !important;

    font-size:
        clamp(
            1.85rem,
            2.05vw,
            2.45rem
        ) !important;

    font-weight:
        900 !important;

    line-height:
        0.82 !important;

    letter-spacing:
        -0.055em !important;

    white-space:
        nowrap;
}


/* ==========================================================================
   TAGLINE
   ========================================================================== */

.site-header .brand__tagline {
    display:
        block !important;

    margin-top:
        0.38rem !important;

    font-size:
        clamp(
            0.72rem,
            0.8vw,
            0.88rem
        ) !important;

    line-height:
        1 !important;

    white-space:
        nowrap;
}


/* ==========================================================================
   DESKTOP NAV ALIGNMENT
   ========================================================================== */

@media (min-width: 1101px) {

    .site-header .header-nav {
        align-self:
            center;

        padding-top:
            0 !important;
    }

}


/* ==========================================================================
   WIDE / ULTRAWIDE
   ========================================================================== */

@media (min-width: 1900px) {

    .site-header .brand__mark {
        width:
            4.9rem !important;

        height:
            4.9rem !important;
    }


    .site-header .brand__name {
        font-size:
            clamp(
                2.1rem,
                1.5vw,
                2.65rem
            ) !important;
    }

}


/* ==========================================================================
   TABLET
   ========================================================================== */

@media (min-width: 701px) and (max-width: 1100px) {

    .site-header .brand {
        display:
            grid !important;

        grid-template-columns:
            auto auto;

        align-items:
            center !important;

        flex-direction:
            initial !important;

        transform:
            none !important;

        column-gap:
            0.6rem;
    }


    .site-header .brand__mark {
        width:
            3.4rem !important;

        height:
            3.4rem !important;
    }


    .site-header .brand__name {
        font-size:
            1.55rem !important;

        line-height:
            0.84 !important;
    }


    .site-header .brand__tagline {
        margin-top:
            0.3rem !important;

        font-size:
            0.7rem !important;
    }

}


/* ==========================================================================
   MOBILE
   ========================================================================== */

@media (max-width: 700px) {

    .site-header .brand {
        display:
            grid !important;

        grid-template-columns:
            auto auto;

        align-items:
            center !important;

        flex-direction:
            initial !important;

        transform:
            none !important;

        column-gap:
            0.5rem;
    }


    .site-header .brand__mark {
        width:
            2.8rem !important;

        height:
            2.8rem !important;
    }


    .site-header .brand__name {
        font-size:
            1.27rem !important;

        line-height:
            0.84 !important;

        letter-spacing:
            -0.05em !important;
    }


    .site-header .brand__tagline {
        margin-top:
            0.25rem !important;

        font-size:
            0.64rem !important;
    }

}


/* BAD INFLUENCE PREMIUM HEADER BRAND V3 END */