.site-header { background: var(--navy); color: #fff; position: relative; z-index: 50; }
.site-header__inner {
  display: flex; align-items: center; justify-content: space-between;
  min-height: 110px; padding: 0 40px 0 38px;
}
.site-header__logo img { width: 150px; height: auto; }
.site-header__toggle { display: none; background: none; border: 0; color: #fff; padding: 8px; }
.site-header__toggle .icon-close { display: none; }
.site-nav { display: flex; align-items: center; gap: 22px; }
.site-nav__menu { display: flex; list-style: none; align-items: center; }
.site-nav__link {
  display: block; padding: 10px; font-size: 13px; line-height: 30px; letter-spacing: 2px; text-transform: uppercase;
  color: #fff; font-weight: 500;
}
.site-nav__item.is-current .site-nav__link, .site-nav__link:hover { color: var(--cyan); }
.btn-donate {
  display: inline-block; margin-left: 10px; padding: 11px 13px; border: 1px solid var(--cyan); border-radius: 40px;
  background: var(--light); color: var(--navy); font-size: 13px; line-height: 1; letter-spacing: 2px; text-transform: uppercase; font-weight: 500;
  transition: background .2s, color .2s;
}
.btn-donate:hover { background: var(--cyan); color: var(--navy); }

@media (max-width: 921px) {
  .site-header__inner { flex-wrap: wrap; min-height: 80px; padding: 0 20px; }
  .site-header__toggle { display: inline-flex; }
  .site-header.is-open .icon-menu { display: none; }
  .site-header.is-open .icon-close { display: block; }
  .site-nav { display: none; flex-basis: 100%; flex-direction: column; align-items: stretch; gap: 0; padding-bottom: 16px; }
  .site-header.is-open .site-nav { display: flex; }
  .site-nav__menu { flex-direction: column; align-items: stretch; }
  .site-nav__link { padding: 10px 20px; border-bottom: 1px solid rgba(255,255,255,.1); }
  .btn-donate { margin: 16px 20px 0; text-align: center; }
}