/* Let the logo set the row height, with space above and below at every breakpoint. */
.vn-header {
    height: auto;
}

.vn-header .vn-header-inner {
    height: auto;
    min-height: 0;
    padding-top: 12px;
    padding-bottom: 12px;
}

.vn-header .vn-brand {
    height: auto;
}

.vn-header .vn-brand-logo {
    height: auto;
    aspect-ratio: 1401 / 1041;
}

@media (max-width: 1100px) {
    .vn-header .vn-header-tools {
        margin-left: auto;
    }

    .vn-header .vn-menu-toggle {
        order: 1;
        flex-shrink: 0;
        margin-left: 0;
    }
}