.back-to-top {
    display: grid;
    place-items: center
}

.menu-toggle {
    display: none
}

@media (max-width:800px) {
    .header__inner {
        min-height: 78px;
        align-items: center
    }

    .brand {
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 0;
        line-height: 1
    }

    .brand img {
        width: 68px !important;
        height: 68px !important
    }

    .brand span {
        display: none !important
    }

    .menu-toggle {
        display: flex !important;
        flex: 0 0 auto;
        margin-left: auto;
        z-index: 12
    }

    .main-nav {
        inset: 0 !important;
        width: 100% !important;
        height: 100dvh !important;
        z-index: 11 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 18px !important;
        padding: 112px 24px 35px !important;
        overflow-y: auto !important
    }

    .main-nav a {
        display: block !important;
        width: auto !important;
        max-width: 100% !important;
        text-align: center !important;
        white-space: normal !important;
        line-height: 1.2
    }

    .main-nav .nav-cta {
        margin-top: 8px
    }

    .main-nav .header-socials {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        margin-top: 4px
    }

    .main-nav .header-social-link {
        width: 32px !important;
        height: 32px !important;
        border: 0;
        border-radius: 0;
        color: var(--gold);
        background: transparent;
        transition: transform .2s
    }

    .main-nav .header-social-link:hover,
    .main-nav .header-social-link:focus-visible {
        transform: translateY(-2px)
    }

    .main-nav .header-social-link img {
        width: 24px;
        height: 24px
    }

    .back-to-top {
        width: 44px;
        height: 44px;
        right: 14px;
        bottom: 14px
    }
}

@media (max-width:430px) {
    .brand img {
        width: 64px !important;
        height: 64px !important
    }

    .header__inner {
        min-height: 74px
    }
}