.brand img {
    width: 72px;
    height: 72px;
    object-fit: contain;
    flex: 0 0 auto
}

.brand span {
    font-size: 12px;
    white-space: nowrap
}

.header-social-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 34px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--gold);
    transition: color .2s, background .2s, transform .2s
}

.header-social-link:hover,
.header-social-link:focus-visible {
    color: var(--gold-light);
    background: transparent;
    transform: translateY(-2px)
}

.header-social-link img {
    width: 21px;
    height: 21px;
    display: block;
    object-fit: contain
}

.main-nav .nav-cta {
    background: var(--gold);
    color: var(--black);
    border-color: var(--gold);
    padding: 12px 18px;
    font-size: 12px;
    font-weight: 800;
    box-shadow: 0 4px 14px rgba(212, 175, 55, .18)
}

.main-nav .nav-cta:hover,
.main-nav .nav-cta:focus-visible {
    background: var(--gold-light);
    color: var(--black);
    transform: translateY(-2px)
}

@media (max-width:800px) {
    .brand img {
        width: 56px;
        height: 56px
    }

    .brand span {
        font-size: 11px
    }

    .header-social-link {
        width: 42px;
        height: 42px
    }

    .header-social-link svg {
        width: 22px;
        height: 22px
    }

    .main-nav .nav-cta {
        padding: 14px 22px;
        font-size: 13px
    }
}

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

    .brand span {
        font-size: 10px
    }

    .header-social-link {
        width: 44px;
        height: 44px
    }
}