Centered navigation is wrapping in Squarespace 7.1, don't want it to!

I'm having an issue with my centered navigation wrapping when I don't want it to. It appears that there is plenty of space to the left and right for the navigation to stretch out, but for some reason, it's going onto two lines instead. I've tried pasting all different CSS suggestions into the custom code area so far, and nothing seems to work. Is anyone able to help? Much appreciated!

I'm attaching two screenshots: 1) how it looks right now, 2) how I want it to look (all on one line).

Site: https://www.artistswithagency.com/

PW: AWA2023

Add this to Design=>Custom CSS:

.header-title-nav-wrapper {
  flex:1 0 80%
}
.header-layout-nav-center .header-nav {
  width:100% !important;
  flex:1 1 100%
}

Hmm...this doesn't seem to be working. Same site URL, but it is no longer password protected. I'm pasting all the custom CSS I have currently included right now, but nothing else seems to be targeting the nav so I'm not sure why it isn't working. Any more ideas?

Custom CSS I have:

// Remove newsletter header padding for one block //

#BLOCK-ID {

.newsletter-block .newsletter-form-header-description {

  display: none

}
}

// This hides the container for the form disclaimer
  // this part needs to be removed if you display
  // the disclaimer on your website
  .newsletter-form-footnote {
    display: none;
    
    .newsletter-form-description {
    display: none;
 
    }}

// header bottom border //
.header .header-announcement-bar-wrapper .header-border
{
width: 94%;
left: 0; 
right: 0; 
margin-left: auto; 
margin-right: auto;
}

// footer border //
.section-divider-display svg {
    width: 94%;
left: 0; 
right: 0; 
margin-left: auto; 
margin-right: auto; }

// Mobile nav sizing //

.header-menu-nav-item a {
    font-size: 22px;
  line-height: 1.5em;
 
// navigation centering //
.header-title-nav-wrapper {
  flex:1 0 80%
}
.header-layout-nav-center .header-nav {
  width:100% !important;
  flex:1 1 100%
  }}

It looks like you figured it out?