.desktop-nav{gap:20px}

/* Keep the navbar readable after it becomes sticky on scroll. */
.site-header.is-scrolled,
.site-header:not(.site-header--hero){
    background:#082B4C;
    color:#fff;
}

.site-header.is-scrolled .nav-link,
.site-header.is-scrolled .icon-button,
.site-header.is-scrolled .menu-toggle,
.site-header:not(.site-header--hero) .nav-link,
.site-header:not(.site-header--hero) .icon-button,
.site-header:not(.site-header--hero) .menu-toggle{
    color:#fff;
}