.voyqa-header {
  position: absolute;
  inset: 0 0 auto;
  z-index: var(--voyqa-z-header);
  padding-block: 20px;
}
.voyqa-header__inner {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 22px;
}
.voyqa-header__logo {
  justify-self: start;
  color: #a77224;
  font-family: var(--voyqa-font-heading);
  font-size: 1.85rem;
  font-weight: 500;
  letter-spacing: .05em;
}
.voyqa-header__center { display: flex; align-items: center; justify-self: center; gap: 34px; }
.voyqa-header__nav ul { display: flex; align-items: center; gap: clamp(18px,2.15vw,34px); }
.voyqa-header__nav a {
  position: relative;
  padding-block: 8px;
  color: var(--voyqa-blue);
  font-size: .65rem;
  font-weight: 600;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.voyqa-header__nav a::after {
  content: "";
  position: absolute;
  right: 100%; bottom: 3px; left: 0;
  height: 1px;
  background: var(--voyqa-gold);
  transition: right .35s ease;
}
.voyqa-header__nav a:hover::after, .voyqa-header__nav a[aria-current="page"]::after { right: 0; }
.voyqa-header__monogram {
  position: relative;
  width: 38px; height: 38px;
  display: grid; place-items: center;
  flex: none;
  border: 1px solid var(--voyqa-line);
  border-radius: 50%;
  background: rgba(255,255,255,.42);
  color: var(--voyqa-gold);
  font: 500 .76rem var(--voyqa-font-heading);
}
.voyqa-header__monogram::before, .voyqa-header__monogram::after {
  content: ""; position: absolute; top: 50%; width: 46px; height: 1px;
  background: linear-gradient(90deg, transparent, var(--voyqa-line));
}
.voyqa-header__monogram::before { right: calc(100% + 8px); }
.voyqa-header__monogram::after { left: calc(100% + 8px); transform: scaleX(-1); }
.voyqa-header__cta-group { display: flex; align-items: center; gap: 14px; justify-self: end; }
.voyqa-header__admin {
  display: grid;
  place-items: center;
  width: 38px; height: 38px;
  flex: none;
  border: 1px solid var(--voyqa-line);
  border-radius: 50%;
  background: rgba(255,255,255,.42);
  color: var(--voyqa-blue);
  transition: color .2s ease, border-color .2s ease;
}
.voyqa-header__admin:hover { color: var(--voyqa-gold); border-color: var(--voyqa-gold); }
.voyqa-header__burger {
  display: none;
  width: 42px; height: 42px;
  place-items: center;
  border: 1px solid var(--voyqa-line);
  border-radius: 50%;
  background: rgba(255,255,255,.48);
  color: var(--voyqa-blue);
}
.voyqa-header__burger svg { width: 18px; height: 18px; }

.voyqa-mobile-menu {
  position: fixed;
  inset: 7px;
  z-index: 90;
  display: flex;
  flex-direction: column;
  padding: 25px;
  border: 1px solid rgba(223,189,122,.55);
  border-radius: 25px;
  background:
    radial-gradient(circle at 78% 18%, rgba(223,189,122,.22), transparent 27%),
    var(--voyqa-blue);
  color: var(--voyqa-ivory);
  transform: translateY(calc(-100% - 14px));
  transition: transform .5s cubic-bezier(.22,1,.36,1);
}
.voyqa-mobile-menu[data-open="true"] { transform: translateY(0); }
.voyqa-mobile-menu__top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 54px; }
.voyqa-mobile-menu__close { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid rgba(223,189,122,.5); border-radius: 50%; }
.voyqa-mobile-menu nav ul { display: flex; flex-direction: column; gap: 22px; }
.voyqa-mobile-menu nav a { color: var(--voyqa-ivory); font: 500 2.2rem/.95 var(--voyqa-font-heading); }
.voyqa-mobile-menu nav a:hover { color: var(--voyqa-champagne); }
.voyqa-mobile-menu__cta { margin-top: auto; display: flex; flex-direction: column; gap: 14px; align-items: flex-start; }
.voyqa-mobile-menu__admin {
  color: var(--voyqa-ivory);
  opacity: .7;
  font-size: .7rem;
  font-weight: 600;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.voyqa-mobile-menu__admin:hover { opacity: 1; color: var(--voyqa-champagne); }

@media (max-width: 1120px) {
  .voyqa-header__inner { grid-template-columns: auto auto; justify-content: space-between; }
  .voyqa-header__center, .voyqa-header__cta-group { display: none; }
  .voyqa-header__burger { display: grid; }
}
@media (max-width: 767px) {
  .voyqa-header { padding-block: 16px; }
  .voyqa-header__logo { font-size: 1.5rem; }
}