.bayani-nav {
  position: sticky;
  top: 0;
  z-index: 1050;
  background: rgba(243, 246, 250, .92);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(10, 31, 58, .14);
}

.bayani-nav__wrap {
  max-width: 1180px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 2rem;
  padding: .85rem 1.25rem;
}

.bayani-brand {
  display: flex;
  align-items: center;
  flex: none;
  text-decoration: none;
}

.bayani-brand__logo {
  display: block;
  width: auto;
  height: 38px;
}

.bayani-menu {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 1.4rem;
}

.bayani-menu a {
  color: #13315a;
  text-decoration: none;
  font-size: .92rem;
  font-weight: 500;
  line-height: 1.4;
  padding: .3rem 0;
  border-bottom: 2px solid transparent;
}

.bayani-menu a:hover,
.bayani-menu a.active {
  border-bottom-color: #5bb8f0;
}

.bayani-menu .bayani-nav__cta {
  padding: .5rem 1.1rem;
  color: #0b1f3a;
  background: #5bb8f0;
  border: 1.5px solid #5bb8f0;
  border-radius: 999px;
  font-weight: 600;
}

.bayani-menu .bayani-nav__cta:hover,
.bayani-menu .bayani-nav__cta.active {
  background: #79c6f4;
  border-color: #79c6f4;
}

.bayani-nav__toggle {
  display: none;
  margin-left: auto;
  padding: .4rem .6rem;
  color: #0b1f3a;
  background: transparent;
  border: 1.5px solid #0b1f3a;
  border-radius: 8px;
  font: 500 .8rem "Spline Sans Mono", ui-monospace, monospace;
  cursor: pointer;
}

.footer-logo {
  display: block;
  width: min(180px, 100%);
  height: auto;
}

footer .footer-logo {
  padding: .35rem .5rem;
  background: #fff;
  border-radius: 8px;
}

@media (max-width: 960px) {
  .bayani-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-left: 0;
    padding: 1.2rem 1.25rem;
    background: #f3f6fa;
    border-bottom: 1px solid rgba(10, 31, 58, .14);
    flex-direction: column;
    align-items: flex-start;
    gap: .9rem;
  }

  .bayani-menu.open {
    display: flex;
  }

  .bayani-nav__toggle {
    display: block;
  }
}