.logo-container {
    display: flex;
    align-items: top;
    gap: 1rem;  /* Space between logos */
}

.nav__logo {
    height: 4rem;  /* Smaller size */
    width: auto;   /* Maintain aspect ratio */
}

/* If you need to adjust specific logos differently */
.nav__logo.knot-logo {
    height: 2.75rem;  /* Slightly smaller for the knot logo */
}