/* ==========================================================
   Header — night-navy glass with gold ornament
   (matches the vortex hero; fonts stay the site's own)
   ========================================================== */

.container-header {
  --hdr-gold: #e2bd73;
  --hdr-gold-hi: #fbe3a8;
  --hdr-text: #e9dfc8;
  min-height: 72px;
  padding-top: 12px;
  padding-bottom: 12px;
  background: linear-gradient(180deg, rgb(34, 42, 64) 0%, rgb(0, 0, 0) 100%);
  -webkit-backdrop-filter: blur(10px) saturate(140%);
  backdrop-filter: blur(10px) saturate(140%);
  box-shadow: 0 12px 30px -18px rgba(0, 0, 0, .8);
  transition: background .35s ease, padding .35s ease, min-height .35s ease, box-shadow .35s ease;
}
/* gold hairline along the bottom, fading out at the sides, with a diamond in the middle */
.container-header::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, rgba(226, 189, 115, .15) 12%, rgba(251, 227, 168, .75) 50%, rgba(226, 189, 115, .15) 88%, transparent 100%);
  pointer-events: none;
}
.container-header::before {
  content: "";
  position: absolute;
  left: 50%; bottom: -4px;
  width: 8px; height: 8px;
  margin-left: -4px;
  transform: rotate(45deg);
  background: linear-gradient(135deg, var(--hdr-gold-hi), #a8732f);
  box-shadow: 0 0 10px rgba(251, 210, 130, .7);
  pointer-events: none;
}
.container-header.is-scrolled {
  min-height: 60px;
  padding-top: 8px;
  padding-bottom: 8px;
  background: linear-gradient(180deg, rgb(34, 42, 64) 0%, rgb(0, 0, 0) 100%);
}

/* logo: gold version + soft glow */
.hero_logo-img {
  height: 43px;
  width: auto;
  filter: drop-shadow(0 0 10px rgba(240, 200, 120, .25));
  transition: filter .3s ease;
}
.hero__logo:hover .hero_logo-img { filter: drop-shadow(0 0 14px rgba(240, 200, 120, .5)); }

/* nav links: parchment text, gold hover, diamond separators */
.hero__links { gap: 0; }
.link-header {
  position: relative;
  color: var(--hdr-text);
  letter-spacing: .04em;
  text-transform: capitalize;
  padding: 6px 22px;
  transition: color .25s ease, text-shadow .25s ease;
}
.link-header + .link-header::before {
  content: "";
  position: absolute;
  left: -2px; top: 50%;
  width: 4px; height: 4px;
  margin-top: -2px;
  transform: rotate(45deg);
  background: var(--hdr-gold);
  opacity: .55;
}
.link-header::after {
  content: "";
  position: absolute;
  left: 22px; right: 22px; bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--hdr-gold-hi), transparent);
  transform: scaleX(0);
  transition: transform .3s ease;
}
.link-header:hover {
  color: var(--hdr-gold-hi);
  text-shadow: 0 0 12px rgba(251, 210, 130, .45);
}
.link-header:hover::after { transform: scaleX(1); }

/* burger + mobile menu */
.burger-line__top, .burger-line__middle, .burger-line__bottom { background-color: #fbe3a8; }
.btn__burger.is-open .burger-line__top,
.btn__burger.is-open .burger-line__middle,
.btn__burger.is-open .burger-line__bottom { background-color: #fbe3a8; }
.m-menu {
  background:
    radial-gradient(90% 60% at 50% 0%, rgba(90, 60, 170, .35), transparent 70%),
    radial-gradient(80% 50% at 50% 100%, rgba(40, 80, 170, .25), transparent 70%),
    #070a1a;
}
.link-header-m {
  color: #e9dfc8;
  text-transform: capitalize;
  transition: color .25s ease, text-shadow .25s ease;
}
.link-header-m:hover {
  color: #fbe3a8;
  text-shadow: 0 0 14px rgba(251, 210, 130, .45);
}

/* hero title: no button below it any more, so centre it properly */
.section__hero .main-t-content { margin-bottom: 0; }