.ca-navigation {
    position: sticky;
    top: 0;
    z-index: var(--ca-z-navigation);
    min-height: 4.75rem;
    border-bottom: 1px solid rgba(216, 225, 232, .82);
    background: rgba(255, 255, 255, .94);
    backdrop-filter: blur(1rem);
}

.ca-brand {
    display: inline-flex;
    align-items: center;
    gap: .7rem;
    color: var(--ca-brand-ink);
    font-weight: var(--ca-font-weight-bold);
    letter-spacing: -.02em;
    text-decoration: none;
}

.ca-brand:hover,
.ca-brand:focus {
    color: var(--ca-brand-navy);
}

.ca-brand__mark {
    flex: 0 0 auto;
}

.ca-navigation__inner,
.ca-navigation__menu {
    display: flex;
}

.ca-navigation .nav-link {
    color: var(--ca-color-text-secondary);
    font-size: var(--ca-font-size-sm);
    font-weight: var(--ca-font-weight-semibold);
}

.ca-navigation .nav-link:hover,
.ca-navigation .nav-link:focus {
    color: var(--ca-brand-navy);
}

.ca-footer {
    border-top: 1px solid var(--ca-color-border);
    background: var(--ca-color-surface);
}

.ca-footer__inner,
.ca-footer__brand,
.ca-footer__brand > div {
    display: flex;
}

.ca-footer__inner {
    align-items: center;
    justify-content: space-between;
    gap: var(--ca-spacing-xl);
    padding-block: var(--ca-spacing-xl);
}

.ca-footer__brand {
    align-items: center;
    gap: var(--ca-spacing-sm);
}

.ca-footer__brand > div {
    flex-direction: column;
}

.ca-footer__brand span,
.ca-footer p {
    color: var(--ca-color-text-secondary);
    font-size: var(--ca-font-size-sm);
}

.ca-footer p {
    max-width: 30rem;
    margin: 0;
    text-align: right;
}

.ca-navigation__inner {
    justify-content: space-between;
}

.ca-navigation__menu {
    align-items: center;
    flex-direction: row;
    gap: var(--ca-spacing-lg);
}