/* Shared by every page using base-landing.html; independent of page typography. */
.marketing-navbar.navbar {
    --paper: #f7f2e7;
    --surface: #fffcf5;
    --ink: #262118;
    --muted: #6f6754;
    --rule: #ded5c3;
    --accent: #8a2d1c;
    padding: 1rem clamp(1rem, 4vw, 4rem);
    background: var(--surface) !important;
    border-bottom: 0;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    line-height: 1.7;
}

.marketing-navbar > .container-fluid {
    max-width: 72rem;
}

.marketing-navbar .navbar-brand {
    display: inline-flex;
    align-items: center;
    line-height: 1;
    background: var(--surface);
    isolation: isolate;
}

.marketing-navbar .navbar-brand-img {
    height: 2.75rem;
    max-height: 2.75rem;
    width: auto;
    mix-blend-mode: multiply;
}

.marketing-navbar.navbar .nav-link {
    color: var(--muted);
    font-size: .9rem;
    font-weight: 400;
    padding-inline: .85rem;
}

.marketing-navbar .navbar-nav {
    margin-right: 1.5rem;
}

.marketing-navbar .homepage-nav-actions {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.marketing-navbar .homepage-signin.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: .5rem 1rem;
    border: 1px solid var(--accent);
    border-radius: .375rem;
    background: var(--accent);
    color: var(--surface);
    font-size: .875rem;
    font-weight: 550;
    white-space: nowrap;
    text-decoration: none;
}

.marketing-navbar .homepage-signin:hover,
.marketing-navbar .homepage-signin:focus-visible {
    background: #702317;
    border-color: #702317;
    color: var(--surface);
}

.marketing-navbar a:focus-visible,
.marketing-navbar button:focus-visible {
    outline: none;
}

@media (max-width: 991.98px) {
    .marketing-navbar .navbar-nav {
        margin-right: 0;
    }

    .marketing-navbar .navbar-collapse {
        background: var(--surface);
        border: 1px solid var(--rule);
        border-radius: 5px;
    }

    .marketing-navbar .homepage-nav-actions {
        padding: 0;
        border-top: 1px solid var(--rule);
    }

    .marketing-navbar .homepage-nav-actions .homepage-signin {
        width: 100%;
        min-height: 48px;
        padding: .8125rem 1.25rem;
        border-radius: 0 0 4px 4px;
    }

    .marketing-navbar .nav-link {
        min-height: 44px;
    }

    .marketing-navbar .navbar-toggler {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 44px;
        min-height: 44px;
        padding: 0;
        line-height: 1;
        color: var(--muted);
    }

    .marketing-navbar .navbar-toggler-icon {
        width: 1.5rem;
        height: 1.125rem;
        background-image: linear-gradient(var(--muted), var(--muted)),
            linear-gradient(var(--muted), var(--muted)),
            linear-gradient(var(--muted), var(--muted));
        background-size: 100% 2px;
        background-position: top, center, bottom;
        background-repeat: no-repeat;
    }
}

@media (max-width: 768px) {
    .marketing-navbar.navbar {
        padding: .75rem 1rem;
    }

    .marketing-navbar .navbar-brand-img {
        height: 2.375rem;
        max-height: 2.375rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .marketing-navbar .lift {
        transform: none !important;
        transition: none !important;
    }
}