#site-header {
    .logo svg {
        width: 100%;
        height: auto;
        aspect-ratio: 671/116
    }
    .logo .smaller-logo svg {
        height: 60px;
        width: fit-content;
    }
    @media screen and (max-width: 781px) {
        .logo .smaller-logo svg {
            height: 40px;
            width: auto;
        }
        #menu-toggle span {
            border-width: 0.5px !important;
        }
    }
    #header-menu-full-inner {
        ul.menu {
            li.menu-item {
                font-family: 'Aktiv Extended', sans-serif;
                font-weight: 100;
                line-height: 1;
                text-transform: uppercase;
                font-size: 2.625rem;
                ul.sub-menu {
                    display: flex;
                    flex-direction: column;
                    gap: var(--two-spacer);
                    margin-top: var(--four-spacer);
                    li.menu-item {
                        font-family: 'Aktiv', sans-serif;
                        font-weight: 300;
                        text-transform: none;
                        font-size: 1.5rem;
                    }
                }
            }
        }
    }
    svg#header-logo {
        path {
            fill: var(--foreground);
            opacity: 1;
            transition: all 1s ease;
            opacity: 1;
        }
        path.dark {
            opacity: 0.25;
        }
        path.quarter-dark {
            opacity: 0.5;
        }
        path.half-dark {
            opacity: 0.75;
        }
    }
}

@media screen and (max-width: 781px) {
    #site-header {
        .sub-menu {
            display: none !important;
        }
        .vertical-rules.menu > li::after {
            content: none;
        }
    }
}