.wrap{
  box-sizing:border-box;
  max-width:1360px;
  margin:0 auto;
  padding:24px 32px 56px;
}

.app-header{
  display:flex;
  align-items:center;
  gap:24px;
  width:100%;
  margin:0 0 14px;
}

.app-brand{
  display:flex;
  align-items:center;
  flex:0 0 auto;
  text-decoration:none;
  color:#102033;
  font-weight:800;
}

.app-brand img{
  width:80px;
  height:auto;
  display:block;
  mix-blend-mode:multiply;
  transform:none;
}

.app-header .header-greeting{
  display:none;
}

.app-nav{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  margin:0 0 0 auto;
  font-weight:700;
  line-height:1.2;
}

.app-nav a{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding-bottom:4px;
  border-bottom:3px solid transparent;
  color:#475569;
  text-decoration:none;
}

.app-nav a:hover{
  color:#0077B6;
}

.app-nav a.active{
  color:#0077B6;
  border-bottom-color:#0077B6;
}

.app-nav span{
  flex:0 0 1px;
  width:1px;
  height:18px;
  overflow:hidden;
  background:#cbd5e1;
  color:transparent;
  font-size:0;
}

@media (max-width:900px){
  .wrap{
    padding:32px 20px 56px;
  }

  .app-header{
    align-items:flex-start;
    flex-direction:column;
  }

  .app-nav{
    justify-content:flex-start;
    margin-left:0;
  }
}

@media (max-width:640px){
  .wrap{
    padding:24px 16px 44px;
  }
}